:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#fafafa;background:var(--background);font-synthesis:none;font-weight:450;--accent: #ff5900;--muted: #b9bbc5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,color-mix(in srgb,var(--secondary) 12%,transparent) 0,transparent 45%);min-height:100vh}main{max-width:1400px;margin:auto;padding:32px 5vw}a{color:var(--accent);text-underline-offset:5px}header{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid var(--border)}.brand{color:var(--accent);font-size:42px;font-weight:950;letter-spacing:-3px;text-decoration:none;line-height:.9}.brand span{display:block;font-size:10px;letter-spacing:2px;margin-top:10px}nav{margin-left:auto;display:flex;gap:20px;font-size:14px}.connection{font-size:12px;color:#edcb95}.connection.online{color:#c5e3a0}.intro{margin:45px 0 28px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--accent)}h1{font-size:clamp(32px,4.5vw,64px);letter-spacing:-2px;line-height:1.05;margin:12px 0 18px;max-width:1000px}h2{font-size:clamp(25px,3vw,40px);letter-spacing:-1px;line-height:1.2;margin:12px 0 24px}h3{font-size:22px}p{line-height:1.6}.intro>p:last-child,.muted{color:var(--muted)}.card{border:1px solid var(--border);border-radius:22px;padding:32px;background:var(--surface);margin-bottom:22px;min-width:0}.narrow{max-width:560px;margin:60px auto}.stage{text-align:center;position:relative;overflow:hidden;min-height:270px}.stage:before{content:"";display:block;width:80px;height:5px;background:var(--accent);margin:0 auto 32px;border-radius:5px}.columns{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.code{font-size:clamp(45px,8vw,92px);letter-spacing:-4px;font-weight:900;color:var(--accent)}.join-url{font-size:clamp(16px,2.3vw,30px);overflow-wrap:anywhere}.badge{display:inline-block;border:1px solid #64743f;border-radius:30px;padding:8px 13px;font-size:10px;letter-spacing:1px;color:#d1d9be}.stats{display:flex;justify-content:center;gap:30px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}form{display:grid;gap:18px}label{display:grid;gap:8px;text-align:left;color:#e4e4e8;font-size:14px}input{width:100%;min-width:0;background:var(--background);color:#fafafa;border:1px solid var(--border);border-radius:10px;padding:15px;font-size:18px}button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:10px;background:var(--accent);color:var(--accent-ink);padding:14px 18px;font-weight:750;min-height:48px}button:hover:enabled{background:color-mix(in srgb,var(--accent) 80%,white)}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:transparent;border-color:var(--border);color:#eeeeef}button[aria-pressed=true]{box-shadow:inset 0 0 0 4px #fff}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}.controls,.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.controls button{font-size:13px}.notice,.error,.danger{background:#3c3021;border:1px solid #987548;border-radius:12px;padding:16px;line-height:1.6}.error{margin-top:20px;color:#ffdab9}.player{max-width:760px;margin:24px auto}.personal{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.personal strong{white-space:nowrap;color:var(--accent)}.saved,.gain{color:var(--accent)}.countdown,.correct{font-size:clamp(60px,12vw,150px);font-weight:900;color:var(--accent);line-height:1.15}.countdown small{display:block;font-size:14px;letter-spacing:3px}.reveal{animation:reveal .35s ease-out}.distribution{list-style:none;padding:0;max-width:550px;margin:0 auto}.distribution li{display:flex;align-items:center;gap:20px;margin:10px 0}.distribution meter{flex:1}.ranking{padding-left:30px;text-align:left}.ranking li{padding:15px;border-bottom:1px solid var(--border)}.ranking strong{float:right}.site-footer{display:flex;justify-content:space-between;gap:20px;margin-top:45px;font-size:12px;color:var(--muted)}.presentation{max-width:1800px}.presentation .intro{text-align:center}.presentation h2{font-size:clamp(34px,4vw,64px)}.presentation .stage{min-height:50vh}.presentation header{justify-content:space-between}.presentation .stats{font-size:22px}.presentation .reveal h3{font-size:32px}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){main{padding:20px}.columns{grid-template-columns:1fr}header{gap:18px}nav{width:100%;margin:0;justify-content:space-between}.intro{margin-top:30px}.card{padding:22px}.personal{display:block}.site-footer{flex-direction:column}.connection{margin-left:auto}.controls button{padding:12px 8px}.join-url{font-size:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.histogram{margin:12px auto 0;width:100%;max-width:900px}.histogram svg{display:block;width:100%;max-height:180px}.audience{display:flex;flex-direction:column}.audience .player{order:-1;width:100%}.presentation{padding-top:20px;padding-bottom:20px}.presentation header{padding-bottom:16px}.presentation .intro{margin:24px 0}.presentation h1{margin-left:auto;margin-right:auto;font-size:clamp(32px,4vw,56px)}.presentation h2{font-size:clamp(28px,3vw,46px)}.presentation .stage{padding:24px}.presentation .stage:before{margin-bottom:20px}.presentation .reveal .eyebrow{font-size:18px;margin:12px 0}.presentation .reveal h3{font-size:26px;margin:16px 0}.presentation .correct{font-size:clamp(70px,10vh,110px)}.presentation .stats{margin-top:20px;padding-top:16px}@media(max-height:800px)and (min-width:900px){.presentation header{padding-bottom:10px}.presentation .brand{font-size:30px}.presentation .intro{margin:14px 0}.presentation h1{font-size:32px;margin-top:8px;margin-bottom:8px}.presentation .intro p{margin:6px 0}.presentation .stage{padding:16px;margin-bottom:0}.presentation .stage:before{margin-bottom:12px}.presentation h2{font-size:28px;margin:8px 0 12px}.presentation .reveal h3{font-size:22px;margin:8px 0}.presentation .reveal p{margin:8px 0}.presentation .histogram svg{max-height:100px}.presentation .stats{margin-top:12px;padding-top:10px;font-size:16px}}select,textarea{width:100%;background:var(--background);color:#fafafa;border:1px solid var(--border);border-radius:10px;padding:12px;font:inherit}textarea{min-height:90px}select:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:4px}.editor-workspace{border:0;padding:0;min-width:0}.editor-fields{display:grid;gap:18px;max-width:780px}.check-label{display:flex;align-items:center;gap:12px}.check-label input{width:22px;height:22px}.editor-list{padding:0;list-style:none}.editor-list li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--border)}.editor-list li>button:first-child{text-align:left;flex:1;min-width:200px}.editor-list .controls{margin:0}.editor-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere}.editor-workspace fieldset{border:1px solid var(--border);border-radius:10px;display:grid;gap:12px}.session-controls{margin-top:20px}.session-controls .controls{align-items:center;margin:0}.reset-dialog{background:var(--surface);color:#fafafa;border:1px solid #987548;border-radius:16px;max-width:560px;width:calc(100% - 40px);padding:26px}.reset-dialog::backdrop{background:#000b}.action-button{display:flex;flex-direction:column;gap:6px;min-width:0}.action-button>button{width:100%}.button-help{display:block;color:var(--muted);font-size:12px;line-height:1.4;text-align:left}button:disabled{opacity:.65}.staff{display:grid;gap:1rem;margin-top:1rem}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.staff .card{min-width:0;overflow-wrap:anywhere}.staff-status h1{font-size:clamp(1.6rem,4vw,2.5rem);margin:.4rem 0}.staff-countdown{font-size:1.6rem;font-weight:800}.next-question{border-style:dashed}.solution{font-size:1.3rem}.music-stop{border:2px solid #edc760}.spotify-link{display:inline-block;padding:.8rem 0}.mobile-staff{max-width:760px;margin-inline:auto}.mobile-staff .staff-grid{grid-template-columns:1fr}@media(max-width:800px){.staff-grid{grid-template-columns:1fr}}.youtube-viewport{position:relative;width:100%;max-width:960px;min-width:200px;min-height:270px;aspect-ratio:16 / 9;margin:1rem 0;background:#000}.youtube-viewport iframe{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:270px;border:0}.youtube-player{min-width:0}.youtube-console{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,280px);gap:1rem;align-items:start}.youtube-screen{min-width:0}.youtube-console .controls{display:flex;flex-direction:column}@media(max-width:800px){.youtube-console{grid-template-columns:1fr}}:root{--background: #101010;--secondary: #4d66ed;--accent-ink: #000;--surface: color-mix(in srgb, var(--background) 90%, white);--border: color-mix(in srgb, var(--background) 72%, white);color-scheme:dark}body{background:var(--background)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 2% 22%,color-mix(in srgb,var(--secondary) 35%,transparent) 0 1px,transparent 2px) 0 0/12px 12px;-webkit-mask-image:linear-gradient(125deg,#000,transparent 32%,transparent 80%,#000);mask-image:linear-gradient(125deg,#000,transparent 32%,transparent 80%,#000)}body:after{content:"";position:fixed;width:230px;height:230px;right:-140px;top:42%;border:22px solid var(--accent);transform:rotate(32deg);opacity:.22;pointer-events:none;z-index:-1}:root[data-decoration=false] body:before,:root[data-decoration=false] body:after{display:none}#root{isolation:isolate}main{padding:20px 3vw;max-width:1540px}header{gap:20px;padding-bottom:14px;border-color:var(--border)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:0}.brand img{height:64px;width:42px;object-fit:contain}.brand span{font-size:12px;letter-spacing:2px;margin:0;color:#fff}nav a{text-decoration:none;color:#eee}nav a:hover{color:var(--accent)}.card{background:var(--surface);border-radius:12px;padding:22px}button,input,textarea,select{border-radius:6px}button.secondary:hover:enabled{color:var(--accent-ink)}button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #fff}label{color:#e4e4e8}a{color:color-mix(in srgb,var(--accent) 70%,white)}.intro{margin:24px 0}.backstage-shell h1{font-size:32px;letter-spacing:-1px}.backstage-shell h2{font-size:23px;letter-spacing:-.5px;margin:8px 0 14px}.backstage-shell p{font-size:14px;line-height:1.45}.session-controls{margin:12px 0;padding:10px 16px}.session-controls .controls{display:flex;justify-content:space-between}.session-controls button{min-height:40px;padding:8px 12px}.editor-savebar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;box-shadow:0 8px 22px #0008;border-top:3px solid var(--accent);padding:12px 18px}.editor-savebar .save-scope{width:100%;margin:0;color:var(--muted);font-size:12px}.editor-savebar .controls{margin:0;display:flex}.editor-savebar .button-help{display:none}.editor-savebar>p[role=status]{margin:0 auto 0 0;font-weight:700}.editor-savebar .error{width:100%;margin:0}.editor-shortcuts{margin:16px 0 0;justify-content:flex-start;flex-wrap:wrap}.editor-shortcuts a{border-bottom:2px solid var(--secondary);padding:8px 0}.editor-workspace{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.6fr);gap:20px;align-items:start;margin:0}.editor-workspace>.card{margin:0}.question-library{max-height:760px;overflow:auto;position:static}.question-library .editor-list li{display:block}.question-library .editor-list li>button{width:100%;font-size:13px;min-width:0}.question-library .editor-list .controls{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.question-library .editor-list .controls button{font-size:11px;padding:6px 8px;min-height:34px}.question-library .editor-list .button-help{display:none}.question-navigation{border-bottom:1px solid var(--border);margin-bottom:16px}.question-navigation .controls{margin:10px 0}.question-navigation p{color:var(--muted);font-size:12px}.question-edit-panel{min-width:0}.question-edit-panel .card{margin-bottom:12px}#questions,#bands,#imports,#appearance,[id$=editor-heading]{scroll-margin-top:160px}#bands .editor-list{max-height:360px;overflow:auto}#imports{grid-column:1/-1;height:0}#imports+section{grid-column:1/-1}.appearance-editor{margin-top:22px}.appearance-fields{display:flex;flex-wrap:wrap;gap:22px;border:0;padding:0;margin:20px 0}.appearance-fields input[type=color]{height:48px;width:100px;padding:4px}.theme-preview{padding:24px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:24px}.theme-preview img{width:64px;height:98px}.theme-preview span{display:inline-block;padding:10px;margin:4px;font-weight:700;border-radius:4px}.appearance-editor .controls{display:flex;flex-wrap:wrap}.staff{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:16px}.staff .card{margin:0;padding:18px}.staff-status{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px}.staff-status p,.staff-status h1{margin:0}.staff-status h1{font-size:25px}.staff-grid{grid-column:2;grid-row:2;grid-template-columns:1fr;gap:12px;align-content:start}.staff-grid h2{font-size:21px}.staff-grid p{margin:8px 0}.staff .music-card{grid-column:1;grid-row:2}.staff .control{grid-column:1/-1}.staff .control .controls{display:flex;flex-wrap:wrap;margin:12px 0}.staff .control .action-button{flex:1;min-width:160px}.staff .control .notice{margin:0;padding:10px}.staff .public-preview{grid-column:1/-1}.staff .public-preview .stage{min-height:0}.staff .view-links{grid-column:1/-1}.youtube-console{grid-template-columns:minmax(200px,1fr) minmax(160px,190px);gap:12px}.youtube-console .controls{margin-top:16px}.youtube-console .controls button{padding:10px;font-size:12px}.youtube-console .button-help{font-size:11px}.youtube-viewport{margin-top:12px}.participant-shell{max-width:780px}.participant-shell header{gap:12px}.participant-shell nav{font-size:12px;gap:12px}.participant-shell .intro{margin:18px 0}.participant-shell .intro h1{font-size:26px;letter-spacing:-.7px}.participant-shell .intro p{margin:6px 0;font-size:13px}.participant-shell .intro .eyebrow{display:none}.participant-shell .player{margin:0 0 16px;padding:22px}.participant-shell .personal{display:block}.participant-shell .personal h2{font-size:25px;margin:8px 0 12px}.participant-shell .personal strong{font-size:14px}.participant-shell .player p{font-size:14px;line-height:1.45}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choices>p{grid-column:1/-1;margin:0 0 4px}.choices button{height:90px;font-size:28px;background:var(--surface);color:#fff;border:2px solid var(--secondary);position:relative}.choices button:hover:enabled{color:var(--accent-ink)}.choices button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent-ink)}.choices button[aria-pressed=true]:after{content:"✓";position:absolute;right:10px;top:6px;font-size:16px}.answer-countdown{padding:8px 12px;background:var(--secondary);color:#fff;font-size:24px;font-weight:800;border-radius:6px}.participant-shell .site-footer{margin-top:18px}.moderator-shell{height:100dvh;max-width:560px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.moderator-shell header{flex-shrink:0;padding:0 0 8px;gap:10px}.moderator-shell .brand img{height:36px;width:24px}.moderator-shell .brand span{font-size:10px}.moderator-shell .connection{font-size:10px;margin-left:auto}.moderator-shell header nav,.moderator-shell>.site-footer{display:none}.moderator-shell>.error{margin:0;padding:6px;font-size:12px;max-height:70px;overflow:auto}.mobile-console{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.mobile-console p{margin:4px 0;font-size:12px;line-height:1.35}.mobile-console .eyebrow{font-size:10px;letter-spacing:1px}.mobile-status{position:relative;padding-right:54px;flex-shrink:0}.mobile-status h1{font-size:23px;letter-spacing:-.6px;margin:5px 0}.mobile-clock{position:absolute;right:0;top:14px;font-size:36px;color:var(--accent)}.mobile-clock small{font-size:10px}.mobile-console .card{padding:12px;margin:0;flex-shrink:1;min-height:0}.mobile-current h2,.mobile-next h2{font-size:20px;line-height:1.2;letter-spacing:-.4px;margin:6px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.mobile-next h2{font-size:16px;-webkit-line-clamp:2}.mobile-console .clip-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-console .solution{font-size:18px}.mobile-next{border-left:3px solid var(--secondary)}.mobile-music{border-left:3px solid var(--accent);padding-left:8px}.mobile-actions{margin-top:auto;flex-shrink:0}.mobile-actions .notice{font-size:11px;line-height:1.3;padding:7px;margin:0}.mobile-actions .controls{margin:8px 0 0;gap:6px}.mobile-actions .controls .action-button:first-child{grid-column:1/-1}.mobile-actions button{padding:10px 6px;font-size:12px;min-height:44px}.mobile-actions .button-help{font-size:10px}.mobile-details{font-size:12px;min-height:40px;padding:8px;flex-shrink:0}.moderator-details{max-height:85dvh;overflow:auto}.moderator-details h2{font-size:22px}.moderator-details p{font-size:16px;overflow-wrap:anywhere}@media(max-width:900px){.editor-workspace,.staff{grid-template-columns:1fr}.question-library{position:static;max-height:360px}.staff-grid,.staff .music-card{grid-column:auto;grid-row:auto}.staff .music-card{order:0}.editor-savebar{gap:8px;padding:10px}.editor-savebar .save-scope{display:none}.editor-savebar>a{display:none}.editor-savebar .controls button{font-size:12px;padding:8px}.editor-savebar>p[role=status]{font-size:12px}}@media(max-width:600px){main{padding:14px}.youtube-console{grid-template-columns:1fr}.brand img{height:48px;width:32px}.participant-shell header nav{width:100%;justify-content:space-between;gap:6px}.participant-shell .personal h2{font-size:22px}.participant-shell .player{padding:16px}.theme-preview{padding:14px;gap:12px}.theme-preview span{font-size:12px}.editor-savebar{top:0}}@media(max-height:700px){.mobile-console{gap:5px}.mobile-console .card{padding:8px}.mobile-current h2{-webkit-line-clamp:2;font-size:18px}.mobile-next h2{-webkit-line-clamp:1}.mobile-actions .notice{display:none}.mobile-status h1{font-size:20px}}html{scroll-padding-top:150px}body{position:relative;isolation:isolate}body:before,body:after{z-index:0}#root{position:relative;z-index:1}.staff .public-preview summary{cursor:pointer;font-weight:700;padding:14px 0}.staff .public-preview .stage{margin-top:12px}.staff .view-links{font-size:13px}.staff .view-links h2{font-size:17px}@media(min-width:901px){.staff .music-card{grid-column:1;grid-row:2 / span 2;align-self:start}.staff .control{grid-column:2;grid-row:2;position:sticky;top:12px;align-self:start;z-index:2}.staff-grid{grid-column:2;grid-row:3}.staff .control .controls{display:grid;grid-template-columns:1fr;gap:8px}.staff .control .action-button{min-width:0}.staff .control .notice{font-size:12px}.staff .control h3{font-size:16px;margin:14px 0 8px}.staff .control .show-primary{min-height:58px;font-size:17px}}.text-choices button{height:auto;min-height:90px;font-size:18px;overflow-wrap:anywhere;padding:20px 12px}.text-correct,.presentation .text-correct{font-size:clamp(25px,4vw,54px);overflow-wrap:anywhere}.text-distribution{list-style:none;padding:0;max-width:760px;margin:auto;text-align:left;max-height:230px;overflow:auto}.text-distribution li{display:flex;justify-content:space-between;gap:16px;padding:8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}