/* Classic studio: presentation only. Game state and navigation stay unchanged. */
body[data-design="classic"] {
  --studio-surface:#10213a;
  --studio-raised:#172e4d;
  --studio-line:rgba(174,199,234,.22);
  --studio-light:rgba(230,242,255,.09);
  background:radial-gradient(ellipse at 8% 8%,#15365a 0,transparent 42rem),linear-gradient(135deg,#081426,#060d19);
}
body[data-design="classic"] .stage-glow{opacity:.35;background-size:64px 64px}
body[data-design="classic"] .app-shell{max-width:1500px;padding:20px clamp(16px,3vw,44px) 40px}
body[data-design="classic"] .topbar{gap:16px;padding-bottom:16px;border-bottom:1px solid var(--studio-line)}
body[data-design="classic"] .brand-mark{transform:none;border-radius:12px;background:linear-gradient(145deg,#f9d67b,#b98226);color:#142038;box-shadow:inset 0 1px #fff8d6,0 5px 14px #0005;font-size:1rem}
body[data-design="classic"] .brand small{font-size:.75rem;letter-spacing:.14em}
body[data-design="classic"] :is(.nav-button,.secondary-button,.icon-button,.platform-tools button,.platform-tools a){border-radius:10px;min-height:44px;font-size:.9rem}
body[data-design="classic"] .platform-tools{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
body[data-design="classic"] .platform-tools :is(button,a){background:transparent;border-color:transparent;color:var(--muted);padding:9px 12px}
body[data-design="classic"] .platform-tools :is(button,a):hover{background:var(--studio-light);color:var(--ink)}
body[data-design="classic"] .setup-screen{grid-template-columns:minmax(260px,.8fr) minmax(0,1.65fr);align-items:start;gap:clamp(24px,4vw,64px);padding:32px 0;min-height:0}
body[data-design="classic"] .setup-copy{padding:20px 0;min-width:0}
body[data-design="classic"] .setup-copy h1{font-size:clamp(2.3rem,4vw,3.75rem);line-height:1.12;letter-spacing:-.045em}
body[data-design="classic"] .setup-copy .intro{font-size:1rem;line-height:1.65;margin:16px 0 24px;max-width:36ch}
body[data-design="classic"] .eyebrow{font-size:.8rem;letter-spacing:.15em}
body[data-design="classic"] .setup-card{padding:clamp(20px,2.4vw,32px);border:1px solid var(--studio-line);border-radius:22px;background:linear-gradient(150deg,#152b49,#0d1c32);box-shadow:inset 0 1px var(--studio-light),0 18px 50px #0005}
body[data-design="classic"] .board-flow-head{gap:8px;margin-bottom:20px}
body[data-design="classic"] .board-flow-head h2{font-size:1.65rem;margin:0;letter-spacing:-.03em;line-height:1.25}
body[data-design="classic"] .board-flow-head p{font-size:1rem;line-height:1.5}
body[data-design="classic"] .board-flow-head .eyebrow{font-size:.8rem;color:var(--gold)}
body[data-design="classic"] .board-flow-progress{gap:4px;padding:5px;border-radius:12px;background:#06122499;margin-bottom:18px;border:1px solid var(--studio-line)}
body[data-design="classic"] .board-flow-progress span{display:flex;align-items:center;padding:10px 12px;border:0;border-radius:8px;font-size:.9rem;box-shadow:none}
body[data-design="classic"] .board-flow-progress span.active{background:#243852;color:var(--gold-2);box-shadow:inset 0 1px #ffffff15}
body[data-design="classic"] .resume-saved-game{margin:0 0 12px;padding:12px 14px;gap:12px;border:1px solid #6de3b94d;background:#17423d44;border-radius:12px;box-shadow:none;font-size:.9rem;min-height:0}
body[data-design="classic"] .resume-saved-game b{min-width:110px}
body[data-design="classic"] .step-label{font-size:.8rem;margin:16px 0 10px;letter-spacing:.09em}
body[data-design="classic"] .step-label span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:7px;background:#f6bd4514}
body[data-design="classic"] :is(.format-switch,.experience-switch,.mode-switch){gap:10px}
body[data-design="classic"] .format-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-design="classic"] :is(.format-switch,.experience-switch,.mode-switch) label{min-width:0;cursor:pointer}
body[data-design="classic"] :is(.format-switch,.experience-switch,.mode-switch) label>span{height:100%;min-height:88px;padding:15px 32px 15px 15px;border:1px solid var(--studio-line);border-radius:12px;background:linear-gradient(160deg,#203853aa,#11213aaa);box-shadow:inset 0 1px var(--studio-light),0 3px 0 #050d1b66;animation:none}
body[data-design="classic"] :is(.format-switch,.experience-switch,.mode-switch) b{font-size:1rem;line-height:1.3}
body[data-design="classic"] :is(.format-switch,.experience-switch,.mode-switch) small{font-size:.875rem;line-height:1.4;margin-top:6px;color:#b9c9df}
body[data-design="classic"] :is(.format-switch,.experience-switch,.mode-switch) input:checked+span{background:linear-gradient(145deg,#3c3d36,#242f3c);border-color:var(--gold);box-shadow:inset 0 1px #ffe6a333,0 3px 0 #8c68234d;animation:none}
body[data-design="classic"] :is(.format-switch,.experience-switch,.mode-switch) input:focus-visible+span{outline:3px solid #a9d4ff;outline-offset:4px}
body[data-design="classic"] :is(.board-size-controls,.player-inputs) :is(input,select){width:100%;min-height:48px;border:1px solid #728bab80;border-radius:10px;background:#0a192e;color:var(--ink);padding:10px 12px;font:inherit;font-size:1rem}
body[data-design="classic"] .board-size-controls{gap:14px}
body[data-design="classic"] .board-size-controls label{font-size:.9rem;gap:8px}
body[data-design="classic"] .board-flow-actions{gap:10px;margin-top:20px}
body[data-design="classic"] .board-flow-actions button{border-radius:11px;min-height:48px;font-size:1rem;background:#1b324e;border-color:var(--studio-line);box-shadow:inset 0 1px var(--studio-light)}
body[data-design="classic"] :is(.board-flow-actions .primary,.start-button){background:linear-gradient(#ffda7c,#edb43c);color:#152037;border-color:#f6c765;box-shadow:inset 0 1px #fff0b8,0 3px 0 #886120;min-height:52px;border-radius:11px;font-size:1rem}
.studio-checks{margin-top:16px;border-top:1px solid var(--border);padding-top:8px}
.studio-checks>summary{cursor:pointer;min-height:44px;padding:12px 2px;color:var(--muted);font-size:.9rem;font-weight:700}
.studio-checks .board-flow-actions{margin-top:6px}
.studio-lifelines{padding:4px 20px 8px}.studio-lifelines>summary{cursor:pointer;min-height:36px;padding:8px;color:var(--muted);font:700 .875rem 'DM Sans',sans-serif;text-align:center}.studio-lifelines .lifeline-extra{padding:4px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.live-question .studio-lifelines{display:none}
body[data-design="classic"] .home-room-card{margin-top:20px;border:1px solid var(--studio-line);border-radius:14px;background:#0b1b30;padding:16px}
body[data-design="classic"] .home-room-card::before{font-size:.9rem}
body[data-design="classic"] #homeJoinForm{grid-template-columns:1fr;gap:8px}
body[data-design="classic"] #homeJoinForm :is(input,button){min-height:44px;font-size:1rem;border-radius:8px}
body[data-design="classic"] #homeJoinForm input{min-width:0;width:100%}
body[data-design="classic"] .kids-home-button{padding:16px;border-radius:14px;background:linear-gradient(120deg,#29384b,#162a43);border:1px solid #e5c66d66;font-size:1rem}
body[data-design="classic"] .kids-home-button small{font-size:.875rem;line-height:1.4}
body[data-design="classic"] .value-key{margin-top:20px;gap:10px;flex-wrap:wrap;font-size:1rem}
body[data-design="classic"] .value-key i{width:36px}
body[data-design="classic"] .value-key small{font-size:.75rem}
/* The board is a tactile playing surface, with persistent, readable tile states. */
body[data-design="classic"] .game-toolbar h1{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.04em}
body[data-design="classic"] .scoreboard{gap:12px;padding:4px 2px 12px}
body[data-design="classic"] .score-card{min-width:190px;min-height:96px;padding:16px;border-radius:14px;background:linear-gradient(145deg,#1a2d46,#102038);border-color:var(--studio-line);box-shadow:inset 0 1px var(--studio-light);flex-wrap:wrap;animation:none}
body[data-design="classic"] .score-card.active{background:linear-gradient(140deg,#403b2d,#17283e);border-color:var(--gold);box-shadow:inset 3px 0 var(--gold);animation:none}
body[data-design="classic"] .score-card.active::after{display:none}
body[data-design="classic"] .score-card b{font-size:1rem;max-width:200px}
body[data-design="classic"] .score-card>strong{font-size:1.65rem;font-variant-numeric:tabular-nums}
body[data-design="classic"] .score-card small{font-size:.8rem}
body[data-design="classic"] .board{padding:14px;gap:10px;border:1px solid #43648b80;border-radius:18px;background:linear-gradient(150deg,#142947,#07172d);box-shadow:inset 0 1px #cce8ff22,0 16px 40px #0004}
body[data-design="classic"] .category-title{align-items:center;min-height:76px;font:700 .9rem/1.4 'DM Sans',sans-serif;text-transform:none;letter-spacing:0;border-bottom:2px solid #f6bd4577;padding:10px 8px;overflow-wrap:anywhere}
body[data-design="classic"] .clue-button{min-height:82px;border-radius:10px;border:1px solid #668fc466;background:linear-gradient(155deg,#205495,#103765);color:#ffe6a3;font-size:clamp(1.3rem,2.4vw,2rem);box-shadow:inset 0 1px #bddcff33,0 4px 0 #03142a,0 7px 12px #0003;text-shadow:0 2px #061930}
body[data-design="classic"] .clue-button::after,body[data-design="classic"] .clue-button:not(.used)::after{content:attr(data-board-status);display:block;position:static;inset:auto;width:auto;margin-top:5px;transform:none;background:none;color:#c6d9ef;font:500 .75rem/1.3 'DM Sans',sans-serif;letter-spacing:0;text-shadow:none;transition:none}
body[data-design="classic"] .clue-button.used{background:#0a192b;color:transparent;border-color:#30475e;box-shadow:inset 0 2px 5px #0004}
body[data-design="classic"] .clue-button.used::after{color:#9cadc2}
body[data-design="classic"] .clue-button.current-clue{outline:2px solid var(--gold);outline-offset:2px}
/* Keep question content scrollable and grading in a predictable footer. */
body[data-design="classic"] .question-dialog{border:1px solid #7f98b466;border-radius:20px;box-shadow:0 32px 100px #0009}
body[data-design="classic"] .question-fixed-top{background:linear-gradient(120deg,#182f4b,#10223b)}
body[data-design="classic"] .question-topline{padding:18px 24px;align-items:center}
body[data-design="classic"] .question-category{font-size:.85rem;letter-spacing:.09em}
body[data-design="classic"] .question-value{font-size:1.5rem}
body[data-design="classic"] .question-body{background:#0d1d33;align-content:start;padding:24px;gap:14px}
body[data-design="classic"] .question-body>#questionText{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.5;margin:0 0 12px;max-width:38ch}
body[data-design="classic"] .prompt-label{margin-bottom:0;font-size:.8rem}
body[data-design="classic"] .answer-area{width:100%;border-top:1px solid var(--studio-line);padding-top:16px}
body[data-design="classic"] .answer-area #answerText{font-size:1.4rem;color:#a1eccd}
body[data-design="classic"] .learning-card{margin:16px auto 0;border-color:#687e9b55;background:#172b43;font-size:1rem;line-height:1.6}
body[data-design="classic"] .judging-controls{padding:14px 20px;gap:10px;background:#102039;flex-shrink:0}
body[data-design="classic"] .judging-controls button{font-size:1rem;min-height:48px}
body[data-design="classic"] #localScoreStatus:not(:empty){padding:14px;border:1px solid #f0a4a466;border-radius:10px;background:#632f382b;color:#ffe0de}
body[data-design="classic"] :is(#localCreditTools button,#stealQuestion,#contextBackButton){font:700 .9rem 'DM Sans',sans-serif;color:var(--ink);background:#243c58;border:1px solid #728bab80;border-radius:9px;padding:10px 14px;min-height:44px}
body[data-design="classic"] #localFinishQuestion{background:#f5c75c;color:#14223b;border-color:#ffe5a0;box-shadow:inset 0 1px #fff2bf}
body[data-design="classic"] :is(#localCreditTools button,#stealQuestion):hover{filter:brightness(1.12)}
body[data-design="classic"] :is(.pack-card,.lab-activity-card){border-radius:14px;border-color:var(--studio-line);box-shadow:inset 0 1px var(--studio-light),0 5px 18px #0002}
body[data-design="classic"] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #a9d4ff;outline-offset:3px}
/* Subtle motion follows actions, not constant movement in the controls. */
body[data-design="classic"] :is(.kq-effect-target,.score-card){will-change:auto;transform-style:flat}
body[data-design="classic"] .kq-effect-target.is-tilting{transform:translateY(-2px)!important;filter:brightness(1.04)}
body[data-design="classic"] .kq-effect-target.tile-pressed{transform:translateY(1px) scale(.99)!important}
@media(min-width:1250px){body[data-design="classic"] .format-switch{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-design="classic"] .format-switch label>span{min-height:120px;padding-top:30px}}
@media(max-width:900px){body[data-design="classic"] .setup-screen{grid-template-columns:1fr;gap:20px;padding-top:16px}body[data-design="classic"] .setup-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:8px 0}body[data-design="classic"] .setup-copy :is(.eyebrow,h1,.intro){grid-column:1}body[data-design="classic"] .setup-copy .intro{margin:0}body[data-design="classic"] #livingBible{grid-column:2;grid-row:1 / span 3;align-self:center;justify-self:center}body[data-design="classic"] .setup-copy .home-room-card{margin:0}body[data-design="classic"] .setup-copy .value-key{grid-column:1 / -1;margin:0}body[data-design="classic"] .setup-card{padding:22px}body[data-design="classic"] .topbar{flex-wrap:wrap}}
@media(max-width:520px){body[data-design="classic"] .app-shell{padding:12px 14px 24px}body[data-design="classic"] .top-actions{gap:6px;flex-wrap:wrap}body[data-design="classic"] .top-actions :is(a,button){padding:0 11px;font-size:.875rem}body[data-design="classic"] .top-actions .icon-button{padding:0}body[data-design="classic"] .setup-copy{grid-template-columns:minmax(0,1fr);gap:14px}body[data-design="classic"] .setup-copy h1{font-size:2.3rem;max-width:13ch}body[data-design="classic"] #livingBible{grid-column:1;grid-row:auto;justify-self:start;margin:0;height:100px}body[data-design="classic"] .setup-copy .intro{display:none}body[data-design="classic"] .setup-copy .value-key{display:none}body[data-design="classic"] .setup-card{padding:18px 14px;border-radius:16px}body[data-design="classic"] .board-flow-head h2{font-size:1.4rem}body[data-design="classic"] .board-flow-head p{font-size:.95rem}body[data-design="classic"] .board-flow-progress span{font-size:.85rem;padding:10px 8px}body[data-design="classic"] :is(.format-switch,.experience-switch,.mode-switch){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-design="classic"] .experience-switch label:last-child{grid-column:1/-1}body[data-design="classic"] :is(.format-switch,.experience-switch,.mode-switch) label>span{padding:30px 12px 12px;min-height:100px}body[data-design="classic"] .board-flow-actions{grid-template-columns:1fr 1fr}body[data-design="classic"] .board-flow-actions .primary{grid-column:1/-1}body[data-design="classic"] .board-flow-actions button{font-size:.9rem}body[data-design="classic"] .resume-saved-game{display:block}body[data-design="classic"] .resume-saved-game span{display:block;margin-top:6px}body[data-design="classic"] .question-dialog{border-radius:0}body[data-design="classic"] .question-body{padding:18px 16px}body[data-design="classic"] .question-topline{padding:14px 16px}body[data-design="classic"] .judging-controls{padding:12px 10px;gap:6px}body[data-design="classic"] .judging-controls button{font-size:.875rem}body[data-design="classic"] .board{padding:8px;gap:8px}body[data-design="classic"] .score-card{min-width:180px}body[data-design="classic"] .clue-button{min-height:76px}}
@media(prefers-reduced-motion:reduce){body[data-design="classic"] :is(.kq-effect-target,.kq-effect-target.is-tilting,.kq-effect-target.tile-pressed){transform:none!important;transition:none!important;animation:none!important}}
body[data-design="classic"]:is(.global-reduced-motion,.kq-reduced-motion) :is(.kq-effect-target,.kq-effect-target.is-tilting,.kq-effect-target.tile-pressed){transform:none!important;transition:none!important;animation:none!important}