:root{--brand: #5b2ee5;--brand-dark: #3f1bb3;--accent: #ff5a5f;--accent-dark: #e03e44;--bg: #f6f3ff;--card: #ffffff;--text: #1d1640;--muted: #6b6489;--border: #e3dcf7;--good: #1f9d55;--bad: #d64545;--a: #e5484d;--b: #2f6fe4;--c: #e8a10c;--d: #24a061;--radius: 16px;--font: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--brand)}h1,h2,h3{line-height:1.15;margin:0 0 .5em}h1{font-size:1.8rem}h2{font-size:1.25rem;margin-top:1.5em}p{margin:0 0 .75em}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.mono{font-family:ui-monospace,Menlo,monospace;letter-spacing:.1em}.error{color:var(--bad);font-weight:600;margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.page{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border)}.topbar-home{text-decoration:none;color:var(--text)}.topbar-nav{display:flex;gap:16px;align-items:center;font-weight:600}.topbar-nav a{text-decoration:none}.content{flex:1;width:100%;max-width:860px;margin:0 auto;padding:24px 16px 48px}.narrow{max-width:460px;margin:0 auto}.footer{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;padding:16px;font-size:.875rem;color:var(--muted);border-top:1px solid var(--border)}.logo{font-weight:900;letter-spacing:-.02em}.logo-small{font-size:1.15rem}.logo-mark{display:inline-block;transform:rotate(-8deg)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 2px 0 var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border:0;border-radius:12px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;background:#ece7fb;color:var(--text);box-shadow:0 3px #0000001f;transition:transform .08s,filter .15s}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0000001f}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 3px 0 var(--brand-dark)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-dark)}.btn-danger{color:var(--bad)}.btn-ghost{background:transparent;box-shadow:none}.btn-big{min-height:56px;font-size:1.15rem;width:100%}.btn-small{min-height:36px;padding:6px 12px;font-size:.9rem}.linklike{background:none;border:0;font:inherit;font-weight:600;color:var(--brand);cursor:pointer;padding:0}.form{display:flex;flex-direction:column;gap:16px}.form label{display:flex;flex-direction:column;gap:6px;font-weight:700}input,textarea,select{font:inherit;font-weight:500;color:var(--text);padding:12px 14px;border:2px solid var(--border);border-radius:12px;background:#fff;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand)}textarea{resize:vertical}.code-input{font-size:1.8rem;text-align:center;letter-spacing:.3em;font-weight:800;text-transform:uppercase}.form-actions{display:flex;gap:8px;justify-content:flex-end}.inline-label{flex-direction:row!important;align-items:center;gap:12px!important}.inline-label select{width:auto}.landing{display:flex;flex-direction:column;gap:32px}.hero{text-align:center;padding-top:16px}.hero h1{font-size:clamp(2.4rem,10vw,4rem);color:var(--brand);margin-bottom:.2em}.tagline{font-size:1.2rem;font-weight:800}.slogan{font-size:1.6rem;font-weight:900;color:var(--accent)}.subtext{color:var(--muted);font-size:1.1rem}.landing-actions{display:grid;gap:16px}.join-card{display:flex;flex-direction:column;gap:12px}.join-card label{font-weight:800;font-size:1.1rem}.make-card{display:flex;flex-direction:column;gap:12px;text-align:center;font-weight:700;justify-content:center}@media(min-width:720px){.landing-actions{grid-template-columns:1fr 1fr}}.ans-a{--ans: var(--a)}.ans-b{--ans: var(--b)}.ans-c{--ans: var(--c)}.ans-d{--ans: var(--d)}.letter{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:2em;height:2em;padding:0 .4em;border-radius:8px;background:var(--ans);color:#fff;font-weight:900}.shape{width:.9em;height:.9em;fill:currentColor;opacity:.9}.letter-big{font-size:3rem;border-radius:18px;padding:0 .3em}.editor-head{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.title-input{font-size:1.6rem;font-weight:900;border-color:transparent;background:transparent;padding:6px 8px}.title-input:hover{border-color:var(--border)}.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.question-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:12px}.question-card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.pill{background:#ece7fb;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700;white-space:nowrap;height:fit-content}.option-preview{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}.option-preview li{display:flex;align-items:center;gap:8px}.option-preview .letter{font-size:.8rem}.option-preview li.correct{font-weight:800;color:var(--good)}.question-card-actions{display:flex;gap:6px;flex-wrap:wrap}.options-edit{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.options-edit legend{font-weight:700;margin-bottom:8px;padding:0}.option-row{display:flex;align-items:center;gap:8px}.option-row .letter{flex-shrink:0}.correct-toggle{flex-direction:row!important;align-items:center;gap:4px!important;font-size:.85rem;font-weight:600!important;cursor:pointer}.correct-toggle input{width:20px;height:20px;accent-color:var(--good)}.add-question{margin-top:4px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px}.list-actions{display:flex;gap:6px}.status{font-weight:700}.status-finished{color:var(--good)}.status-abandoned{color:var(--muted)}.status-lobby,.status-running,.status-paused{color:var(--accent)}.result-list{list-style:none;margin:16px 0;padding:8px 16px}.result-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.result-list li:last-child{border:0}.result-list .rank{width:2em;font-weight:900;color:var(--brand)}.result-list .name{flex:1;font-weight:700}.result-list .score{font-variant-numeric:tabular-nums}.prose h2{margin-top:1.4em}.prose h3{font-size:1.05rem;margin-top:1em}.prose li{margin-bottom:.4em}.paused-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;text-align:center;background:#1d1640d1;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.conn-banner{position:fixed;top:0;left:0;right:0;z-index:20;padding:8px;text-align:center;background:var(--accent);color:#fff;font-weight:700}.toast{position:absolute;bottom:8%;left:50%;transform:translate(-50%);z-index:15;background:var(--text);color:#fff;padding:.6em 1.2em;border-radius:999px;font-weight:700}.host{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at top,#6a3df0,#2a1380 70%);color:#fff}.stage{position:relative;container-type:size;overflow:hidden;width:min(100vw,177.78vh);height:min(56.25vw,100vh);padding:3cqh 3cqw 7cqh;font-size:2.2cqw}.stage-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.host-fatal{min-height:100vh;display:grid;place-content:center;gap:16px;text-align:center;padding:16px}.lobby{height:100%;display:flex;flex-direction:column;gap:3cqh}.lobby-top{display:flex;gap:4cqw;align-items:center;justify-content:space-between}.lobby-join{flex:1}.lobby-title{font-size:3cqw;font-weight:900;margin-bottom:1cqh}.lobby-howto{font-size:2.4cqw;opacity:.9}.room-code{margin-top:2cqh;display:inline-block;background:#fff;color:var(--brand);font-size:11cqw;font-weight:900;letter-spacing:.12em;line-height:1;padding:.12em .25em .12em .37em;border-radius:.15em;box-shadow:0 .06em #00000040}.qr{width:26cqh;height:26cqh;min-width:26cqh;background:#fff;border-radius:1.5cqh;padding:1cqh;image-rendering:pixelated}.lobby-players{flex:1;min-height:0;background:#ffffff1a;border-radius:2cqh;padding:2cqh 2cqw;overflow:hidden}.lobby-count{font-weight:800;font-size:2.2cqw;margin-bottom:1.5cqh}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1cqh 1cqw}.chip{background:#fff;color:var(--text);font-weight:800;padding:.3em .8em;border-radius:999px;font-size:1.8cqw;animation:pop .3s ease-out}.chip-off{opacity:.45}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.intro-title{font-size:3cqw;opacity:.85;font-weight:700}.intro-text{font-size:6cqw;font-weight:900;margin:2cqh 0}.intro-count{font-size:12cqw;font-weight:900;line-height:1;animation:pop .4s ease-out}.qview{height:100%;display:flex;flex-direction:column;gap:2.5cqh}.qview-head{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:2cqw}.q-counter,.q-answers{background:#00000040;padding:.3em .8em;border-radius:999px}.timer{--frac: 1;width:11cqh;height:11cqh;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#fff calc(var(--frac) * 360deg),#fff3 0)}.timer span{width:82%;height:82%;border-radius:50%;background:var(--brand);display:grid;place-items:center;font-size:4.5cqh;font-weight:900}.timer-low span{background:var(--accent)}.q-text{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:3cqw;text-align:center;background:#fff;color:var(--text);border-radius:2.5cqh;padding:2cqh 3cqw;margin:0}.q-text h1{margin:0;font-size:4cqw;font-weight:900;line-height:1.15}.q-text.has-image h1{flex:1;text-align:left;font-size:3.4cqw}.q-image{max-height:100%;max-width:45%;object-fit:contain;border-radius:1.5cqh}.q-text-read.has-image{flex-direction:column}.q-text-read.has-image h1{text-align:center;flex:0 0 auto}.q-text-read .q-image{max-width:80%;min-height:0;flex:1}.answers{display:grid;grid-template-columns:1fr 1fr;gap:2cqh;height:38cqh}.answers-3 .answer:last-child{grid-column:span 2}.answer{position:relative;display:flex;align-items:center;gap:2cqw;overflow:hidden;background:var(--ans);border-radius:2cqh;padding:0 2cqw;font-weight:800;font-size:2.8cqw;box-shadow:0 .8cqh #0003;transition:opacity .3s,transform .3s}.answer-letter{display:inline-flex;align-items:center;gap:.3em;flex-shrink:0;background:#0003;border-radius:1.2cqh;padding:.15em .4em;font-weight:900}.answer-text{flex:1;line-height:1.15}.answer.is-wrong{opacity:.35}.answer.is-correct{transform:scale(1.02);outline:.6cqh solid #fff}.answer-count{position:absolute;left:0;right:0;bottom:0;height:1.4em;display:flex;align-items:center;font-size:.7em}.answer-count .bar{position:absolute;left:0;top:0;bottom:0;background:#ffffff4d;transition:width .6s ease-out}.answer-count .num{position:relative;margin-left:auto;padding-right:2cqw}.q-text-read h1{font-size:5cqw}.read-bar{height:2cqh;background:#fff3;border-radius:999px;overflow:hidden}.read-bar span{display:block;height:100%;background:#fff;border-radius:999px;transition:width .1s linear}.board{height:100%;display:flex;flex-direction:column;align-items:center}.board h1,.final h1{font-size:5cqw;font-weight:900}.board-list{list-style:none;margin:0;padding:0;width:70%;display:flex;flex-direction:column;gap:1.2cqh}.board-list li{display:flex;align-items:center;gap:2cqw;background:#fff;color:var(--text);border-radius:1.5cqh;padding:1.2cqh 2cqw;font-size:2.4cqw;font-weight:800;animation:pop .3s ease-out both}.board-list li:nth-child(1){background:#ffd84d}.board-list .rank{width:2em;color:var(--brand);font-weight:900}.board-list .name{flex:1}.board-list .gained{color:var(--good);font-size:.8em}.board-list .score{font-variant-numeric:tabular-nums;min-width:4em;text-align:right}.final{height:100%;display:flex;flex-direction:column;align-items:center}.podium{display:flex;align-items:flex-end;gap:2cqw;height:52cqh}.podium-step{width:22cqw;display:flex;flex-direction:column;align-items:center;animation:pop .5s ease-out both}.podium-name{font-size:2.8cqw;font-weight:900;text-align:center}.podium-score{font-size:2cqw;opacity:.85;margin-bottom:1cqh}.podium-block{width:100%;display:grid;place-items:center;font-size:6cqw;font-weight:900;border-radius:2cqh 2cqh 0 0;background:#fff3}.place-1 .podium-block{height:30cqh;background:#ffd84d;color:var(--text)}.place-2 .podium-block{height:20cqh;background:#dfe3ea;color:var(--text)}.place-3 .podium-block{height:13cqh;background:#e8a46a;color:var(--text)}.place-1{animation-delay:.6s}.place-2{animation-delay:.3s}.final-rest{list-style:none;margin:2cqh 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1cqh 3cqw;justify-content:center;font-size:1.8cqw;font-weight:700}.final-rest span{opacity:.7}.host-controls{position:fixed;right:12px;bottom:12px;z-index:30;display:flex;gap:6px;opacity:.35;transition:opacity .2s}.host-controls:hover,.host-controls:focus-within{opacity:1}.ctl{font:inherit;font-size:13px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;border:1px solid rgba(255,255,255,.35);background:#00000059;color:#fff;text-decoration:none}.ctl:disabled{opacity:.4;cursor:not-allowed}.ctl-main{background:#ffffffe6;color:var(--brand)}.play{position:relative;min-height:100%;display:flex;flex-direction:column;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:var(--brand);color:#fff}.play-form{justify-content:center;align-items:center;background:var(--bg);color:var(--text);padding:16px}.play-form .card{width:100%;max-width:420px}.play-footer{margin-top:16px;font-size:.85rem;color:var(--muted)}.play-head{display:flex;justify-content:space-between;font-weight:800;padding:4px 4px 12px}.play-score{background:#ffffff2e;padding:2px 10px;border-radius:999px}.play-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:16px}.play-center h1{font-size:2rem}.play .muted{color:#ffffffbf}.play-msg{font-size:1.3rem;font-weight:800}.big-emoji{font-size:4rem;line-height:1;animation:pop .4s ease-out}.points{font-size:2.4rem;font-weight:900}.reveal-good{background:var(--good);border-radius:var(--radius)}.reveal-bad{background:var(--bad);border-radius:var(--radius)}.rank-big{font-size:5rem;font-weight:900;line-height:1;margin:0}.gewaagd h1{font-size:2.2rem;margin-top:16px}.mini-podium{list-style:none;padding:0;margin:12px 0;font-weight:800}.mini-podium span{opacity:.7;margin-left:6px}.pad{flex:1;display:flex;flex-direction:column;gap:12px}.pad-info{display:flex;justify-content:space-between;font-weight:800}.timer-text.low{color:#ffd84d}.pad-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.pad-2{grid-template-columns:1fr}.pad-3 .pad-btn:last-child{grid-column:span 2}.pad-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:110px;border:0;border-radius:18px;padding:12px;cursor:pointer;background:var(--ans);color:#fff;font:inherit;font-weight:800;font-size:1.05rem;box-shadow:0 5px #00000040;transition:transform .1s,opacity .15s,outline-color .15s;outline:4px solid transparent;outline-offset:3px}.pad-btn:active:not(:disabled){transform:scale(.96)}.pad-btn:disabled{opacity:.5}.pad-prompt{font-weight:900;letter-spacing:.02em}.read-counter{font-weight:800;background:#ffffff2e;padding:2px 12px;border-radius:999px}.pad-letter{display:inline-flex;align-items:center;gap:6px;font-size:2rem;font-weight:900}.pad-text{line-height:1.2;word-break:break-word}.add-row{display:grid;gap:10px}@media(min-width:600px){.add-row{grid-template-columns:2fr 1fr}}.type-tag{display:inline-block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--brand);margin-bottom:4px}.question-title{display:block}.question-thumb{max-height:90px;max-width:160px;border-radius:10px;margin-bottom:8px;display:block}.estimate-preview{color:var(--good)}.type-switch{display:flex;gap:4px;background:#ece7fb;border-radius:12px;padding:4px}.type-switch button{flex:1;border:0;background:transparent;padding:8px 6px;border-radius:9px;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;color:var(--muted)}.type-switch button.active{background:#fff;color:var(--brand);box-shadow:0 1px 3px #0000001f}.image-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.image-preview img{max-height:140px;max-width:100%;border-radius:12px}.file-btn{position:relative;overflow:hidden;font-weight:700!important;flex-direction:row!important;width:fit-content}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.tf-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tf-btn{min-height:56px;border:3px solid transparent;border-radius:14px;background:var(--ans);color:#fff;font:inherit;font-weight:800;font-size:1.1rem;cursor:pointer;opacity:.45}.tf-btn.active{opacity:1;border-color:var(--text)}.estimate-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.estimate-row label{font-weight:700;display:flex;flex-direction:column;gap:4px;font-size:.9rem}@media(max-width:480px){.estimate-row{grid-template-columns:1fr 1fr}.estimate-row label:last-child{grid-column:span 2}}.time-row{display:flex;flex-wrap:wrap;gap:12px 24px}.import-panel h2{margin:0}.import-panel code{background:#ece7fb;padding:1px 5px;border-radius:5px}.import-panel textarea{font-family:ui-monospace,Menlo,monospace;font-size:.9rem}.import-actions{display:flex;flex-wrap:wrap;gap:8px}.import-preview{font-size:.9rem}.import-errors{margin:4px 0 0;padding-left:0;list-style:none;color:var(--bad);font-weight:600}.result-page{max-width:760px;margin:0 auto}.stat-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.stat-card{display:flex;flex-direction:column;gap:4px}.stat-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.stat-head{display:flex;justify-content:space-between;gap:12px}.pct{font-weight:900;color:var(--good);white-space:nowrap}.pct-low{color:var(--bad)}.dist{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.dist li{display:grid;grid-template-columns:auto minmax(0,1.2fr) 2fr auto;align-items:center;gap:8px;font-size:.9rem}.dist li.correct{font-weight:800}.dist .letter{font-size:.75rem}.dist-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dist-bar{height:10px;background:#ece7fb;border-radius:999px;overflow:hidden}.dist-bar span{display:block;height:100%;background:var(--brand);border-radius:999px}.dist li.correct .dist-bar span{background:var(--good)}.dist-count{min-width:2.5em;text-align:right}.lock-badge{margin-left:1.5cqw;font-size:.8em;background:#00000040;padding:.1em .6em;border-radius:999px}.chip{position:relative}.chip-kick{display:none;margin-left:.4em;border:0;background:var(--bad);color:#fff;border-radius:50%;width:1.3em;height:1.3em;line-height:1;font:inherit;font-size:.8em;cursor:pointer}.chip:hover .chip-kick,.chip-kick:focus{display:inline-block}.remote-qr{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;background:#1d1640e6;text-align:center}.remote-qr>div{background:#fff;color:var(--text);border-radius:3cqh;padding:4cqh 4cqw;max-width:60%;font-size:1.8cqw}.remote-qr h2{font-size:3cqw}.remote-qr img{width:30cqh;height:30cqh;image-rendering:pixelated}.estimate-wait{height:30cqh;display:grid;place-items:center;background:#ffffff1f;border-radius:2cqh;font-size:3.2cqw;font-weight:800}.estimate-icon{font-size:1.2em}.estimate-reveal{height:38cqh;display:grid;grid-template-columns:1fr 1.4fr;gap:2cqw}.estimate-answer{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--good);border-radius:2cqh}.estimate-answer strong{font-size:6cqw;font-weight:900;line-height:1.1}.muted-light{opacity:.75}.closest{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1cqh;justify-content:center}.closest li{display:flex;align-items:center;gap:1.5cqw;background:#ffffff1f;border-radius:1.4cqh;padding:1cqh 1.5cqw;font-size:2.2cqw;font-weight:800}.closest li.in-margin{background:#ffffff40}.closest-rank{width:1.5em;opacity:.7}.closest-name{flex:1}.closest-points{color:#b7f5c9;min-width:4em;text-align:right}.rank-up{color:var(--good);font-weight:900;font-size:.8em}.rank-down{color:var(--bad);font-weight:900;font-size:.8em}.board-list .rank-up,.board-list .rank-down{min-width:2.5em}.streak{font-size:.85em}.remote{min-height:100%;display:flex;flex-direction:column;background:#1d1640;color:#fff;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.remote-center{justify-content:center;align-items:center;gap:16px;text-align:center}.remote-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px}.remote-link{font-size:1.5rem;text-decoration:none}.remote-warn{background:var(--accent);border-radius:10px;padding:8px 12px;font-weight:700;margin-bottom:8px}.remote-paused{background:#ffd84d;color:var(--text);border-radius:10px;padding:8px 12px;font-weight:800;margin-bottom:8px;text-align:center}.remote-toast{background:#fff;color:var(--text);border-radius:10px;padding:8px 12px;font-weight:700;margin-bottom:8px}.remote-body{flex:1;display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.remote-card{background:#ffffff14;border-radius:16px;padding:14px}.remote-card h2{margin:0 0 10px;font-size:1.1rem}.remote-phase{text-align:center;font-weight:800;padding:24px 0}.remote-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.remote-players li{display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border-radius:10px;padding:2px 4px 2px 12px;font-weight:700}.remote-players li.off{opacity:.5}.remote-players .btn-ghost{color:#fff}.remote-qhead{display:flex;justify-content:space-between;font-weight:700;opacity:.85}.remote-timer{font-variant-numeric:tabular-nums;background:#ffffff26;padding:0 10px;border-radius:999px}.remote-qtext{font-size:1.2rem;font-weight:800;margin:8px 0 12px}.remote-answer{font-size:1.3rem;font-weight:900;color:#7ee2a0}.remote-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.remote-options li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#ffffff0f}.remote-options li.correct{background:#24a06159;font-weight:800}.remote-options .letter{font-size:.8rem}.opt-text{flex:1}.opt-count{font-variant-numeric:tabular-nums;opacity:.8}.remote-progress{position:relative;margin-top:12px;height:30px;background:#ffffff1a;border-radius:999px;overflow:hidden}.remote-progress span{position:absolute;inset:0 auto 0 0;background:var(--good);transition:width .3s}.remote-progress em{position:relative;display:block;text-align:center;line-height:30px;font-style:normal;font-weight:800}.remote-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.remote-board li{display:flex;gap:8px;align-items:center;font-weight:700}.remote-board .rank{width:1.8em;opacity:.7}.remote-board .name{flex:1}.remote-board .score{font-variant-numeric:tabular-nums}.remote-controls{position:sticky;bottom:0;display:flex;flex-direction:column;gap:8px;padding-top:8px;background:#1d1640}.remote-controls .btn-big{min-height:64px;font-size:1.3rem}.remote-secondary{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.remote-secondary .btn{color:var(--text)}.play-head{align-items:center}.play-head-right{display:flex;align-items:center;gap:8px}.play-streak{font-weight:900}.play-settings{background:none;border:0;color:inherit;font-size:1.2rem;cursor:pointer;padding:4px;opacity:.8}.a11y-panel{position:absolute;top:48px;right:12px;z-index:15;background:#fff;color:var(--text);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px #00000040;font-weight:700}.a11y-panel input{width:20px;height:20px;vertical-align:middle;accent-color:var(--brand)}.rank-line{margin-top:8px}.rank-line p{margin:0 0 4px}.reveal .rank-up,.reveal .rank-down{color:#fff}.streak-msg{font-weight:900;font-size:1.2rem}.estimate-pad{justify-content:center}.estimate-input{display:flex;flex-direction:column;gap:8px;font-weight:800;text-align:center}.estimate-input input{font-size:2.6rem;font-weight:900;text-align:center;border:0;border-radius:18px;padding:16px}.error-light{color:#ffd84d;font-weight:800;text-align:center;margin:0}.estimate-given{font-size:2.6rem;font-weight:900;background:#ffffff2e;border-radius:18px;padding:8px 20px}.waag{font-size:1.5rem;min-height:64px}.a11y-big{font-size:125%}.a11y-big .pad-text{font-size:1.3rem}.a11y-contrast{background:#000}.a11y-contrast .pad-btn{outline:3px solid #fff;outline-offset:-3px;text-shadow:0 1px 2px #000}.a11y-contrast .muted{color:#fff}.a11y-contrast .ans-c{--ans: #b07800}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.play .btn-ghost{color:#fff}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.theme-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:92px;padding:10px 6px;border:3px solid transparent;border-radius:14px;cursor:pointer;font:inherit;color:#fff;background:var(--swatch, var(--brand));text-shadow:0 1px 2px rgba(0,0,0,.35)}.theme-card.active{border-color:var(--text);box-shadow:0 0 0 3px #fff inset}.theme-emoji{font-size:1.8rem;line-height:1.1}.theme-name{font-weight:800;font-size:.9rem;text-align:center}.theme-count{font-size:.72rem;opacity:.9}.editor-theme{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.editor-theme .theme-grid{width:100%}.new-quiz{max-width:640px;margin:0 auto}.bank-list{list-style:none;margin:0;padding:0;max-height:380px;overflow:auto;border:1px solid var(--border);border-radius:12px}.bank-list li+li{border-top:1px solid var(--border)}.bank-list label{display:flex!important;flex-direction:row!important;gap:10px!important;align-items:flex-start;padding:10px 12px;cursor:pointer;font-weight:500!important}.bank-list input{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--brand)}.bank-list label>span{display:flex;flex-direction:column}.bank-text{font-weight:700}.add-row{grid-template-columns:1fr}@media(min-width:600px){.add-row{grid-template-columns:2fr 1fr 1fr}}.theme-swatch-classic,[data-theme=classic]{--swatch: linear-gradient(160deg, #6a3df0, #2a1380)}.theme-swatch-beach,[data-theme=beach]{--swatch: radial-gradient(circle at 66% 0%, #ffd84d 0 7%, rgba(255,216,77,.25) 7.5% 10%, transparent 10.5%), linear-gradient(180deg, #0b6fa4, #11a0b6 65%, #0e7f8f);--theme-accent: #0b6fa4}.theme-swatch-christmas,[data-theme=christmas]{--swatch: radial-gradient(circle, rgba(255,255,255,.35) 1px, transparent 1.5px) 0 0 / 28px 28px, linear-gradient(160deg, #166534, #0b3d22 55%, #7f1d1d);--theme-accent: #b91c1c}.theme-swatch-halloween,[data-theme=halloween]{--swatch: radial-gradient(circle at 66% 2%, #fde68a 0 5%, transparent 5.5%), linear-gradient(180deg, #1a0b2e, #3b0f4f 60%, #c2410c);--theme-accent: #c2410c}.theme-swatch-sport,[data-theme=sport]{--swatch: repeating-linear-gradient(90deg, #15803d 0 10%, #166534 10% 20%);--theme-accent: #166534}.theme-swatch-music,[data-theme=music]{--swatch: radial-gradient(circle at 20% 80%, rgba(236,72,153,.45), transparent 40%), radial-gradient(circle at 85% 20%, rgba(34,211,238,.35), transparent 40%), linear-gradient(135deg, #0f0c29, #302b63 60%, #24243e);--theme-accent: #db2777}.theme-swatch-animals,[data-theme=animals]{--swatch: linear-gradient(160deg, #14532d, #3f6212 60%, #854d0e);--theme-accent: #3f6212}.theme-swatch-netherlands,[data-theme=netherlands]{--swatch: linear-gradient(160deg, #ea580c, #c2410c 50%, #21468b);--theme-accent: #ea580c}.theme-swatch-world,[data-theme=world]{--swatch: linear-gradient(160deg, #0c4a6e, #075985 50%, #0f766e);--theme-accent: #075985}.theme-swatch-sinterklaas,[data-theme=sinterklaas]{--swatch: radial-gradient(circle at 15% 85%, rgba(250,204,21,.25), transparent 35%), linear-gradient(160deg, #991b1b, #7f1d1d 55%, #78350f);--theme-accent: #991b1b}.theme-swatch-kingsday,[data-theme=kingsday]{--swatch: linear-gradient(180deg, #ae1c28 0 .8%, #fff .8% 1.6%, #21468b 1.6% 2.4%, transparent 2.4%), linear-gradient(160deg, #f97316, #ea580c 55%, #c2410c);--theme-accent: #c2410c}.theme-swatch-film_tv,[data-theme=film_tv]{--swatch: radial-gradient(ellipse at 50% -10%, rgba(255,255,255,.22), transparent 55%), linear-gradient(180deg, #111827, #1f2937 60%, #7f1d1d);--theme-accent: #b91c1c}.theme-swatch-food,[data-theme=food]{--swatch: linear-gradient(160deg, #c2410c, #9a3412 50%, #365314);--theme-accent: #c2410c}.host[data-theme]{background:var(--swatch)}.host[data-theme] .room-code{color:var(--theme-accent, var(--brand))}.host[data-theme] .timer span{background:var(--theme-accent, var(--brand))}.host[data-theme] .timer-low span{background:var(--accent)}.play[data-theme]:not(.play-form):not(.a11y-contrast){background:var(--swatch);background-attachment:fixed}.stage,.play{isolation:isolate}.decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:-1}.decor span{position:absolute;font-size:6cqw;opacity:.22;animation:float 9s ease-in-out infinite}.decor-quiet span{opacity:.1}.play .decor span{font-size:2.6rem;opacity:.18}@keyframes float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}.join-qr img{width:50cqh;height:50cqh}.join-qr-code{letter-spacing:.1em}.reclaims-float{position:absolute;top:2cqh;right:2cqw;z-index:13;max-width:45%}.reclaims{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.reclaims li{background:#fff;color:var(--text);border-radius:12px;padding:8px 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-weight:600;box-shadow:0 4px 16px #0003}.reclaims em{font-weight:400;font-size:.85em}.reclaim-actions{display:flex;gap:6px}