:root {
	--background: url(https://manager.spinthewheel.nl/media/games/156/style/143/background_img/musis-background.jpg?nocache=1780991866588) right top no-repeat #8F9D90;
}

.gamescore-wrap {
    left: 210px;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .gamescore-wrap {
        left: 180px;
    }
}
@media (min-width: 992px) and (max-width: 1399px) {
    .gamescore-wrap {
        left: 180px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .gamescore-wrap {
        left: 180px;
    }
}
@media (max-width: 767px) {
    .gamescore-wrap {
        left: 0;
    }
}

/* Musis logo is a compact ~2.17:1 mark (viewBox 104.1x48); the shared 96px
   info-modal height makes it oversized. Override to a fitting height. */
#modal-information .modal-logo-link img {
    height: 48px;
}

/* Show the light logo in the header pre-game on web/tablet only.
   Scoped to:
     - body:not(.game-play)  -> only pre-game, leaves in-game state intact
                                (incl. mobile-during-game logo hiding)
     - @media min-width 768  -> mobile keeps the shared default (dark logo) */
@media (min-width: 768px) {
    body:not(.game-play) .logo-dark { display: none; }
    body:not(.game-play) .logo-light { display: block; }
}