:root{--accent:#5b3df5;--stage:#17132e;--on-stage:#fff;--on-accent:#fff;--on-stage-muted:#c9c4ea;--surface:#fff;--surface-muted:#f3f1fa;--text:#17142a;--muted:#686480;--line:#e5e2ef;--good:#16a34a;--bad:#dc2626;--c0:#e11d48;--c1:#2563eb;--c2:#d97706;--c3:#059669;--press:inset 0 -.3rem 0 #0003;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#221d3d;--surface-muted:#2c2650;--text:#f2f0fa;--muted:#b3aed0;--line:#37305e;--good:#22c55e;--bad:#ef4444}}*{box-sizing:border-box}body{min-height:100dvh;color:var(--on-stage);background:radial-gradient(110% 55% at 100% 0%, color-mix(in srgb, var(--accent) 50%, transparent), transparent 60%), radial-gradient(90% 45% at 0% 100%, #e11d4833, transparent 60%), var(--stage);background-attachment:fixed;margin:0}.shell{--muted:var(--on-stage-muted);max-width:32rem;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:1rem;min-height:100dvh;margin:0 auto;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:1.4rem;line-height:1.25}h1.prompt{font-size:1.35rem;font-weight:750}p{margin:0}.brand{letter-spacing:-.02em;justify-content:center;align-items:center;gap:.625rem;padding:1.5rem 0 .75rem;font-size:1.5rem;font-weight:800;display:flex}.brand svg{width:2.25rem;height:2.25rem}.card{--muted:#686480;background:var(--surface);color:var(--text);border-radius:1.5rem;padding:1.5rem;animation:.32s cubic-bezier(.2,.8,.2,1) backwards enter;box-shadow:0 1.25rem 2.5rem -1rem #00000080}@media (prefers-color-scheme:dark){.card{--muted:#b3aed0}}.stack{flex-direction:column;gap:.875rem;display:flex}.center{text-align:center;align-items:center}.muted{color:var(--muted)}.big{font-size:1.6rem;font-weight:800}.error{color:var(--bad);font-size:.9rem}.card .error{color:var(--bad)}.shell>.error,.stack>.error{color:#fda4af}.success{color:var(--good);font-size:.95rem;font-weight:600}.logo{align-self:center;max-height:3rem}.field{flex-direction:column;gap:.5rem;font-weight:600;display:flex}.field small{color:var(--muted);font-weight:400}.join-notice{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.join-notice a{color:inherit;text-underline-offset:2px;text-decoration:underline}input,textarea{font:inherit;border:2px solid var(--line);background:var(--surface-muted);color:var(--text);border-radius:1rem;width:100%;padding:.875rem 1rem;font-size:1.05rem;transition:border-color .15s,background-color .15s}input:focus,textarea:focus{border-color:var(--accent);background:var(--surface);outline:none}textarea{resize:vertical}.code-input{letter-spacing:.12em;text-align:center;font-variant-numeric:tabular-nums;padding:.75rem;font-size:2.5rem;font-weight:800}.code-input::placeholder{color:var(--line)}button{font:inherit;cursor:pointer;border:0;border-radius:1rem;min-height:3rem;padding:.75rem 1rem;transition:transform 80ms,box-shadow 80ms,opacity .15s}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:3px solid var(--on-stage);outline-offset:2px}.card button:focus-visible{outline-color:var(--accent)}.primary{background:var(--accent);color:var(--on-accent);min-height:3.5rem;box-shadow:var(--press);font-size:1.1rem;font-weight:750}.primary:not(:disabled):active,.choice:not(:disabled):active,.scale-step:not(:disabled):active{transform:translateY(.15rem);box-shadow:inset 0 -.15rem #0003}.link{color:var(--muted);background:0 0;min-height:auto;text-decoration:underline}.bar{justify-content:space-between;align-items:center;gap:.5rem;min-height:2.5rem;display:flex}.bar-end{align-items:center;gap:.5rem;display:flex}.who{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:750;overflow:hidden}.pill,.tab{background:color-mix(in srgb, var(--on-stage) 12%, transparent);color:var(--on-stage);border:1px solid color-mix(in srgb, var(--on-stage) 14%, transparent);border-radius:999px;font-size:.875rem;font-weight:600}.pill{font-variant-numeric:tabular-nums;padding:.3rem .8rem}.tab{min-height:2.25rem;padding:.25rem .9rem}.tab[aria-pressed=true]{background:var(--on-stage);color:var(--stage)}.status{color:var(--on-stage-muted);font-size:.8rem}.asking{flex:1}.prompt-head{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.25rem .25rem .5rem;animation:.32s cubic-bezier(.2,.8,.2,1) backwards enter;display:flex}.prompt-head h1.prompt{letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(1.5rem,6.4vw,2rem);font-weight:800;line-height:1.15}.slide-only{padding:2.5rem 1.5rem}.slide-only h1.prompt{font-size:1.6rem}.countdown{width:3.5rem;height:3.5rem;color:var(--on-stage);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:inline-flex;position:relative}.countdown svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.countdown circle{fill:none;stroke-width:8px}.countdown .track{stroke:#ffffff24;fill:#ffffff14}.countdown .left{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.countdown span{position:relative}.countdown.urgent .left{stroke:var(--c0)}.countdown.urgent span{animation:1s ease-in-out infinite beat}.tiles{flex:1;justify-content:flex-end}.choices{flex:1;grid-template-columns:1fr;grid-auto-rows:minmax(3.75rem,5.25rem);align-content:end;gap:.625rem;display:grid}.choices.n2{grid-auto-rows:minmax(6rem,9rem)}.choices.n2,.choices.n4{grid-template-columns:1fr 1fr}.choices.n4{grid-auto-rows:minmax(5rem,7rem)}.choice{color:#fff;overflow-wrap:anywhere;text-align:left;min-height:4.5rem;box-shadow:var(--press);border-radius:1.25rem;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.875rem 1rem 1.1rem;font-size:1.15rem;font-weight:750;line-height:1.2;animation:.32s cubic-bezier(.2,.8,.2,1) backwards enter;display:flex}.choice[aria-pressed=false]{opacity:.72}.choice[aria-pressed=true]{outline:.25rem solid var(--on-stage);outline-offset:.15rem}.choice:first-child{animation-delay:80ms}.choice:nth-child(2){animation-delay:.14s}.choice:nth-child(3){animation-delay:.2s}.choice:nth-child(4){animation-delay:.26s}.choices:not(.n2):not(.n4) .choice{flex-direction:row;justify-content:flex-start;align-items:center}.choice .letter{background:#0003;border-radius:.6rem;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;font-size:1.1rem;font-weight:800;display:inline-flex}.c0{background:var(--c0)}.c1{background:var(--c1)}.c2{background:var(--c2)}.c3{background:var(--c3)}.scale{grid-template-columns:repeat(auto-fit,minmax(3.25rem,1fr));gap:.5rem;display:grid}.scale-step{background:var(--surface-muted);border:2px solid var(--line);min-height:3.5rem;color:var(--text);font-size:1.3rem;font-weight:800;box-shadow:inset 0 -.2rem #0000000f}input[type=range]{accent-color:var(--accent);background:0 0;border:0;padding:0}.notice{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:1.75rem 1.5rem;display:flex}.notice strong{font-size:1.35rem}.tick{background:color-mix(in srgb, var(--good) 15%, transparent);width:3rem;height:3rem;color:var(--good);border-radius:999px;justify-content:center;align-items:center;margin-bottom:.35rem;font-size:1.5rem;font-weight:800;display:flex}.dots{gap:.4rem;margin-bottom:.25rem;display:flex}.dots span{background:var(--accent);border-radius:999px;width:.6rem;height:.6rem;animation:1.2s ease-in-out infinite bounce}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}.lobby{gap:.75rem;padding:2.5rem 1.5rem}.pulse{width:4.5rem;height:4.5rem;margin-bottom:.5rem;position:relative}.pulse:before,.pulse span{content:"";border-radius:999px;position:absolute;top:0;bottom:0;left:0;right:0}.pulse:before{background:var(--accent);opacity:.25;animation:2s ease-out infinite ring}.pulse span{background:var(--accent);box-shadow:0 0 0 .5rem color-mix(in srgb, var(--accent) 25%, transparent);top:1rem;bottom:1rem;left:1rem;right:1rem}.verdict{text-align:center;color:#fff;box-shadow:var(--press), 0 1.25rem 2.5rem -1rem #00000080;border-radius:1.5rem;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem;animation:.35s cubic-bezier(.2,.9,.3,1.3) both pop;display:flex}.verdict strong{font-size:1.75rem;font-weight:850}.verdict .award{background:#fff3;border-radius:999px;padding:.2rem .8rem;font-size:1.1rem;font-weight:700}.verdict-icon{background:#ffffff38;border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;font-weight:900;display:flex}.verdict.right{background:var(--good)}.verdict.wrong{background:var(--bad)}.verdict.missed{background:color-mix(in srgb, var(--on-stage) 10%, transparent);border:1px solid color-mix(in srgb, var(--on-stage) 18%, transparent);box-shadow:none;color:var(--on-stage)}.verdict.missed strong{font-size:1.2rem}.bars{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.bar-label{justify-content:space-between;margin-bottom:.3rem;font-size:.95rem;font-weight:600;display:flex}.bars .correct .bar-label{color:var(--good)}.track{background:var(--surface-muted);border-radius:999px;height:.75rem;overflow:hidden}.fill{background:var(--accent);transform-origin:0;border-radius:999px;height:100%;transition:width .5s ease-out;animation:.7s cubic-bezier(.2,.8,.2,1) .15s backwards grow}.bars .correct .fill{background:var(--good)}.words{flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;list-style:none;display:flex}.words li{color:var(--accent);font-weight:700}.check{align-items:center;gap:.5rem;font-weight:500;display:flex}.check input{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.questions{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.question{border-radius:1.25rem;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;display:flex}.question.answered{opacity:.6}.question p{margin-bottom:.25rem;font-weight:500}.vote{background:var(--surface-muted);border:1px solid var(--line);min-width:3.5rem;min-height:2.75rem;color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.vote.voted{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.final-card{padding:2rem 1.5rem;position:relative;overflow:hidden}.final-card.revealed .final{animation:.5s cubic-bezier(.2,.9,.3,1.3) both pop}.final-card.on-podium .medal{animation:.9s cubic-bezier(.2,.9,.3,1.2) both medal-in}.drumroll{gap:.5rem;padding:.5rem 0;display:flex}.drumroll span{background:var(--accent);border-radius:999px;width:.75rem;height:.75rem;animation:.7s ease-in-out infinite bounce}.drumroll span:nth-child(2){animation-delay:.12s}.drumroll span:nth-child(3){animation-delay:.24s}.phone-confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.phone-confetti span{border-radius:2px;width:.45rem;height:.9rem;animation:linear both phone-confetti;position:absolute;top:-1rem}.final{flex-direction:column;align-items:center;gap:.375rem;display:flex}.medal{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;font-size:2rem;font-weight:800;animation:.45s cubic-bezier(.2,.9,.3,1.3) both pop;display:flex;box-shadow:inset 0 -.3rem #00000026,0 0 0 .3rem #0000000f}.medal.gold{background:#e5a50a}.medal.silver{background:#9aa4b1}.medal.bronze{background:#b8733a}@keyframes enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleX(0)}to{transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes medal-in{0%{opacity:0;transform:scale(.2)rotate(-40deg)}60%{opacity:1;transform:scale(1.2)rotate(8deg)}80%{transform:scale(.95)rotate(-3deg)}to{transform:none}}@keyframes phone-confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.8;transform:translateY(26rem)rotate(540deg)}}@keyframes beat{50%{transform:scale(1.08)}}@keyframes bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-.35rem)}}@keyframes ring{0%{opacity:.45;transform:scale(.6)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.phone-confetti{display:none}}.remote-badge{background:var(--c2);border-color:#0000;font-weight:750}.remote-where{font-size:.85rem;font-weight:600}.remote-round{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:.75rem;font-weight:600;display:flex}.remote-clock{background:var(--surface-muted);color:var(--text);border-color:var(--line)}.remote-next{border-radius:1.5rem;width:100%;min-height:8.5rem;font-size:1.35rem}.remote-upnext{color:var(--on-stage-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.remote-upnext span{color:var(--on-stage);margin-right:.25rem;font-weight:700}.remote-error{text-align:center;color:#fecaca}.remote-question{flex-direction:column;gap:.5rem;padding:1rem 1.1rem;display:flex}.remote-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.remote-actions button{min-height:2.75rem;font-size:.95rem}.secondary{background:var(--surface-muted);color:var(--text);font-weight:650}.paced-track{background:#ffffff24;border-radius:999px;height:4px;overflow:hidden}.paced-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s;display:block}.paced-closes{text-align:center;font-size:.8rem}.reactions{padding:.6rem .25rem calc(.6rem + env(safe-area-inset-bottom));justify-content:space-between;gap:.35rem;margin-top:auto;display:flex;position:sticky;bottom:0}.reactions button{background:color-mix(in srgb, var(--on-stage) 10%, transparent);border:1px solid color-mix(in srgb, var(--on-stage) 12%, transparent);border-radius:1rem;flex:1;min-height:3rem;font-size:1.6rem;line-height:1;transition:transform .12s,opacity .2s}.reactions button:disabled{opacity:.45}.reactions button.popped{animation:.45s react-pop}@keyframes react-pop{40%{transform:scale(1.35)translateY(-.4rem)}to{transform:none}}@media (prefers-reduced-motion:reduce){.reactions button.popped{animation:none}}