:root{color-scheme:dark;--gold:#e3bf72;--blue:#54c5ef;--red:#ff7a79}*{box-sizing:border-box}body{margin:0;background:#081722;color:#f6eedc;font-family:Georgia,serif;background-image:radial-gradient(ellipse at 50% 40%,#203e46,transparent 70%);min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 3vw;border-bottom:1px solid #d2b66a33}a{color:var(--gold);font:bold 22px Arial;text-decoration:none}a span{color:#eee;font-weight:400}.brand{letter-spacing:3px;font-size:15px}.brand small{display:block;text-align:center;font:9px Arial;letter-spacing:4px;margin-top:7px}nav{display:flex;gap:7px;flex-wrap:wrap}button,select,input,textarea,.file{font:15px Arial;border:1px solid #b8bca34a;border-radius:8px;padding:11px 14px;background:#122a38;color:#f6eedc}button,.file{cursor:pointer}button:hover{border-color:var(--gold);background:#24424b}button:focus-visible{outline:3px solid var(--gold)}main{max-width:1600px;margin:auto;padding:25px 3vw}.top{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font:11px Arial;letter-spacing:3px;color:var(--gold)}h1{font-size:clamp(28px,3vw,48px);font-weight:400;margin:8px 0}p{color:#bbcad0;line-height:1.5}#hint{margin:8px 0 20px}#scores{display:flex;gap:12px}.score{min-width:145px;padding:16px 20px;background:#112631;border:1px solid #61747b;border-radius:10px;font-family:Arial}.score.active{box-shadow:0 0 0 2px var(--gold)}.score b{display:block;margin:8px 0;font-size:26px}.score small{display:block;color:#bac9cb}.atlas{position:relative;border:1px solid #d6bc7045;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at center,#244954,#0a2433 80%);box-shadow:0 25px 70px #0006}.maplabel{text-align:center;font:10px Arial;letter-spacing:5px;padding:18px;color:#cab784}svg{display:block;width:100%;max-height:64vh;min-height:300px}.ocean{fill:#89b3bc55;font:10px Georgia;pointer-events:none}.route{stroke:#ebd9a0;stroke-width:1;stroke-dasharray:4 6;opacity:.28}.node{cursor:pointer;outline:none}.node .halo{fill:#102d36;stroke:#c2b17a;stroke-width:2}.node.legal .halo{stroke:#fff3c0;stroke-width:3;filter:drop-shadow(0 0 5px #f9d685)}.node:hover .halo,.node:focus .halo{stroke:white;stroke-width:4}.node text{fill:#fff7df;paint-order:stroke;stroke:#0a2533;stroke-width:3px;font:bold 11px Arial;text-anchor:middle;pointer-events:none}.legend{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;padding:15px;font:12px Arial;color:#aabec4;border-top:1px solid #c2b17822}.dot{height:9px;width:9px;border-radius:50%;display:inline-block}.gold{background:var(--gold)}.blue{background:var(--blue)}.red{background:var(--red)}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:17px;font:14px Arial;color:#bbcad0}dialog{background:linear-gradient(140deg,#173442,#091b29);color:#fff0d4;border:1px solid #bc9e65;border-radius:18px;width:min(760px,94vw);padding:30px;max-height:92vh;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#020c14d9;backdrop-filter:blur(7px)}h2{font-size:clamp(27px,3vw,42px);font-weight:400;line-height:1.2;margin:15px 0 22px}label{display:block;font:14px Arial;color:#c5cfcf;margin:17px 0}label input,label select{display:block;width:100%;margin-top:8px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}.primary{background:var(--gold);color:#15232b;font-weight:bold;border-color:var(--gold)}.primary:hover{background:#f6d99a;color:#15232b}textarea{width:100%;font:14px monospace}#options{display:grid;grid-template-columns:1fr 1fr;gap:14px}#options div{background:#24424b;padding:20px;border:1px solid #62736c;border-radius:10px;font:24px Arial}#answer{padding:20px;margin:15px 0;background:#205447;border-radius:10px;font:24px Arial}#judge{display:flex;flex-wrap:wrap;gap:10px}#judge[hidden],#answer[hidden]{display:none}.timer{float:right;font:28px Arial;color:var(--gold)}ol{padding-left:23px}li{padding:7px;line-height:1.45}#studio button{margin:5px}.file{display:inline-block}.file input{max-width:230px;font-size:12px}button:disabled{opacity:.4;cursor:default}@media(max-width:750px){header{flex-wrap:wrap}.brand{font-size:11px}nav{width:100%}nav button{font-size:12px;padding:9px}.top{display:block}#scores{margin:15px 0}.score{flex:1;min-width:0;padding:10px}.score b{font-size:20px}main{padding:18px 12px}svg{min-height:0;max-height:none}.atlas{overflow-x:auto}#map{min-width:730px}.maplabel{letter-spacing:2px}.legend{min-width:500px}footer{align-items:flex-start}.twocol{grid-template-columns:1fr}#options div{font-size:21px;padding:15px}dialog{padding:23px}}
main{max-width:1900px}.atlas{background:radial-gradient(ellipse at 40% 20%,#346777,#102e42 65%,#081b2b)}svg{max-height:none;min-height:0}.node image{filter:drop-shadow(3px 6px 3px #00131ddd);pointer-events:none}.node .halo{fill:#142d31aa;stroke-opacity:.5}.node.legal .halo{animation:breathe 2s infinite}.node:not(.legal) .halo{stroke-opacity:.25}.neutral-symbol{font-size:27px!important;fill:#f1d69a!important}.node text{font-size:10px}.node.legal:hover image{filter:drop-shadow(0 0 8px #ffdf8c)}.castle-art{transform-origin:0 10px}.node:hover .castle-art{transform:scale(1.09)}.node:hover{filter:brightness(1.2)}#landmass{filter:drop-shadow(0 5px 0 #30493b) drop-shadow(0 8px 4px #001a26)}#domains{pointer-events:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(150px);background:#f0d390;color:#142c39;padding:18px 24px;border-radius:12px;z-index:100;max-width:90vw;box-shadow:0 12px 40px #000a;font:17px Arial;transition:transform .25s}#toast.show{transform:translateX(-50%) translateY(0)}#fxLayer{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}#fxLayer i{position:absolute;width:8px;height:12px}.battle-banner{position:absolute;top:27%;left:50%;transform:translateX(-50%);padding:24px 50px;background:linear-gradient(90deg,transparent,#122633f0,transparent);font-size:clamp(24px,4vw,55px);color:#ffe2a0;letter-spacing:5px;text-align:center;white-space:nowrap;text-shadow:0 3px 12px #000;animation:banner 2s both}#audioSettings label:has(input[type=checkbox]){display:flex;align-items:center;gap:12px}#audioSettings input[type=checkbox]{width:22px;height:22px;margin:0}#challenge{width:min(1050px,95vw)}#question{font-size:clamp(32px,4vw,56px)}#options div{font-size:clamp(23px,2.5vw,34px);min-height:85px}.timer{font-size:40px}#judge button{padding:18px;font-size:18px}#readQuestion{margin:12px 8px 12px 0}.score{background:linear-gradient(130deg,#183641,#0c202d)}@keyframes breathe{50%{stroke-opacity:1;filter:drop-shadow(0 0 6px #efcf7d)}}@keyframes banner{0%{opacity:0;top:32%}15%,80%{opacity:1;top:27%}100%{opacity:0;top:24%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:750px){#map{min-width:850px}.atlas{max-height:65vh}.battle-banner{padding:20px;font-size:24px;letter-spacing:1px}#question{font-size:30px}}
#options button.answer-option,#options div[role=button]{background:#24424b;padding:20px;border:2px solid #62736c;border-radius:10px;font:clamp(23px,2.5vw,34px) Arial;text-align:left;color:#f6eedc;cursor:pointer;min-height:85px}#options button.answer-option:hover:not(:disabled),#options div[role=button]:hover:not([aria-disabled=true]){border-color:#f0d390;background:#345762;transform:translateY(-2px)}#options .selected-option{border-color:#f0d390!important;background:#5b5031!important}#options .correct-option{border:2px solid #89ddb2!important;background:#215b43!important}#options .locked-option{opacity:.65}#answerState{font:20px Arial;line-height:1.5;margin:20px 0;color:#f0d390}#onlineBadge{position:fixed;bottom:10px;right:12px;padding:8px 12px;background:#173a39;border:1px solid #86bcb1;border-radius:8px;font:12px Arial;z-index:15}#options[hidden]{display:none}

.sound-tests{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.sound-tests button{flex:1 1 110px}#audioSettings{max-height:90vh;overflow:auto}#audioSettings input[type=range]{width:100%;accent-color:#d9b45a}

html,body{max-width:100%;overflow-x:hidden}button,.node{touch-action:manipulation}dialog{max-width:min(94vw,900px);max-height:94dvh;overflow:auto}#mapFeedback{position:fixed;bottom:8px;left:10%;width:80%;padding:8px 14px;background:#061926ee;color:#f4dfaa;border:1px solid #d9b45a;border-radius:12px;font:14px/1.4 Arial;z-index:40;pointer-events:none}#mapFeedback[hidden]{display:none}#responders{font:700 clamp(20px,3vw,36px)/1.3 Arial;color:#f4d897;padding:8px;direction:auto}.team-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.team-row select{min-width:110px}#teamRoster{max-height:45vh;overflow:auto}.teacher-settings{margin:14px 0;padding:14px;border:1px solid #d9b45a}
@media(max-width:950px) and (orientation:landscape){body{height:100dvh}header{height:44px;padding:4px 12px;gap:8px}header a{font-size:16px}.brand{font-size:10px}.brand small{display:none}nav{gap:3px;flex-wrap:nowrap}nav button{font-size:12px;padding:7px;min-height:34px}main{padding:4px 10px}.top{gap:8px;height:54px}h1{font-size:21px;margin:2px 0}.eyebrow{font-size:8px;letter-spacing:1px;margin:2px}#hint{font:11px Arial;margin:1px 0 5px}.score{min-width:95px;padding:4px 9px}.score b{font-size:17px;margin:2px 0}.score small{font-size:9px}.score span{font-size:12px}.atlas{border-radius:8px}.maplabel{display:none}#map{min-height:0!important;height:calc(100dvh - 146px);max-height:none}.legend{font-size:9px;padding:3px;gap:7px}#status{margin:2px;font:10px Arial}dialog{padding:14px!important}#challenge{width:94vw;max-height:96dvh}#question{font-size:clamp(20px,3.2vw,30px);margin:5px 0}#options{display:grid;grid-template-columns:1fr 1fr;gap:8px}#options>*{font-size:18px;padding:10px;min-height:44px}#answer{font-size:14px;margin:6px 0}#commit,#answerState{font-size:12px;margin:4px 0}dialog h2{font-size:24px;margin:6px 0}#timer{font-size:25px}.battle-banner{font-size:clamp(20px,4vw,40px)}}
@media(max-width:600px) and (orientation:portrait){nav{gap:4px}nav button{font-size:12px;padding:8px}header{padding:10px;flex-wrap:wrap}.top{flex-wrap:wrap}#scores{width:100%}.score{flex:1;min-width:0}#map{min-height:0!important}main{padding:10px}#options>*{min-height:48px}}

/* Override the original scrolling mobile board. */
@media(max-width:950px) and (orientation:landscape){header{flex-wrap:nowrap}nav{width:auto}.top{display:flex}#scores{margin:0;gap:6px}.atlas{overflow:hidden}#map{min-width:0!important;width:100%;height:calc(100dvh - 164px)}.legend{min-width:0;flex-wrap:nowrap;overflow:hidden}footer{display:none}}
@media(max-width:600px) and (orientation:portrait){#map{min-width:0!important;width:100%}.legend{min-width:0}.atlas{overflow:hidden}}

/* Immersive board: all permanent controls float over the map. */
html:has(body.immersive),body.immersive{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}
.immersive header,.immersive footer,.immersive .maplabel{display:none}
.immersive main{position:fixed;inset:0;max-width:none;width:100%;height:100%;padding:0;margin:0}
.immersive .atlas{position:absolute;inset:0;border:0;border-radius:0;max-height:none;overflow:hidden;background:radial-gradient(ellipse at 45% 35%,#356372 0%,#153b50 55%,#061f32 100%)}
.immersive #map{display:block;position:absolute;inset:0;width:100%;height:100%;min-width:0!important;min-height:0!important;max-height:none;touch-action:none;user-select:none;-webkit-user-select:none}
.immersive .top{position:absolute;inset:0;z-index:5;display:block;height:auto;margin:0;pointer-events:none}
.immersive .top>div:first-child{position:absolute;top:max(9px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:38%;text-align:center;background:#091f2edb;backdrop-filter:blur(10px);border:1px solid #d6bd7866;border-radius:24px;padding:9px 18px}
.immersive #phase,.immersive #hint{display:none}
.immersive #instruction{font:600 clamp(13px,1.5vw,22px)/1.25 Arial;margin:0;color:#f8e7b8}
.immersive #scores{position:absolute;top:max(9px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));margin:0;display:flex;justify-content:space-between;gap:0;width:auto}
.immersive .score{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;min-width:0;width:min(24vw,260px);padding:9px 15px;border:1px solid;border-radius:16px;background:#0b2434e6;backdrop-filter:blur(12px)}
.immersive .score.active{box-shadow:0 0 0 2px #edcf8380,0 0 24px #d7ba5e22}
.immersive .score span{font:600 clamp(12px,1.5vw,20px) Arial;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.immersive .score b{font:700 clamp(13px,1.7vw,24px) Arial;margin:0;white-space:nowrap}
.immersive .score small{grid-column:1/-1;font:clamp(9px,1vw,13px) Arial}
#menuToggle{position:fixed;left:max(12px,env(safe-area-inset-left));top:92px;z-index:12;width:50px;height:50px;border-radius:50%;padding:0;font:26px Arial;background:#0a2539e8;box-shadow:0 3px 20px #00122088;border:1px solid #d4c28b99}
#gameMenu{width:min(440px,94vw);padding:22px}#gameMenu .menu-heading{display:flex;align-items:center;justify-content:space-between}#gameMenu h2{font-size:30px}#gameMenu .menu-heading button{font-size:20px}#menuActions nav,#menuActions>div{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin:12px 0}#menuActions button{min-height:46px;font-size:15px}#menuActions .legend{display:flex;min-width:0;border:0;gap:8px;white-space:normal}#menuActions>a{display:block;margin-top:18px;font-size:18px}#menuStatus,.menu-tip{font:13px/1.5 Arial}
.map-tools{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));display:flex;gap:8px;z-index:9}.map-tools button{width:46px;height:46px;border-radius:50%;padding:0;font:26px Arial;background:#0c2638e8;border-color:#c7d7d4aa;box-shadow:0 4px 15px #00121d77}
#mapGestureHint{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font:12px Arial;color:#cad9d8;pointer-events:none;padding:5px 12px;background:#092432aa;border-radius:20px;white-space:nowrap}
.immersive #onlineBadge{bottom:12px;left:12px;right:auto;max-width:25vw;font-size:10px;opacity:.85}
.immersive #mapFeedback{bottom:70px;left:25%;width:50%;font-size:13px;text-align:center}
.immersive .node text{font-size:10px;stroke-width:3.5px}
.immersive .node .halo{r:26;fill:#0c283870}
/* Real SVG joints are posed by visuals.js. The actor root stays planted. */
.knight-actor{pointer-events:none;animation:none!important;filter:drop-shadow(1px 2px 1px #00172388)}
.knight-actor *{animation:none!important;transition:none!important}
.battle-scene{pointer-events:none}
.battle-playing .node,.battle-playing .map-tools{pointer-events:none}
.battle-playing .top,.battle-playing #classroomTurn,.battle-playing #mapFeedback,.battle-playing #mapGestureHint{visibility:hidden!important}
#skipBattle{position:fixed;z-index:70;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-height:44px;padding:9px 16px;background:#102b3bef;border:1px solid #e6c982;border-radius:10px;color:#fff5d8;font:600 14px system-ui;cursor:pointer}
.castle-actor{pointer-events:none;filter:drop-shadow(3px 6px 3px #00131dcc)}
.castle-actor .castle-art{max-height:none;min-height:0;width:88.5px;height:118px;overflow:hidden;transform:none!important;filter:none}
.castle-crimson .castle-art{filter:hue-rotate(140deg) saturate(.95)}
.immersive .battle-banner{top:auto!important;bottom:10%;font:700 clamp(17px,3vw,40px) Arial;letter-spacing:2px;padding:12px 26px;animation:outcome-label 2.2s both}
@keyframes outcome-label{0%,100%{opacity:0}15%,85%{opacity:1}}
@media(max-height:500px){#menuToggle{top:74px;width:44px;height:44px}.immersive .score{padding:6px 10px;border-radius:12px}.immersive .top>div:first-child{padding:8px 12px}.map-tools{gap:6px}.map-tools button{width:42px;height:42px}#mapGestureHint{bottom:10px;font-size:10px}.immersive #onlineBadge{bottom:8px;left:8px;padding:4px 6px}.immersive #mapFeedback{bottom:56px}}
#examFilters{margin:10px 0 18px;padding:14px 16px;border:1px solid #d9b45a88;border-radius:12px;background:#0b2635}#examFilters[hidden]{display:none}#examFilters .exam-intro{font:600 16px/1.45 Arial;color:#ffe3a0;margin:4px 0 12px}#examFilters label{font-size:15px}#examFilters select{min-height:48px;font-size:17px}#examCount{font:600 14px Arial;color:#c5e2d8;margin:8px 0 0}@media(max-width:750px){#examFilters{padding:10px}#examFilters .twocol{grid-template-columns:1fr}#examFilters select{min-height:50px}}
@media(max-width:600px) and (orientation:portrait){.immersive #scores{left:8px;right:8px}.immersive .score{width:42vw}.immersive .top>div:first-child{top:82px;max-width:65%}#menuToggle{top:135px}#mapGestureHint{display:none}.immersive #mapFeedback{left:5%;width:90%}}
@media(prefers-reduced-motion:reduce){.knight-actor *,.castle-actor *{animation:none!important}}
.knight-actor svg{width:68px;height:85px}

/* Keep actor viewports local; only the world map fills the screen. */
#map .castle-art{width:88.5px;height:118px;min-height:0;max-height:none;overflow:hidden}#map .knight-actor svg{width:68px;height:85px;min-height:0;max-height:none}

#classroomTurn{position:fixed;z-index:35;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(650px,80vw);padding:10px 24px;background:#071b2def;border:1px solid #d0ae60;border-radius:16px;text-align:center;box-shadow:0 8px 32px #0007;cursor:pointer;pointer-events:auto}#classroomTurn small{display:block;font:700 11px system-ui;letter-spacing:.12em;color:#e8c97d}#classroomTurn strong{display:block;font:750 clamp(22px,3vw,34px) system-ui;color:#fff;line-height:1.3}#classroomTurn span{display:block;font:14px system-ui;color:#d3e5ec}#classroomTurn.paused{border-color:#ff9c82}#classroomTurn[hidden]{display:none}.teacher-settings{border-top:1px solid #9c865a;padding-top:12px}.team-row{display:flex;align-items:center;gap:10px}.team-row span{flex:1}.team-row small{font-size:12px}.team-row select{width:110px}@media(max-height:500px){#classroomTurn{padding:5px 18px;bottom:8px}#classroomTurn strong{font-size:24px}#classroomTurn span{font-size:12px}}

#options .incorrect-option{border:2px solid #ff887e!important;background:#742b32!important;color:#fff!important;opacity:1}#answerState.incorrect-feedback{color:#ff9a90}#answerState.correct-feedback{color:#89ddb2}#classroomTurn button{display:block;margin:7px auto 0;padding:8px 14px;min-height:40px;font:600 14px system-ui;border:1px solid #ff9a90;background:#54252d;color:#fff;border-radius:9px}#classroomTurn button:disabled{opacity:.5}

#answer.incorrect-feedback{background:#742b32;border:1px solid #ff887e;color:#fff}

#inviteControls{margin:14px 0;padding:12px;border:1px solid #ad9155;border-radius:12px}#inviteLink{width:100%;font:14px system-ui}#whatsappInvite{display:block;padding:12px;border-radius:10px;background:#236943;color:white;text-align:center;text-decoration:none}


.battle-playing #toast,.battle-playing #onlineBadge{visibility:hidden!important}

/* Progressive lesson selection; compact enough for phones and keyboard use. */
.study-picker{padding:16px;margin:18px 0;border:1px solid #85764c;border-radius:16px;background:#0b2029}.study-picker label{min-width:0}.study-picker select{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}.study-picker p{margin:10px 0 0;font-size:.9em;line-height:1.45}.study-picker .exam-intro{color:#e9d68f;font-weight:700;margin-bottom:12px}.study-picker [hidden]{display:none!important}.study-picker summary{cursor:pointer;padding:10px 0}#setup{max-height:90dvh;overflow-y:auto}#setup>label,#setup>.twocol{margin-top:12px}@media(max-width:600px){.study-picker .twocol{grid-template-columns:1fr}.study-picker{padding:12px}#setup{max-height:94dvh;padding:20px}#setup h2{font-size:1.7rem}}
.game-settings{margin:14px 0}.game-settings summary{cursor:pointer;color:#e9d68f;padding:10px 0}.game-settings>label,.game-settings>.twocol{margin-top:12px}

/* No fullscreen or portrait-play option. Native dialog also blocks map input. */
#rotatePrompt{display:none;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px!important;border:0;border-radius:0;background:#061626;color:#f7e8bf;text-align:center;overflow:auto}
#rotatePrompt[open]{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:16px}
#rotatePrompt::backdrop{background:#061626}#rotatePrompt>span{font:80px/1 system-ui;color:#e3bf72}#rotatePrompt h2{font:700 clamp(26px,6vw,40px)/1.2 system-ui;margin:0}#rotatePrompt p{font:18px/1.6 system-ui;margin:0;max-width:32ch}
#installGame{margin:8px 6px 0 0}#installHelp{width:min(540px,94vw)}#installHelp p{line-height:1.6}#installOpenGame{display:block;color:#f1d58e;margin:20px 0}#installGame[hidden],#installGameMenu[hidden]{display:none!important}

.dot.green{background:#65d695}#classroomTurn{border-color:var(--team-color,#54c5ef)}#scores{flex-wrap:wrap}.score{min-width:110px}#greenNameField[hidden]{display:none}

.immersive .top:has(#scores.three-player)>div:first-child{top:78px;max-width:48vw}.immersive #scores.three-player{gap:8px}.immersive #scores.three-player .score{width:min(29vw,300px)}@media(max-height:500px){.immersive .top:has(#scores.three-player)>div:first-child{top:64px;padding:6px 12px}}

#rotatePrompt .rotation-fallback{font:15px/1.5 system-ui;max-width:42ch;color:#bfd0d8}#rotatePrompt button{min-height:48px;font-size:18px}#rotatePrompt a{font:600 16px system-ui;color:#f0d286}#fullscreenGame[hidden]{display:none!important}:fullscreen{background:#071d2b}#rotatePrompt[open]{gap:12px}#rotatePrompt>span{font-size:56px}