:root{--bg:#12141f;--surface:#10121edb;--surface-2:#ffffff17;--border:#ffffff24;--text:#f6f3ea;--muted:#b8b3c7;--accent:#f5b83d;--accent-text:#241800;--accent-shadow:#a8741a;--blue:#3f7fe0;--blue-shadow:#244c8f;--danger:#ff5a5f;--ok:#4cd98a;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 40%, #6a2a3c, #1d3560 55%, var(--bg));color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0}.background{z-index:-1;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.screen{max-width:480px;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}h1,h2{margin:0}h2{margin-bottom:12px;font-size:1.1rem}.title{text-align:center;color:var(--accent);text-shadow:0 4px #000a,0 0 18px #0008;font-size:2.4rem;font-weight:900}.center{text-align:center}.muted{color:var(--muted);margin:0}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);padding:16px;box-shadow:0 6px #0007}.stack{flex-direction:column;gap:14px;display:flex}label{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input:not([type=checkbox]):not([type=radio]),select,textarea{font:inherit;border:2px solid var(--border);color:var(--text);background:#00000073;border-radius:12px;outline:none;padding:14px;font-size:1.1rem}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical}select option{background:#1b1d2c}input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0}.code-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-size:1.6rem;font-weight:700}.button{width:100%;font:inherit;background:var(--accent);color:var(--accent-text);box-shadow:0 5px 0 var(--accent-shadow);cursor:pointer;text-align:center;border:none;border-radius:12px;padding:16px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:block}.button:active:not(:disabled){box-shadow:0 1px 0 var(--accent-shadow);transform:translateY(4px)}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{background:var(--blue);color:#fff;box-shadow:0 5px 0 var(--blue-shadow)}.button.secondary:active:not(:disabled){box-shadow:0 1px 0 var(--blue-shadow)}.button.danger{color:var(--danger);border:2px solid var(--danger);box-shadow:none;background:#00000080}.link-button{font:inherit;color:var(--danger);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:.9rem}.divider{text-align:center;color:var(--text);text-shadow:0 2px 4px #000;font-weight:700}.error{color:#fff;text-align:center;background:#96141ed9;border-radius:12px;margin:0;padding:10px 12px}.screen>.muted,.join-url,.waiting{color:var(--text);text-shadow:0 2px 6px #000}.notice{color:#ffe9a3;background:#3a2f00;border-radius:12px;padding:12px 14px;font-size:.9rem;line-height:1.4}.join-url{word-break:break-all;margin:0;font-size:1.1rem;font-weight:600}.room-code{text-align:center;letter-spacing:.2em;color:var(--accent);text-shadow:0 5px #000a,0 0 20px #0009;font-size:4rem;font-weight:800;line-height:1}.qr{background:#fff;border-radius:12px;width:200px;height:200px;margin:0 auto}.waiting{font-size:1.2rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.players{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.players li{background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.players li.offline .player-name{color:var(--muted)}.player-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.on{background:var(--ok)}.dot.off{background:var(--muted)}.screen.wide{max-width:760px;padding-bottom:96px}.no-margin{margin:0}.small{font-size:.85rem}.pre{white-space:pre-line;text-align:left}.on-bg{color:var(--text);text-shadow:0 2px 6px #000;margin:0}.hint{color:var(--muted);margin:0;font-size:.85rem;line-height:1.4}.field-label{color:var(--muted);font-size:.9rem}.stack-sm{flex-direction:column;gap:8px;display:flex}.tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.back-link{color:var(--text);text-shadow:0 2px 6px #000;font-weight:700;text-decoration:none}.link-button.inline{color:var(--accent);margin:0;padding:0 4px}.button.small{width:auto;box-shadow:0 3px 0 var(--accent-shadow);padding:10px 14px;font-size:.95rem}.button.secondary.small{box-shadow:0 3px 0 var(--blue-shadow)}.button.danger.small,.button.ghost,.button.ghost.small{box-shadow:none}.button.ghost{background:var(--surface-2);color:var(--text);border:2px dashed var(--border)}.file-button{align-self:flex-start}.file-button.disabled{opacity:.5;pointer-events:none}.icon-button{font:inherit;border:2px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;background:#00000059;border-radius:10px;flex-shrink:0;font-weight:700}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button.danger{color:var(--danger)}.quiz-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.quiz-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-info{flex-direction:column;gap:4px;min-width:0;display:flex}.quiz-actions{flex-wrap:wrap;gap:8px;display:flex}.title-label{color:var(--text);text-shadow:0 2px 6px #000}.title-input{font-weight:800;font-size:1.4rem!important}.round-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.round-name{flex:1;min-width:160px;font-weight:800;color:var(--accent)!important}.scoring-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.scoring-row label{flex:1;min-width:120px}.scoring-chip{color:var(--accent);padding:6px 4px;font-size:1.6rem;font-weight:900}.q-card{border:2px solid var(--border);background:#00000040;border-radius:12px}.q-card.open{border-color:var(--accent)}.q-summary{width:100%;font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px;display:flex}.q-num{color:var(--accent);font-weight:800}.q-type{background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.75rem}.q-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.q-warn{background:var(--danger);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-weight:900;display:grid}.q-body{padding:0 12px 14px}.option-row{align-items:center;gap:8px;display:flex}.option-row input:not([type=checkbox]):not([type=radio]){flex:1;min-width:0;padding:10px 12px;font-size:1rem}.option-letter{background:var(--surface-2);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.problems{color:#ffb3b5;margin:0;padding-left:20px;font-size:.9rem}.problems-card summary{cursor:pointer;color:#ffb3b5;font-weight:700}.problems-card .problems{margin-top:10px}.photo-preview{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.photo-preview img{border-radius:10px;max-width:100%;max-height:220px}.save-bar{padding:12px 16px max(12px, env(safe-area-inset-bottom));border-top:2px solid var(--border);z-index:5;background:#0a0b14eb;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.save-status{color:var(--muted)}.room-tag{text-align:center;color:var(--text);text-shadow:0 2px 6px #000;margin:0;font-size:.85rem}.end-link{text-shadow:0 2px 6px #000;align-self:center;margin:24px 0 0}.q-meta{text-align:center;color:var(--accent);text-shadow:0 2px 6px #000;margin:0;font-weight:700}.question-text{text-align:center;color:var(--text);text-shadow:0 3px #000a,0 0 16px #000a;margin:0;font-size:1.6rem;line-height:1.25}.question-text.small{font-size:1.2rem}.timer{border:2px solid var(--border);background:#0000008c;border-radius:999px;height:28px;position:relative;overflow:hidden}.timer-bar{background:var(--ok);transform-origin:0;transition:transform .1s linear;position:absolute;inset:0}.timer.urgent .timer-bar{background:var(--danger)}.timer-secs{text-align:center;text-shadow:0 1px 3px #000;font-weight:900;line-height:24px;display:block;position:relative}.times-up{text-align:center;color:var(--danger);text-shadow:0 2px 6px #000;margin:0;font-size:1.4rem;font-weight:900}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{min-height:72px;font:inherit;text-align:left;color:#fff;cursor:pointer;overflow-wrap:anywhere;border:none;border-radius:14px;align-items:center;gap:10px;padding:12px;font-size:1.05rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 5px #0008}.choice:active{transform:translateY(4px);box-shadow:0 1px #0008}.choice-letter{background:#0000004d;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.c0{background:#d63a4a}.c1{background:#2f6fd6}.c2{background:#c98a14}.c3{background:#2a9d5c}.c4{background:#8a4fd6}.c5{background:#1a9aa8}.c6{background:#d6662f}.c7{background:#c43f8f}.choice.toggle{border:2px solid var(--border);background:#10121ee6}.choice.toggle.picked{background:var(--blue);border-color:#fff}.alphabet{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.letter-y{grid-column-start:2}.letter{aspect-ratio:1.5;font:inherit;color:var(--accent-text);background:var(--accent);box-shadow:0 4px 0 var(--accent-shadow);cursor:pointer;border:none;border-radius:12px;font-size:1.4rem;font-weight:900}.letter:active{box-shadow:0 1px 0 var(--accent-shadow);transform:translateY(3px)}.number-entry{align-items:center;gap:10px;display:flex}.number-entry input{text-align:center;flex:1;min-width:0;font-weight:800;font-size:1.6rem!important}.unit{text-shadow:0 2px 6px #000;font-weight:700}.locked-in{text-align:center;background:var(--surface);border:2px solid var(--ok);border-radius:var(--radius);padding:20px}.locked-in p{margin:4px 0}.locked-title{color:var(--ok);font-size:1.4rem;font-weight:900}.photo-overlay{z-index:20;cursor:pointer;font:inherit;background:#05060cf0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:fixed;inset:0}.photo-overlay-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:calc(100dvh - 100px)}.photo-hint{color:var(--text);font-weight:700}.photo-loading{color:var(--muted);text-align:center;padding:40px}.host-photo{object-fit:contain;border-radius:12px;max-width:100%;max-height:50vh;margin:0 auto}.preview-options{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.preview-options li{color:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.preview-options.plain li{background:var(--surface);border:2px solid var(--border)}.preview-options li.right{background:#1f8a50;border:2px solid #7dffb5}.preview-options li.wrong{color:var(--muted);background:#10121ed9;border:2px solid #0000}.preview-options li.missed{background:#c07a12;border:2px solid #ffd27a}.preview-options li.wiped{background:#a3283a;border:2px solid #ff9aa5}.choice-letter.truth.yes{color:#b6ffd5;background:#0d5c31}.choice-letter.truth.no{color:#ffc2c8;background:#5a1520}.stat-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stat{border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:2px;min-width:100px;padding:14px 10px;display:flex}.stat.good{border-color:#7dffb5}.stat.ok{border-color:#ffd27a}.stat.bad{border-color:#ff9aa5}.stat-value{font-size:2rem;font-weight:900;line-height:1.1}.stat-label{color:var(--muted);text-align:center;font-size:.85rem}.winner-banner{text-align:center;border-radius:var(--radius);background:var(--accent);color:var(--accent-text);box-shadow:0 6px 0 var(--accent-shadow);padding:16px;animation:.35s ease-out pop-in}.winner-banner p{margin:2px 0}.winner-label{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.winner-name{font-size:1.8rem;font-weight:900}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}.board{scrollbar-width:none;border-radius:var(--radius);max-height:calc(100dvh - 240px);overflow-y:auto}.board::-webkit-scrollbar{display:none}.board .standings li{background:var(--surface);border:2px solid var(--border);padding:14px;font-size:1.1rem;animation:.45s ease-out rise-in}.board .standings li.first{background:var(--accent);color:var(--accent-text);border-color:#fff3c4}.board .standings li.first .rank{color:var(--accent-text)}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.board .standings li,.winner-banner{animation:none}}.mine-tag{background:#0006;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.75rem}.sequence-answer{background:#1f8a50;border:2px solid #7dffb5;border-radius:12px;margin:0;padding:12px 12px 12px 40px;font-weight:700;line-height:1.8}.big-answer{background:#1f8a50;border:2px solid #7dffb5;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px;font-weight:700;display:flex}.big-letter,.big-number{font-size:3rem;font-weight:900;line-height:1}.result-banner{text-align:center;border-radius:var(--radius);border:2px solid var(--border);padding:18px;box-shadow:0 6px #0007}.result-banner p{margin:4px 0}.result-title{font-size:2rem;font-weight:900}.result-banner.good{background:#1f8a50}.result-banner.ok{background:#b07a12}.result-banner.bad{background:#a3283a}.standings{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.standings li{background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.standings li.me{outline:2px solid var(--accent)}.standings li.good{background:#1f8a508c}.standings .rank{width:36px;color:var(--accent);flex-shrink:0;font-weight:800}.standings .player-name{flex:1;min-width:0}.answer-text{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.gain{color:var(--ok);font-size:.9rem;font-weight:700}.points{text-align:right;min-width:40px;font-weight:900}.my-place{color:var(--text);text-shadow:0 2px 6px #000;flex-direction:column;align-items:center;gap:4px;font-weight:700;display:flex}.big-place{color:var(--accent);text-shadow:0 5px #000a;font-size:4rem;font-weight:900;line-height:1}.big-text{font-size:1.2rem}.round-intro{flex-direction:column;gap:10px;padding:24px 0;display:flex}.scoring-big{text-align:center;color:var(--accent);text-shadow:0 6px #000a,0 0 24px #0009;font-size:5rem;font-weight:900;line-height:1}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;display:grid}.podium-step{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.podium-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px #000;max-width:100%;font-weight:800;overflow:hidden}.podium-score{text-shadow:0 2px 6px #000;font-size:.9rem}.podium-block{width:100%;color:var(--accent-text);border-radius:12px 12px 0 0;place-items:center;font-size:1.6rem;font-weight:900;display:grid;box-shadow:0 6px #0007}.place-1 .podium-block{background:var(--accent);height:140px}.place-2 .podium-block{background:#c9ced8;height:100px}.place-3 .podium-block{background:#d38b4f;height:72px}