:root{color-scheme:dark;--bg:#101124;--panel:#1b1c34;--line:#33344f;--ink:#f6f5ff;--muted:#b1b1ca;--gold:#ffcf59;--purple:#b497ff;--mint:#70edc1;font-family:Inter,"Avenir Next",Avenir,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{color:inherit}button:disabled{opacity:.45}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}.studio{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 0%,#3b285b66,transparent 57%),radial-gradient(circle at 2% 55%,#28204d44,transparent 38%)}.studio:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(#a9a3c9 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#000,transparent 70%)}.topbar{position:relative;z-index:2;max-width:1240px;margin:auto;padding:28px 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.brand{font-size:14px;font-weight:850;letter-spacing:1.7px;text-decoration:none;display:flex;align-items:center;gap:6px}.brand strong{color:var(--gold)}.brand-clock{font-size:33px;color:var(--gold);margin-right:6px}.top-actions{display:flex;align-items:center;gap:24px}.live{color:#f588a7;font-size:10px;font-weight:800;letter-spacing:2px}.sound{border:1px solid var(--line);border-radius:30px;background:#ffffff05;padding:9px 15px;font-size:12px;color:var(--muted)}.stage{position:relative;z-index:1;max-width:1100px;margin:auto;padding:0 30px 70px}.hero{text-align:center;padding:55px 0 36px}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--purple)}.hero .eyebrow:before,.hero .eyebrow:after{content:"✦";color:var(--gold);margin:0 13px}.hero h1,.finale h1{font-size:clamp(48px,7vw,83px);line-height:1.02;letter-spacing:-4px;margin:22px 0;font-weight:900}.hero h1 span,.finale h1 span{color:var(--gold);text-shadow:0 0 45px #ffcf5925}.subtitle{color:var(--muted);font-size:15px;line-height:1.6}.rules-strip{display:flex;justify-content:center;margin:28px auto 0;gap:0}.rules-strip>div{display:flex;flex-direction:column;padding:0 28px;border-right:1px solid var(--line);gap:5px}.rules-strip>div:last-child{border:0}.rules-strip strong{font-size:22px;color:var(--ink);font-variant-numeric:tabular-nums}.rules-strip span{font-size:11px;color:var(--muted)}.lobby-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#22223b,#191a30);box-shadow:0 15px 50px #0002}.contestant{padding:30px;border-top:3px solid var(--purple)}.contestant h2{font-size:22px;letter-spacing:-.5px;margin:13px 0 25px}.contestant label{display:block;font-size:12px;font-weight:650;margin-bottom:10px;color:#d1cee5}.contestant input{width:100%;background:#101124;border:1px solid #44435c;padding:16px;border-radius:9px;color:var(--ink);font-size:16px}.contestant input::placeholder{color:#85849e}.bank-card{display:flex;align-items:center;gap:14px;padding:20px 0 15px}.bank-icon{display:grid;place-items:center;color:var(--purple);font-size:25px;background:#a68aff15;border:1px solid #a68aff30;border-radius:10px;width:44px;height:46px;flex-shrink:0}.bank-card strong{font-size:13px;display:block;overflow-wrap:anywhere}.bank-card small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:5px}.upload{width:100%;padding:13px;border:1px dashed #79718d;border-radius:8px;background:#ffffff03;font-size:12px;color:#d4c9ed;font-weight:650}.upload:hover{background:#a68aff18}.reset-note{display:block;color:var(--muted);font-size:10px;margin:10px 0 22px;text-align:center;line-height:1.5}.primary{border:0;border-radius:9px;padding:17px 24px;background:var(--gold);color:#252033;font-weight:850;font-size:12px;letter-spacing:1.3px;box-shadow:0 4px 0 #ae812d,0 8px 30px #ffcf5910;transition:transform .15s,box-shadow .15s}.primary:hover:enabled{background:#ffdc83;transform:translateY(-2px);box-shadow:0 6px 0 #ae812d,0 8px 35px #ffcf5925}.primary:active:enabled{transform:translateY(3px);box-shadow:0 1px 0 #ae812d}.contestant .primary{width:100%}.sample-link{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:22px;text-underline-offset:4px}.side-panels{display:flex;flex-direction:column;gap:20px}.scoreboard{padding:25px 27px;flex:1}.score-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.score-title h2{font-size:17px;letter-spacing:-.3px}.score-title h2:first-letter{color:var(--gold)}.pill{border:1px solid #ffffff20;color:var(--purple);padding:5px 9px;border-radius:5px;font-size:9px;font-weight:750;letter-spacing:1px;max-width:75%;overflow-wrap:anywhere}.empty-scores{padding:12px 0 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.trophy{font-size:38px;color:var(--gold);text-shadow:0 0 30px #ffcf5944}.empty-scores strong{font-size:12px}.empty-scores p{font-size:11px;color:var(--muted)}.local-note{font-size:9px;color:var(--muted);display:block;text-align:center;border-top:1px solid var(--line);padding-top:15px}.how-to{padding:25px 27px}.how-to .section-label{font-size:8px;letter-spacing:1.3px;color:var(--gold)}.how-to h3{font-size:20px;margin:10px 0}.how-to p{font-size:12px;line-height:1.7;color:var(--muted)}.mini-meter{height:7px;background:#0c1024;border-radius:10px;overflow:hidden}.mini-meter span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7964dd,#c0a0fa,var(--gold));border-radius:10px;transition:width .1s linear}.how-to .mini-meter{margin:17px 0 8px}.meter-labels{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--gold)}.meter-labels span{color:var(--muted)}.how-to p.gentle{font-size:10px;margin-top:17px;color:#b8aed3}footer{position:relative;text-align:center;border-top:1px solid #ffffff0a;padding:23px;font-size:9px;letter-spacing:1.5px;font-weight:750;color:#b0a1d0}footer span{font-weight:400;letter-spacing:0;color:#9691ab;margin-left:12px}.spotlight{position:absolute;top:-110px;width:230px;height:850px;pointer-events:none;filter:blur(12px);background:linear-gradient(#c8acff20,transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);transform-origin:50% 0;animation:sweep 12s ease-in-out infinite alternate}.spotlight.left{left:5%;transform:rotate(-25deg)}.spotlight.right{right:5%;animation-delay:-6s;transform:rotate(25deg)}@keyframes sweep{from{transform:rotate(-28deg)}to{transform:rotate(28deg)}}
.game{padding-top:40px}.game-meta{display:flex;align-items:center;justify-content:space-between;gap:15px}.game-meta h2{margin-top:7px;font-size:24px;overflow-wrap:anywhere;max-width:300px}.round-count{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--purple)}.total-score{text-align:right}.total-score small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.total-score strong{display:block;color:var(--gold);font-size:30px;font-variant-numeric:tabular-nums;margin-top:3px}.progress-track{height:4px;background:#ffffff12;margin:24px 0 30px;border-radius:10px}.progress-track>div{height:100%;background:var(--purple);transition:width .4s}.question-panel{padding:30px 38px;border-top:2px solid var(--purple)}.question-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.question-panel h1{font-size:clamp(24px,3.6vw,38px);letter-spacing:-.8px;line-height:1.35;margin:32px 0;overflow-wrap:anywhere}.clock-row{display:flex;gap:25px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.clock{font-size:42px;letter-spacing:-2px;font-weight:850;font-variant-numeric:tabular-nums;color:var(--gold)}.clock.urgent{color:#ff829b}.points-meter{flex:1}.points-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.points-top strong{font-size:17px;color:var(--mint);font-variant-numeric:tabular-nums}.points-top span{font-size:9px;letter-spacing:1px;color:var(--muted)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.answer{display:flex;align-items:center;text-align:left;gap:15px;min-height:86px;border:1px solid #5b4e7e;border-bottom:4px solid #4c3d70;border-radius:12px;background:linear-gradient(120deg,#2c2443,#201d35);padding:16px 20px;color:var(--ink);font-size:16px;line-height:1.4;transition:transform .15s,background .15s;overflow-wrap:anywhere}.answer>span:nth-child(2){flex:1;min-width:0}.answer:hover:enabled{transform:translateY(-3px);background:#413156}.answer-key{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #a68aff66;border-radius:8px;font-size:14px;font-weight:800;color:#cfb7ff}.answer small{color:var(--muted);font-size:11px}.answer-1{border-color:#3c5d7b;border-bottom-color:#304c67;background:linear-gradient(120deg,#20364a,#1a2538)}.answer-2{border-color:#685739;border-bottom-color:#5e472e;background:linear-gradient(120deg,#3b302b,#292333)}.answer-3{border-color:#3c665b;border-bottom-color:#31564c;background:linear-gradient(120deg,#203c39,#1c2a32)}.answer:disabled{opacity:.65}.answer.is-correct:disabled{opacity:1;border-color:var(--mint);background:#1b493e;box-shadow:0 0 30px #70edc11a}.answer.is-wrong:disabled{opacity:1;border-color:#ff829b;background:#50283b}.keyboard-hint{text-align:center;font-size:11px;color:var(--muted);margin:25px 0}.feedback{border:1px solid #70edc166;border-radius:12px;background:#142e2e;padding:23px;display:flex;align-items:center;gap:25px;justify-content:space-between}.feedback.incorrect{border-color:#ff829b55;background:#322337}.feedback h3{font-size:19px;color:var(--mint)}.feedback.incorrect h3{color:#ffc987}.feedback p{font-size:13px;line-height:1.65;margin-top:7px;color:#e0dbea;white-space:pre-line}.feedback .primary{flex-shrink:0}.notice{border:1px solid #ffc98766;background:#382c24;padding:18px;border-radius:10px;color:#ffdcaa;line-height:1.6;font-size:13px;margin-top:25px;white-space:pre-wrap;overflow-wrap:anywhere}.notice.error{border-color:#ff829b66;background:#382037;color:#ffb5c5}.scoreboard ol{list-style:none;padding:0;margin:18px 0}.scoreboard li{display:flex;align-items:center;gap:12px;font-size:12px;padding:12px 0;border-top:1px solid #ffffff09}.rank{width:20px;color:var(--gold);font-weight:800}.score-name{flex:1;overflow-wrap:anywhere;min-width:0}.scoreboard li strong{color:var(--gold);font-variant-numeric:tabular-nums}.scoreboard li small{color:var(--muted);font-size:9px}.finale{text-align:center;position:relative;padding-top:60px}.final-score{font-size:80px;font-weight:900;letter-spacing:-4px;color:var(--gold);margin:25px 0 15px;font-variant-numeric:tabular-nums}.final-score small{font-size:11px;display:block;letter-spacing:3px;color:var(--muted)}.finale>p:not(.subtitle){color:var(--mint)}.finale>.primary{margin:28px 0 40px}.finale .scoreboard{max-width:520px;margin:auto;text-align:left}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;left:calc(var(--i)*3.9%);top:-20px;width:7px;height:12px;background:var(--gold);animation:fall 4s ease-in infinite;animation-delay:calc(var(--i)*-.27s)}.confetti i:nth-child(3n){background:var(--purple)}.confetti i:nth-child(3n + 1){background:var(--mint)}@keyframes fall{to{transform:translateY(650px) rotate(580deg);opacity:0}}
@media(min-width:1450px){.hero{padding-top:70px}.stage{padding-bottom:90px}}@media(max-width:700px){.topbar{padding:18px 20px}.brand{font-size:10px;letter-spacing:1px}.brand-clock{font-size:27px}.live{display:none}.top-actions{gap:8px}.sound{padding:8px 10px;font-size:10px}.stage{padding:0 18px 45px}.hero{padding:35px 0 30px}.hero h1,.finale h1{letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.subtitle{font-size:12px}.rules-strip>div{padding:0 18px}.rules-strip strong{font-size:21px}.rules-strip span{font-size:9px}.lobby-grid{grid-template-columns:1fr}.contestant{padding:25px}.game-meta h2{font-size:18px;max-width:140px}.round-count{font-size:9px;letter-spacing:1px}.total-score strong{font-size:24px}.question-panel{padding:22px}.question-panel h1{margin:25px 0}.question-top .section-label{font-size:8px;letter-spacing:1px}.answers{gap:10px}.answer{font-size:13px;padding:12px;gap:9px;min-height:85px}.answer-key{width:27px;height:30px}.answer small{display:none}.feedback{flex-direction:column;align-items:stretch}.feedback .primary{width:100%}.clock{font-size:35px}.clock-row{gap:18px}.points-top strong{font-size:14px}.points-top span{font-size:8px}footer{line-height:1.8}footer span{display:block;margin:0}.finale{padding-top:40px}.final-score{font-size:65px}}@media(max-width:390px){.answers{grid-template-columns:1fr}.rules-strip>div{padding:0 12px}.brand{gap:3px;font-size:9px}.sound{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.spotlight{opacity:.5}.confetti{display:none}}
.hosted-quizzes{margin-top:20px}.hosted-quizzes select{width:100%;font:inherit;color:var(--ink);background:#101124;border:1px solid #44435c;border-radius:9px;padding:12px;font-size:13px}.refresh-quizzes{background:none;border:0;cursor:pointer;margin-top:12px;margin-bottom:15px}.finale>p[role=status]{margin:20px 0}

.player-controls { margin: 1rem 0; padding: 1rem; border: 1px solid var(--gold, #ffd166); border-radius: 12px; background: #15122b; }
.player-controls .sample-link { margin-right: 1rem; }
.playing-as { color: #ffd166; font-weight: 700; }
.magic-phrase { margin-top: 1rem; padding: 1rem; background: #292141; border-radius: 8px; }
.magic-phrase strong { display: block; color: #fff0ad; font-size: 1.25rem; letter-spacing: .05em; overflow-wrap: anywhere; }
.magic-phrase p { line-height: 1.5; }
.remembered-players { display: flex; flex-wrap: wrap; gap: .4rem; }