/* Campaign interface: quiet brass, navy panels and tactile controls. */
:root{--panel:#102c3a;--ink:#f4ead1;--line:#b89a5b;--muted:#aebfc6}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}dialog:not(#rotatePrompt){background:radial-gradient(ellipse at 0 0,#24434a88,transparent 65%),linear-gradient(150deg,#112b39,#071824);border:1px solid #af9258;border-radius:16px;box-shadow:0 0 0 5px #071823,0 0 0 6px #8d794d66,0 28px 100px #000c;padding:26px;color:var(--ink)}dialog::backdrop{background:#020b13d9;backdrop-filter:blur(5px)}dialog h2{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.025em}dialog label{font:600 13px/1.5 system-ui;color:#cbd6d8}dialog p{color:var(--muted)}button,select,input,textarea{font-family:inherit}button{transition:background-color .15s,border-color .15s,box-shadow .15s}button:active{box-shadow:inset 0 3px 9px #0005}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f2d790;outline-offset:3px}dialog select,dialog input:not([type=range]):not([type=checkbox]),dialog textarea{background:linear-gradient(#081c28,#102b37);border:1px solid #66808b66;border-radius:7px;min-height:46px;font-size:16px;box-shadow:inset 0 2px 5px #0004}dialog select:hover,dialog input:hover{border-color:#cfb879}dialog .primary{background:linear-gradient(#efd298,#c5a05d);border:1px solid #f8dfab;border-bottom:3px solid #866637;color:#192a30;text-shadow:0 1px #ffffff33;box-shadow:inset 0 1px #fff7,0 5px 14px #0004;border-radius:8px;min-height:48px;font-weight:800}dialog .primary:hover{background:linear-gradient(#fae1ad,#d6b371)}dialog .close{color:#c5d0d3;background:#0c2330;border-color:#56717d66}#setup{width:min(800px,94vw);padding:0;max-height:94dvh;scrollbar-color:#a58a52 #0b202c}#setup>.study-picker,#setup>.match-picker,#setup>.game-settings,#setup>.teacher-settings{margin:18px 24px}#setup>.close{margin:0 24px 24px}#setup>#installGame{margin:0 6px 24px 24px;min-height:44px;font-size:13px}.setup-hero{position:relative;padding:30px 30px 25px 104px;border-bottom:1px solid #b2975755;background:linear-gradient(125deg,#294a5077,transparent),repeating-linear-gradient(45deg,transparent 0 19px,#e3bf7205 19px 20px)}.setup-hero .eyebrow{color:#d8bb7c;font:700 10px/1.5 system-ui;letter-spacing:.2em;margin:0 0 7px}.setup-hero h2{font-size:clamp(29px,4vw,42px);margin:0 0 9px;line-height:1.05}.setup-hero>p:last-child{font-size:14px;line-height:1.5;margin:0;max-width:42ch}.setup-emblem{position:absolute;left:28px;top:30px;width:55px;height:66px;display:grid;place-items:center;background:linear-gradient(145deg,#283d44,#0a2332);color:#e9c67f;border:1px solid #bc9c59;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);font:40px/1 Georgia;padding-bottom:9px}.study-picker,.match-picker{border:1px solid #657c7d55;border-radius:10px;padding:18px;background:#0a202bc4}.section-heading{display:flex;align-items:center;gap:11px;margin:0 0 14px}.section-heading>span{display:grid;place-items:center;width:25px;height:25px;font:700 11px system-ui;color:#dfc28a;border:1px solid #ad935866;transform:rotate(-3deg);background:#17313b}.section-heading h3{font:700 17px/1.3 Georgia;margin:0;color:#ead9b7}.choice-field>label{display:block;margin:12px 0 8px;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.choice-cards{display:grid;gap:8px}.level-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.player-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{position:relative;display:grid;grid-template-columns:30px 1fr;gap:3px 8px;align-content:center;align-items:center;text-align:left;padding:12px 10px;background:linear-gradient(145deg,#193440,#0c222e);border:1px solid #52707b88;border-radius:7px;min-width:0;min-height:70px;color:#c4d0d4;box-shadow:inset 0 1px #ffffff06}.choice-card strong{font:700 14px/1.3 system-ui}.choice-card small{grid-column:2;font:11px/1.4 system-ui;color:#90a9b4}.choice-icon{grid-row:1/3;display:grid;place-items:center;color:#89a4af;font:22px/1.2 Georgia}.choice-card.selected{background:linear-gradient(140deg,#4b4630,#25353a);border-color:#e1bf79;box-shadow:inset 0 0 0 1px #e6c78633,0 0 16px #d9b85d0b;color:#fff1cf}.choice-card.selected small,.choice-card.selected .choice-icon{color:#dfc48d}.choice-card.selected::after{content:'✓';position:absolute;right:5px;top:2px;color:#e8cb86;font:10px system-ui}.choice-card:hover{border-color:#d2b676;background:#253f47}.player-cards .choice-card{grid-template-columns:50px 1fr;min-height:60px}.player-cards .choice-icon{font-size:17px;letter-spacing:-3px}.level-cards .choice-card{grid-template-columns:1fr;text-align:center;padding:13px 6px;gap:7px}.level-cards .choice-icon{grid-row:auto;font:700 18px Georgia}.level-cards small{grid-column:1;font-size:10px}#setup .twocol{gap:12px}#setup .study-picker label{margin-top:12px}#setup .study-picker [hidden],#setup select[hidden]{display:none!important}#studyCount,#examCount{display:inline-block;background:#24463a44;border:1px solid #72a39244;border-radius:5px;padding:6px 10px!important;font:600 11px/1.5 system-ui!important;color:#b6d5c3!important}#examFilters{background:#0c2430;padding:13px;border-color:#ad965d66}#examFilters .exam-intro{font:700 16px Georgia}.game-settings{border:1px solid #64777b66;background:#0d242e;border-radius:9px;padding:0 16px}.game-settings summary{padding:16px 0;font:700 15px system-ui;color:#dcc38c}.game-settings summary small{display:block;font:11px system-ui;color:#8fa7b2;margin:5px 0 0 19px}.game-settings summary span{margin-right:5px}.launch-actions{padding:0 24px 20px;text-align:center}.launch-actions #start{display:block;width:100%;font-size:18px;letter-spacing:.03em;min-height:57px}.launch-actions>span{display:block;color:#849ea9;font:10px system-ui;letter-spacing:.16em;text-transform:uppercase;margin-top:11px}#audioSettings label:has(input[type=range]){padding:12px 15px;border:1px solid #46647066;background:#0b222d;border-radius:7px;margin:10px 0}#audioSettings input[type=range]{accent-color:#dcba75;padding:0;min-height:28px;cursor:pointer}#audioSettings input[type=checkbox]{accent-color:#ddbd7b;width:18px;height:18px;vertical-align:middle}#audioSettings label:has(input[type=checkbox]){padding:10px 0}#audioSettings .sound-tests{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.sound-tests button{font-size:13px}#gameMenu .menu-heading{border-bottom:1px solid #b2995944;padding-bottom:12px}#gameMenu h2{font-size:28px}#menuActions button{background:linear-gradient(120deg,#203b46,#0b2330);border-color:#6a828b77;font-weight:600;border-radius:6px}#menuActions #new{border-color:#d6b36c;color:#f0d296}#menuStatus{padding:12px;border:1px solid #58737f55;background:#071e2b;border-radius:6px;color:#a7bfc8}#territory,#result{border-top:3px solid #d7b778}#territory .primary{width:100%}#challenge{border-top:3px solid #d3b574}#challenge #battleTitle{font-size:10px;letter-spacing:.12em}#challenge #question{font:650 clamp(24px,3vw,36px)/1.35 system-ui}#challenge #timer{display:grid;place-items:center;background:#081c28;border:1px solid #d1b37477;border-radius:50%;min-width:48px;height:48px;font:700 20px system-ui;color:#f0d28e}#options>*{position:relative;border-radius:7px!important;background:linear-gradient(130deg,#1b3844,#102a36);border:1px solid #68838d88;padding:16px;font:500 clamp(18px,2.4vw,24px)/1.4 system-ui;text-align:left;min-height:58px}#options>*:hover{border-color:#d5b878}#options>.correct-option{background:#1b5546;border-color:#8accac}#options>.incorrect-option{background:#742b32}#answer{font:500 18px/1.5 system-ui;border:1px solid #75aa8e77}#answerState{font:600 14px/1.5 system-ui}.immersive #scores{gap:12px;right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left))}.immersive .score{position:relative;width:min(24vw,260px);padding:8px 12px;border-radius:6px;background:linear-gradient(120deg,#153744eb,#071d2bed);border:1px solid;box-shadow:inset 0 1px #ffffff0d,0 5px 12px #00131c66;gap:3px 10px}.immersive .score::before{content:'♜';grid-row:1/3;grid-column:1;font:24px Georgia;color:inherit;opacity:.8;align-self:center}.immersive .score{grid-template-columns:25px minmax(0,1fr) auto}.immersive .score span{grid-column:2;font-size:clamp(12px,1.4vw,18px)}.immersive .score b{grid-column:3;font:700 clamp(11px,1.4vw,18px) system-ui}.immersive .score small{grid-column:2/4;font:10px system-ui;color:#9db4bf}.immersive .score.active{box-shadow:inset 0 2px #f4d895,0 0 0 1px #d6b56b,0 5px 16px #00121d88}.immersive .top>div:first-child{border-radius:5px;background:linear-gradient(#203b46ef,#0b2230ef);border-color:#b79d5b88;padding:8px 14px;max-width:36%}.immersive #instruction{font:700 clamp(12px,1.3vw,18px)/1.3 Georgia}.immersive .top:has(#scores.three-player)>div:first-child{top:70px}.immersive #scores.three-player .score{width:min(29vw,300px)}.map-tools{padding:5px;gap:4px;border:1px solid #b39e6666;border-radius:8px;background:#081e2bc9;box-shadow:0 5px 20px #0004}.map-tools button{width:39px;height:39px;font-size:23px;border-radius:5px;border-color:#7c969f66;background:linear-gradient(#28424e,#102b39);box-shadow:inset 0 1px #ffffff0d}.map-tools button:hover{border-color:#edcf8a}#menuToggle{width:43px;height:43px;border-radius:7px;font-size:23px;border-color:#b7a06a99;background:linear-gradient(#29454f,#102c3c)}#mapGestureHint{font-size:10px;background:#0a2331a8;border:1px solid #5f7a8555;border-radius:4px;opacity:.75}.immersive #onlineBadge{border-radius:4px;font:600 10px system-ui;background:#092230dd;border-color:#819b8f88}.immersive .node text{stroke-linejoin:round;stroke-width:2.7px}.immersive #mapFeedback{background:#0a2332f2;border:1px solid #a88f58;border-radius:6px;padding:12px;color:#f0dfb8}
@media(max-width:600px){#setup>.study-picker,#setup>.match-picker,#setup>.game-settings,#setup>.teacher-settings{margin:14px 14px}.setup-hero{padding:24px 18px 20px 77px}.setup-emblem{left:17px;top:25px;width:44px;height:54px;font-size:33px}.setup-hero h2{font-size:30px}.setup-hero>p:last-child{font-size:12px}.study-picker,.match-picker{padding:13px}.choice-card{padding:10px 8px;grid-template-columns:22px 1fr}.choice-card strong{font-size:12px}.choice-card small{font-size:10px}.choice-icon{font-size:19px}.level-cards .choice-card strong{font-size:12px}.level-cards small{font-size:9px}.player-cards .choice-card{grid-template-columns:39px 1fr}.launch-actions{padding:0 14px 18px}#setup>#installGame{margin-left:14px}dialog:not(#rotatePrompt){padding:20px}.setup-hero .eyebrow{font-size:8px}.mode-cards{gap:7px}#options{gap:9px}.section-heading h3{font-size:16px}}
@media(max-height:500px){.immersive .score{padding:5px 9px}.immersive .score small{font-size:9px}.immersive .score::before{font-size:21px}.immersive .top:has(#scores.three-player)>div:first-child{top:61px;padding:6px 10px}#menuToggle{top:67px}.map-tools button{width:35px;height:35px}#mapGestureHint{bottom:9px}#setup{max-height:94dvh}#challenge #question{font-size:24px}#challenge #timer{width:40px;height:40px;min-width:40px;font-size:18px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

#setup>#start{display:block;margin:0 24px;width:calc(100% - 48px);font-size:18px;letter-spacing:.03em;min-height:57px}.launch-motto{display:block;padding:11px 24px 20px;text-align:center;color:#849ea9;font:10px system-ui;letter-spacing:.16em;text-transform:uppercase}@media(max-width:600px){#setup>#start{margin:0 14px;width:calc(100% - 28px)}}
.immersive .score{flex:0 1 auto}.immersive .score small{font-size:clamp(10px,1vw,13px)}#audioSettings label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;min-height:42px}#audioSettings input[type=checkbox]{display:inline-block;flex:none;margin:0;width:18px;height:18px}@media(max-width:600px){.choice-card strong{font-size:14px}.choice-card small{font-size:11px}.level-cards .choice-card strong{font-size:13px}.level-cards small{font-size:10px}}

/* Scene fades into the existing navy surface; artwork never sits under form labels. */
#setup .setup-hero{padding:clamp(170px,28vw,270px) 26px 26px;isolation:isolate;overflow:hidden;background:#0a202b}#setup .setup-emblem{display:none}.selection-art{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.85;mask-image:linear-gradient(#000 20%,#000b 55%,transparent 86%)}#setup .setup-hero h2,#setup .setup-hero p{position:relative;text-shadow:0 2px 12px #03121f}#setup .setup-hero>p:last-child{font-size:14px}.settings-note{font:13px/1.5 system-ui;color:#a6becb}.race-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}.race-answers section{border:1px solid var(--side);border-radius:8px;padding:10px;background:#091d2b}.race-answers strong{display:block;color:var(--side);font-size:15px;margin-bottom:9px;overflow-wrap:anywhere}.race-answers section>div{display:flex;gap:6px}.race-answers button{flex:1;min-width:40px;min-height:48px;padding:8px;font-weight:800;color:var(--side);border-color:var(--side)}#selectionClock{position:fixed;left:50%;bottom:max(42px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:36;max-width:calc(100vw - 40px);padding:12px 20px;border:1px solid #dfbd79;border-radius:8px;background:#071d2bf5;color:#fff1cd;font:700 clamp(14px,2vw,20px)/1.4 system-ui;box-shadow:0 6px 28px #0006;pointer-events:none}#rules details{border-bottom:1px solid #546e7e66;padding:12px 0}#rules summary{font:700 18px/1.4 system-ui;color:#f0cf8c;cursor:pointer;min-height:32px}#rules details p{font-size:16px;line-height:1.6}.node.scout .halo{stroke:#fff1ab!important;stroke-width:4px;filter:drop-shadow(0 0 9px #ffda69)}@media(max-height:500px){.race-answers{margin:10px 0;gap:8px}.race-answers button{min-height:42px}#selectionClock{bottom:32px;padding:8px 15px}#setup .setup-hero{padding-top:160px}}@media(max-width:600px){#setup .setup-hero{padding:175px 20px 24px}.selection-art{object-position:center top}#setup .setup-hero h2{font-size:32px}}

/* One main device card, with a compact Players/Classroom choice inside it. */
#oneDeviceOptions,#numberedSettings{margin:14px 0;padding:14px;border:1px solid #56778566;border-radius:9px;background:#081f2b}#oneDeviceOptions[hidden],#numberedSettings[hidden]{display:none}#deviceStyleLabel{display:block;font-size:13px;font-weight:700;color:#d8c38f;margin:0 0 10px}.device-style-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-style-cards .choice-card{display:block;min-height:65px;padding:11px}.device-style-cards .choice-icon{display:none}.device-style-cards strong{font-size:15px}.device-style-cards small{display:block;font-size:11px;margin-top:5px}.number-stepper{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:9px;align-items:center;margin:10px 0}.number-stepper button{min-height:46px;font-size:24px;padding:4px}.number-stepper input{width:100%;min-width:0;text-align:center;font-size:22px;font-weight:750;margin:0}#numberedGroups{display:flex;gap:8px;flex-wrap:wrap;font:600 14px/1.5 system-ui}#numberedGroups p{margin:3px 0;padding:5px 9px;border:1px solid #54717c66;border-radius:5px}#numberedResponders{font:750 clamp(20px,3vw,32px)/1.3 system-ui;color:#f1d18d;margin:8px 0}#numberedResponders[hidden],#numberedAttendance[hidden],#numberedTurn[hidden]{display:none}#numberedAttendance{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}#numberedAttendance button{font-size:12px;min-height:36px;padding:6px 10px;background:#432b2b;border-color:#b78b75}
#numberedTurn{position:fixed;z-index:35;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(620px,75vw);padding:9px 20px;border:1px solid var(--team-color,#e6c477);border-radius:10px;background:#071e2bf2;color:#f5ead4;text-align:center;box-shadow:0 7px 30px #0005}#numberedTurn small{display:block;font:700 10px system-ui;letter-spacing:.12em;color:#eacb87}#numberedTurn strong{display:block;font:750 clamp(23px,3vw,34px)/1.2 system-ui}#numberedTurn span{display:block;font:13px/1.4 system-ui;color:#bcd0d8}#numberedTurn button{display:block;margin:6px auto 0;font-size:12px;min-height:34px;padding:6px 12px}.battle-playing #numberedTurn{visibility:hidden!important}@media(max-height:500px){#numberedTurn{bottom:7px;padding:5px 15px}#numberedTurn strong{font-size:24px}#numberedTurn button{min-height:30px;margin-top:3px}}
/* Standalone artwork fills the surface; readable captions stay in the same scene. */
#setup .choice-card.illustrated-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;overflow:hidden;padding:70px 10px 12px;min-height:136px;aspect-ratio:1.55;border-radius:11px;border:1px solid #52727f;background:#081f2c;text-align:center;color:#fff0d2;box-shadow:inset 0 0 0 1px #ffffff06}
#setup .illustrated-card .choice-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
#setup .illustrated-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#071d2b00 30%,#061c2c25 48%,#061a2bd1 77%,#061a2bf2 100%)}
#setup .illustrated-card strong,#setup .illustrated-card small{display:block;padding:0;margin:0;text-shadow:0 2px 7px #000,0 0 15px #00131b;max-width:100%}
#setup .illustrated-card strong{font:700 clamp(17px,2.6vw,25px)/1.12 Georgia,serif;color:#fff0d1;text-wrap:balance}
#setup .illustrated-card small{font:clamp(12px,1.5vw,15px)/1.35 system-ui;color:#d4e0e6;text-wrap:balance}
#setup .illustrated-card .choice-icon{display:none}
#setup .illustrated-card.selected{border-color:#f3cc76;box-shadow:inset 0 0 0 1px #f6cd79,0 0 12px #eebc4038}
#setup .illustrated-card.selected::after{content:'✓';display:grid;place-items:center;position:absolute;top:7px;right:7px;width:23px;height:23px;border-radius:50%;background:#f2cf83;color:#102a38;font:900 15px system-ui;box-shadow:0 2px 7px #0008}
#setup .illustrated-card:hover{border-color:#f4d497}#setup .illustrated-card:disabled{opacity:.6;cursor:wait}
#setup .level-cards .illustrated-card{aspect-ratio:.78;min-height:185px;padding:94px 6px 12px}
#setup .level-cards .illustrated-card strong{font-size:clamp(16px,2.3vw,25px)}#setup .level-cards .illustrated-card small{font-size:clamp(11px,1.35vw,14px)}
#setup .illustrated-card.art-unavailable .choice-art{visibility:hidden}#setup .illustrated-card.art-unavailable{background:radial-gradient(ellipse at top,#345362,#0a202d)}
#setup .player-cards .choice-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:3px 8px;min-height:68px;padding:12px 10px;border-radius:9px;align-content:center}
#setup .player-cards .choice-card strong{font:700 clamp(15px,2vw,21px)/1.2 Georgia}#setup .player-cards .choice-card small{font-size:12px;color:#bfd1d8}
#setup .player-cards .choice-card.selected::after{font-size:16px;right:6px;top:5px}
.player-flags{display:flex;gap:2px;align-items:center;grid-row:1/3;grid-column:1}.player-flags i{position:relative;width:10px;height:25px;border-left:1px solid #d2bc82;display:block}.player-flags i::before{content:'';display:block;width:11px;height:13px;background:currentColor;clip-path:polygon(0 0,50% 10%,100% 0,100% 90%,50% 100%,0 90%)}
#setup .setup-hero{min-height:clamp(220px,34vw,330px);padding:22px 18px 155px;text-align:center;background:#061c2a}
#setup .setup-hero .eyebrow{font-size:10px;letter-spacing:.23em;color:#f0cf86}#setup .setup-hero h2{font-size:clamp(27px,4.8vw,47px);margin:0 0 8px}#setup .setup-hero>p:last-child{font:19px/1.3 Georgia;margin:0 auto;color:#d7e4e7;max-width:none}
#setup .selection-art{opacity:1;object-position:center center;mask-image:linear-gradient(#000 65%,transparent 100%)}#setup .setup-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#041625cb,transparent 67%,#071b29aa);pointer-events:none}
#setup>.study-picker,#setup>.match-picker{border:0;border-radius:0;background:transparent;padding:0;margin:18px 20px 22px}
#setup .section-heading{gap:10px;margin:0 0 12px}#setup .section-heading::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#be9d57aa,transparent)}#setup .section-heading h3{font-size:clamp(18px,2.9vw,26px)}#setup .section-heading>span{width:27px;height:30px;font-size:12px;flex:none}
#setup .choice-field>label{font-size:11px;margin-bottom:8px}#setup .choice-cards{gap:10px}#setup .choice-field{margin-bottom:15px}
#setup .study-picker>label{margin-top:14px}#setup .study-picker select{margin-top:6px;min-height:45px}#setup .game-settings{margin:15px 20px}#setup>#start{margin:0 20px;width:calc(100% - 40px);font:800 clamp(21px,3vw,29px)/1.2 Georgia;min-height:58px}
@media(max-width:420px){#setup>.study-picker,#setup>.match-picker{margin:15px 12px 20px}#setup .choice-cards{gap:7px}#setup .mode-cards .illustrated-card{padding:62px 7px 11px;min-height:130px}#setup .illustrated-card strong{font-size:17px}#setup .illustrated-card small{font-size:12px}#setup .level-cards .illustrated-card{padding:86px 5px 12px;min-height:184px}#setup .level-cards .illustrated-card strong{font-size:16px}#setup .level-cards .illustrated-card small{font-size:11px}#setup .player-cards .choice-card{grid-template-columns:34px minmax(0,1fr);padding:11px 8px}#setup .player-cards .choice-card strong{font-size:15px}#setup .player-cards .choice-card small{font-size:11px}#setup .setup-hero{min-height:225px;padding-top:20px}#setup .setup-hero h2{font-size:28px}#setup .section-heading h3{font-size:19px}}
@media(min-width:760px){#setup .mode-cards .illustrated-card{padding-top:112px}}
@media(prefers-reduced-motion:reduce){#setup .choice-card{transition:none}}

/* Override the older generic dialog rule so the illustrated hero reaches the frame. */
.immersive dialog#setup{padding:0!important}
/* An explicit inline size prevents min-height + aspect-ratio from widening grid items. */
#setup .choice-card{width:100%;max-width:100%;min-inline-size:0}#setup .illustrated-card strong,#setup .illustrated-card small{width:100%;min-width:0;overflow-wrap:normal}#setup .study-picker .twocol label{margin:8px 0}#setup .study-picker .twocol{gap:6px 14px}
@media(max-width:420px){#setup .setup-hero{padding-bottom:115px;min-height:225px}}
#setup .level-cards .illustrated-card strong{max-width:7.5ch;min-height:2.25em}

/* A short, readable briefing before three-player opening questions. */
#challenge.opening-briefing #battleTitle{color:#eacb83;letter-spacing:.12em;font-size:clamp(.75rem,1.7vw,1rem)}
#challenge.opening-briefing #question{font-family:Georgia,serif;color:#fff1cb;font-size:clamp(1.35rem,3vw,2.25rem);line-height:1.2}
#challenge.opening-briefing #options{display:grid;gap:.7rem;margin:1rem 0}
#challenge.opening-briefing #options>div{border:1px solid #d2b57566;border-radius:14px;padding:.85rem 1rem;background:linear-gradient(135deg,#214552,#102832);font-size:clamp(1rem,2vw,1.3rem);line-height:1.4;color:#f3edda;cursor:default}
#challenge.opening-briefing #answerState{color:#bcd6d7;line-height:1.4}
#challenge.opening-briefing #timer{color:#f5d58b;box-shadow:0 0 24px #dabd7033}
@media(max-height:520px) and (orientation:landscape){#challenge.opening-briefing #options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}#challenge.opening-briefing #options>div{padding:.65rem;font-size:.95rem}#challenge.opening-briefing #question{font-size:1.4rem}}

#challenge.opening-briefing #options{grid-template-columns:1fr}
#challenge.opening-briefing #readQuestion{display:none}
@media(max-height:520px) and (orientation:landscape){#challenge.opening-briefing #options{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Team acknowledgements never expose a rival's private pending choice. */
#answerPlayers{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 14px}#answerPlayers[hidden]{display:none}.answer-player{border:1px solid #6c858c;border-left:4px solid var(--answer-team);border-radius:7px;background:#0b2330;color:#c4d3da;padding:7px 10px;font:600 clamp(12px,1.5vw,16px)/1.35 system-ui;overflow-wrap:anywhere}.answer-player.locked,.answer-player.revealed{color:#fff1cd;background:#193846}.answer-player.standby{opacity:.7}.answer-choice-marker{display:inline-flex;align-items:center;border:1px solid var(--answer-team);border-radius:5px;background:#071d2b;color:#fff4d5;padding:3px 7px;margin:6px 0 0 8px;font:700 clamp(12px,1.4vw,16px)/1.3 system-ui;max-width:100%;overflow-wrap:anywhere}#options>.selected-option{border:2px solid #f0d292;box-shadow:inset 0 0 0 1px #f0d29255;background:linear-gradient(120deg,#374835,#193746)}#options>.selected-option:disabled{opacity:1}#answer{white-space:pre-line}
@media(max-height:520px) and (orientation:landscape){#answerPlayers{margin:5px 0;gap:5px}.answer-player{padding:4px 7px}.answer-choice-marker{margin-top:2px;padding:2px 5px}}

/* A visible route from the standalone game to lessons on the main website. */
.website-link{display:flex;align-items:center;gap:9px;min-height:44px;box-sizing:border-box;padding:10px 14px;color:#f2d790;background:#0c2330;border:1px solid #b89a5b80;border-radius:8px;font:700 15px/1.4 system-ui;text-decoration:none;overflow-wrap:anywhere}.website-link:hover{background:#1b3c4a;text-decoration:underline}.website-link:focus-visible{outline:3px solid #f2d790;outline-offset:3px}#menuActions>a.website-link{display:flex;margin-top:18px;font-size:16px}

#setup>.setup-footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 24px 24px}#setup .setup-footer-actions>.close{margin:0;min-height:44px}#setup .setup-footer-actions>.setup-website-link{margin:0;min-width:0;max-width:100%;font-size:14px;font-weight:600;padding:10px 12px}
