.btn-game { position: absolute; z-index: 2; left: 42.447916667%; bottom: 4.315789474%; width: 17.1875%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.btn-game:focus-visible { outline: 3px solid #006982; outline-offset: 5px; border-radius: 50px; }
html.game-open { overflow: hidden; }
#game-modal { width: min(96vw, 162.54vh); max-width: 1920px; max-height: 96vh; padding: 0; border: 0; background: #d6e5e3; overflow: auto; }
#game-modal::backdrop { background: rgba(0, 25, 35, .7); }
.game-stage { position: relative; width: 100%; }
.game-stage img { display: block; width: 100%; height: auto; }
.game-question { position: absolute; inset: 0; }
.game-question[hidden] { display: none; }
.game-question:not([hidden]) { animation: game-fade-in 1000ms ease-out both; }
@keyframes game-fade-in { from { opacity: 0; } to { opacity: 1; } }
.game-tint, .game-q1 { position: absolute; inset: 0; }
.game-tint { opacity: .25; pointer-events: none; }
.game-close { position: absolute; right: 12px; top: 12px; z-index: 4; width: 40px; height: 40px; padding: 0; border: 2px solid white; border-radius: 50%; background: #003d50; color: white; font-size: 30px; line-height: 32px; cursor: pointer; }
.game-close:focus-visible { outline: 3px solid #ffdf36; outline-offset: 3px; }