:root{--bg: #0f172a;--bg-glow: #1e293b;--card: rgba(30, 41, 59, .7);--border: rgba(148, 163, 184, .15);--text: #e2e8f0;--muted: #94a3b8;--faint: #64748b;--accent: #22d3ee;--accent-2: #a78bfa;--cta-hover: #0e7490;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,var(--bg-glow),var(--bg) 60%);min-height:100vh;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;padding:2rem 1.5rem;text-align:center}.card{width:100%;max-width:460px;background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px #00000073;padding:2.75rem 2.5rem}.brand{margin:0 0 .35rem;font-size:clamp(2.25rem,7vw,3.25rem);letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0 0 2rem;color:var(--muted);line-height:1.5}.entry{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.field-label{font-size:.85rem;letter-spacing:.02em;color:var(--muted);text-align:left}.pin-input{width:100%;padding:.9rem 1rem;font-size:clamp(1.6rem,6vw,2.1rem);font-weight:600;letter-spacing:.4em;text-align:center;color:var(--text);background:#0f172a99;border:1px solid var(--border);border-radius:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.pin-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee2e}.hint{margin:0 0 1rem;font-size:.8rem;color:var(--faint)}.cta{appearance:none;border:none;cursor:pointer;padding:.85rem 1rem;font-size:1.05rem;font-weight:600;color:#06121a;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:12px;transition:transform .08s ease,opacity .15s ease,box-shadow .15s ease}.cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #22d3ee38}.cta:active:not(:disabled){transform:translateY(0)}.cta:disabled{opacity:.45;cursor:not-allowed}.footer{font-size:.85rem}.footer-link{color:var(--accent);text-decoration:none;opacity:.85;transition:opacity .15s ease}.footer-link:hover{opacity:1;text-decoration:underline}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.app-shell{width:100%;max-width:720px}.card--wide{max-width:720px;text-align:left}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.screen-head-meta{display:flex;align-items:center;gap:.6rem}.block-title{margin:0;font-size:1.5rem;letter-spacing:-.01em;color:var(--text)}.block-subtitle{margin:0 0 .6rem;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.block{padding:1.1rem 0;border-top:1px solid var(--border)}.block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.btn{appearance:none;cursor:pointer;padding:.55rem 1rem;font-size:.95rem;font-weight:600;color:var(--text);background:#94a3b81f;border:1px solid var(--border);border-radius:10px;transition:background .15s ease,transform .08s ease}.btn:hover:not(:disabled){background:#94a3b833}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{background:transparent}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;padding:0}.link-btn:hover{text-decoration:underline}.back{background:none;border:none;color:var(--muted);cursor:pointer;padding:0;margin-bottom:1rem;font-size:.9rem}.back:hover{color:var(--text)}.text-input,.textarea{width:100%;padding:.7rem .85rem;font-size:1rem;color:var(--text);background:#0f172a99;border:1px solid var(--border);border-radius:10px;outline:none;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5}.text-input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee2e}.form-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.muted{color:var(--muted);line-height:1.5;margin:.4rem 0}.small{font-size:.8rem}.big{font-size:1.15rem}.error{color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.3);padding:.6rem .85rem;border-radius:10px;margin:.8rem 0;font-size:.9rem}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--faint)}.pill--open{color:#6ee7b7;border-color:#6ee7b74d}.pill--open:before{background:#34d399}.pill--connecting{color:#fcd34d;border-color:#fcd34d4d}.pill--connecting:before{background:#fbbf24}.pill--closed{color:#fca5a5;border-color:#fca5a54d}.pill--closed:before{background:#f87171}.game-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.game-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem;background:#0f172a80;border:1px solid var(--border);border-radius:10px}.game-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:.5rem 0 1rem}.lobby-head{display:flex;align-items:center;gap:.6rem}.lobby-title{margin:0;font-size:1.4rem}.qr-wrap{background:#fff;padding:12px;border-radius:14px;margin:.6rem 0;display:flex}.qr-wrap svg{display:block}.pin-big{font-size:clamp(2.2rem,8vw,3rem);font-weight:700;letter-spacing:.25em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.participants{color:var(--muted);font-size:1rem;margin:.3rem 0 1rem}.q-view{display:flex;flex-direction:column;gap:1rem}.q-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.9rem}.q-progress{text-transform:uppercase;letter-spacing:.05em}.q-timer{font-size:1.4rem;font-weight:700;color:var(--accent);min-width:2.5rem;text-align:right;font-variant-numeric:tabular-nums}.q-timer--low{color:#f87171;animation:kky-pulse 1s ease-in-out infinite}@keyframes kky-pulse{0%,to{opacity:1}50%{opacity:.5}}.q-title{margin:0;font-size:1.35rem;line-height:1.35}.options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}@media(max-width:480px){.options{grid-template-columns:1fr}}.option{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-radius:12px;border:2px solid var(--border);background:#0f172a80;text-align:left;cursor:pointer;font:inherit;color:var(--text);transition:border-color .12s ease,transform .08s ease,background .12s ease}.option:hover:not(.option--disabled){transform:translateY(-1px);border-color:var(--accent)}.option--spectate{cursor:default;flex-wrap:wrap}.option--spectate:hover{transform:none}.option-index{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#06121a;font-weight:700;flex:none}.option-text{flex:1;font-weight:500;word-break:break-word}.option-stat{display:flex;align-items:center;gap:.5rem;width:100%;margin-top:.3rem}.stat-bar{flex:1;height:8px;background:#94a3b826;border-radius:999px;overflow:hidden}.stat-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .3s ease}.option-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem;min-width:2rem;text-align:right}.option-mark{font-size:.8rem;font-weight:700;color:var(--muted)}.option--chosen{border-color:var(--accent);background:#22d3ee1f}.option--disabled{cursor:default}.option--correct{border-color:#34d399;background:#34d39929}.option--correct .option-index{background:#34d399}.option--correct .option-mark{color:#6ee7b7}.option--wrong{border-color:#f87171;background:#f8717124}.option--wrong .option-index{background:#f87171;color:#1f1414}.option--wrong .option-mark{color:#fca5a5}.scoreboard{margin-top:1.2rem}.score-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.score-row{display:flex;align-items:center;gap:.8rem;padding:.6rem .85rem;background:#0f172a80;border:1px solid var(--border);border-radius:10px}.score-row.me{border-color:var(--accent);background:#22d3ee1a}.score-row .rank{font-weight:700;color:var(--accent);min-width:2rem;font-variant-numeric:tabular-nums}.score-row .nick{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row .score{font-variant-numeric:tabular-nums;font-weight:700}.results-summary{display:flex;flex-wrap:wrap;gap:1.2rem;color:var(--muted);margin-bottom:1rem}.results-table{width:100%;border-collapse:collapse;font-size:.9rem}.results-table th,.results-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border)}.results-table th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.results-table tbody tr:first-child td{color:var(--accent);font-weight:700}.player-final{display:flex;flex-direction:column;gap:.6rem}