/* Television-studio staging around a quiet music-reading surface. */
.show-header{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#202340 0%,#253749 52%,#244c49 100%);color:#fff7e6;border:1px solid #4e636c;border-radius:18px;padding:18px 24px 14px;margin:0 0 22px;box-shadow:0 8px 0 #18233312,0 15px 30px #1a273416;min-width:0}.show-header:after{content:'';position:absolute;inset:7px;border:1px solid #c6ac6852;border-radius:12px;pointer-events:none;z-index:-1}.show-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.show-brand{font-size:12px;font-weight:850;letter-spacing:.16em;color:#f0cf8e}.show-format{border:1px solid #ffffff35;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:750;letter-spacing:.12em;white-space:nowrap}.show-title-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:12px 0 10px}.show-title{font-size:clamp(25px,3.5vw,40px);line-height:1.1;letter-spacing:-.035em;color:#fff7e6}.show-round{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(19px,3vw,30px);font-weight:800;color:#f1cd77;line-height:1}.show-track{display:flex;gap:7px;height:5px;margin-top:10px}.show-track i{height:5px;flex:1;background:#ffffff22;border-radius:4px}.show-track .complete{background:#60cdb5}.show-track .current{background:#efcb78}.show-cue{min-height:43px;display:flex;align-items:center;gap:9px;padding-top:8px}.show-cue strong{font-size:14px;font-weight:650;color:#dce8e4;letter-spacing:.02em;line-height:1.3}.show-stamp:empty{display:none}.show-stamp svg{width:32px;height:32px;fill:none;stroke:#91edcf;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.show-stage[data-show-result=review] .show-stamp svg{stroke:#ffdc8d}.show-stage[data-show-result=correct] .show-cue strong{color:#a1f1d7}.show-stage[data-show-result=review] .show-cue strong{color:#ffdc8d}.show-beams{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;opacity:.2}.show-beams i{position:absolute;width:180px;height:360px;top:-160px;left:10%;background:linear-gradient(180deg,#b6e8ff99,transparent);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:50% 0;animation:studio-beam 14s ease-in-out infinite alternate}.show-beams i:nth-child(2){left:60%;animation-delay:-5s;background:linear-gradient(180deg,#efbcee99,transparent)}.show-beams i:nth-child(3){left:85%;animation-delay:-10s;background:linear-gradient(180deg,#ffe5a699,transparent)}.show-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.show-particles i{position:absolute;width:7px;height:10px;background:var(--confetti);border-radius:1px;opacity:0}.show-finale{padding:26px 28px;min-height:180px;background:linear-gradient(120deg,#292644,#49344d,#294a4a)}.show-finale .show-title{font-size:clamp(30px,4vw,46px)}
@keyframes studio-beam{from{transform:rotate(-24deg)}to{transform:rotate(26deg)}}
/* Reading music always stays still and high contrast. */
#game.show-stage #staff,.show-stage #keys-staff,.show-stage #rhythm-question-diagram,.show-stage .speed-staff,.show-stage .tournament-visual{background:#fffdf7;border:1px solid #d9d7cf;border-radius:12px;padding:12px;box-shadow:inset 0 1px #fff}
.show-stage .choice,.show-stage .key-choices button,.show-stage #rhythm-choices button,.show-stage .speed-answer,.show-stage .tournament-choice,.show-stage .trivia-answers button,.show-stage .terms-answer,.show-stage .history-option{border:2px solid #ccd3cf;border-radius:12px;box-shadow:0 4px 0 #c0c7c1;background:#fffdf8;color:#263635;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;font-weight:700;min-height:48px}.show-stage button:hover:not(:disabled){transform:translateY(-2px)}.show-stage button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.show-stage .choice[aria-pressed=true],.show-stage .tournament-choice.selected{background:#244e49;color:white;border-color:#244e49;box-shadow:0 4px 0 #143d38}.show-stage [data-correct=true],.show-stage button.correct{background:#d9f2e7!important;color:#164d3c!important;border-color:#429d7c!important;box-shadow:0 3px 0 #9fcbb7}.show-stage button.incorrect{background:#fff0d5!important;color:#654713!important;border-color:#d4af6d!important;box-shadow:0 3px 0 #d2bf9d}.show-stage #feedback,.show-stage .tournament-feedback,.show-stage .trivia-feedback,.show-stage .terms-feedback{line-height:1.6}.show-stage #feedback .feedback-badge{border-radius:8px}.show-stage #feedback .feedback-badge.miss{background:#fff0d5;color:#654713}
.speed-count-in{display:grid;place-items:center;position:relative;font-size:clamp(100px,22vw,180px)!important;font-variant-numeric:tabular-nums;font-weight:850!important;width:260px;height:260px;border:12px solid #e9c77e;border-radius:50%;margin:45px auto!important;background:radial-gradient(circle,#344a51,#21243c);color:#fff3d7!important;box-shadow:0 0 0 12px #244d4918,0 16px 50px #22294026;text-shadow:0 6px 0 #111b37}.speed-hud{background:#222b3d;border-radius:16px;box-shadow:0 6px 0 #1c30351c;padding:18px!important;border:1px solid #667f80}.speed-hud>div{background:transparent!important;border:0!important}.speed-hud span{color:#ccd9d7!important}.speed-hud strong{color:#f6d785!important;font-variant-numeric:tabular-nums}.speed-hud>div:nth-child(2) strong{color:#9ce0c5!important}.speed-hud>div:nth-child(3) strong{color:#efb6cb!important}.speed-page #speed-timebar{accent-color:#a84862;height:8px}.speed-question{padding:20px!important}.speed-page .show-header{margin:-2px -2px 24px}.tournament-stage.show-stage{padding:22px}.arena-round-status{border-left:5px solid #d2ab66;padding:12px 16px;background:#eee8df;border-radius:8px}.show-podium-enter .arena-podium-place{animation:podium-rise .65s cubic-bezier(.16,1,.3,1) both}.arena-podium-place:nth-child(2){animation-delay:.12s}.arena-podium-place:nth-child(3){animation-delay:.24s}@keyframes podium-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
/* Match chooser: a colorful show lineup, with clear subject labels. */
.match-dojo .dojo-header{background:linear-gradient(120deg,#22233a,#294d49);border:1px solid #4f6866;box-shadow:0 10px 25px #1a2d2a18;overflow:hidden}.match-dojo .dojo-header .dojo-eyebrow{color:#edcc82}.match-dojo .dojo-header h1{color:#fff7e7}.match-dojo .dojo-header h1 span{color:#f1cb73}.match-dojo .dojo-formats span{background:#ffffff12;border-color:#ffffff35;color:#e7f3ec}.match-dojo .dojo-poster-art{filter:drop-shadow(0 12px 16px #0005)}.match-dojo .dojo-match{--show-accent:#437f70;border-left:5px solid var(--show-accent);box-shadow:0 6px 0 #253f3210;transition:transform .2s ease,box-shadow .2s ease;background:#fffdf7}.match-dojo .dojo-match:nth-child(3n+2){--show-accent:#8865a2}.match-dojo .dojo-match:nth-child(3n){--show-accent:#b36550}.match-dojo .dojo-match:hover{transform:translateY(-4px);box-shadow:0 10px 18px #263f321a;border-color:var(--show-accent);background:#fffdf7}.match-dojo .dojo-match .nav-action{color:var(--show-accent)}.match-dojo .dojo-match-label{color:var(--show-accent)}
@media(max-width:600px){.show-header{padding:15px 16px 10px;margin-bottom:18px;border-radius:14px}.show-brand{font-size:10px}.show-format{font-size:8px;letter-spacing:.07em}.show-title{font-size:24px}.show-round{font-size:21px}.show-title-row{gap:10px}.show-cue strong{font-size:13px}.show-track{gap:4px}.show-finale{padding:22px 18px}.show-finale .show-title{font-size:30px}.speed-count-in{width:210px;height:210px}.speed-question,.tournament-stage.show-stage{padding:12px!important}.show-stage .tournament-choice{font-size:16px}.show-stage #staff{padding:5px}}
@media(prefers-reduced-motion:reduce){.show-beams i,.show-podium-enter .arena-podium-place{animation:none}.show-stage button,.match-dojo .dojo-match{transition:none}.show-stage button:hover:not(:disabled),.show-stage button:active:not(:disabled),.match-dojo .dojo-match:hover{transform:none}}
body[data-motion=still] .show-beams i,body[data-motion=still] .show-podium-enter .arena-podium-place{animation:none}
/* Keep the stage compact so the question, rather than site chrome, leads. */
body:has(.show-stage:not([hidden])) .topbar:has(~ main #game:not([hidden])),body:has(#speed-stage) .topbar{min-height:0;padding-top:12px;padding-bottom:12px;margin-bottom:18px}
body:has(#game:not([hidden])) .topbar .header-help,body:has(#speed-stage) .topbar .header-help{display:none}
body:has(#game:not([hidden])) .topbar .brand,body:has(#speed-stage) .topbar .brand{min-height:0}
body:has(#game:not([hidden])) .topbar .shared-brand-wordmark,body:has(#speed-stage) .topbar .shared-brand-wordmark{width:220px;height:65px}
.show-header{padding:14px 22px 10px;margin-bottom:18px}.show-title-row{margin:8px 0}.show-title{font-size:clamp(23px,3vw,32px)}.show-cue{min-height:35px;padding-top:6px}.show-track{margin-top:8px}.show-stamp svg{width:27px;height:27px}
#game.show-stage #round-label,#game.show-stage>.track{display:none}#game.show-stage .round-bar{margin:18px 0}#game.show-stage .round-bar h1{font-size:27px;margin:0}#game.show-stage .play-grid{margin-top:16px}
.show-stage #keys-staff:empty,.show-stage #rhythm-question-diagram:empty{display:none}
.show-stage>.trivia-kicker,.show-stage>.speed-kicker,.show-stage>.eyebrow{display:none}
#results.show-stage>.result-symbol{display:none}
@media(max-width:600px){.show-header{padding:12px 15px 8px}.show-format{font-size:9px;padding:4px 6px}.show-brand{font-size:10px}.show-title{font-size:23px}.show-title-row{margin:8px 0}.show-cue{min-height:33px}#game.show-stage .round-bar h1{font-size:23px}#game.show-stage .round-bar{margin:14px 0}body:has(#game:not([hidden])) .topbar .shared-brand-wordmark,body:has(#speed-stage) .topbar .shared-brand-wordmark{width:160px;height:47px}}
.speed-count-in{line-height:1!important;padding:0!important;letter-spacing:0!important}
.speed-page:has(#speed-stage)>h2{display:none}.speed-page .speed-hud{padding:10px 16px!important;margin:12px 0}.speed-page .speed-hud strong{font-size:30px}.speed-page #speed-timebar{margin:12px 0}
.speed-question.show-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center}.speed-question>.show-header,.speed-question>.speed-prompt,.speed-question>.speed-feedback,.speed-question>.text-btn{grid-column:1/-1}.speed-question>.show-header{margin:0}.speed-question>.speed-prompt{margin:0}.speed-question .speed-staff{margin:0;min-width:0}.speed-question .speed-staff svg{max-height:220px}.speed-question .speed-answers{margin:0}.speed-question .show-round{font-size:20px}.speed-question .show-cue{min-height:30px;padding-top:3px}.speed-question .show-track:empty{display:none}
@media(max-width:600px){.speed-question.show-stage{grid-template-columns:1fr;gap:12px}.speed-question .show-title{font-size:21px}.speed-question .show-round{font-size:14px}.speed-question .speed-staff svg{max-height:170px}.speed-question .show-topline{display:none}.speed-page .speed-hud{gap:8px}.speed-page .speed-hud strong{font-size:25px}}