:root{--bg:#fbfaf7;--fg:#1d1b18;--muted:#6b665e;--line:#e2ddd3;--accent:#1f6f5c;--accent-fg:#fff;--danger:#b3261e;--banner-bg:#fff4d6;--banner-fg:#5c4400;--gutter:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Geeza Pro,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151412;--fg:#f1efea;--muted:#a39e94;--line:#34302b;--accent:#4fb89c;--accent-fg:#0d1f1a;--danger:#f2b8b5;--banner-bg:#3a2f10;--banner-fg:#f5dfa0}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}#root{min-block-size:100dvh}.topbar,.screen{max-inline-size:480px;padding-inline:var(--gutter);margin-inline:auto}.topbar{justify-content:flex-end;padding-block-start:max(8px, env(safe-area-inset-top));display:flex}.screen{padding-block:8px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex}h1,h2{margin:0;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.125rem}.brand{margin-block-start:10vh;font-size:2.5rem}.lead{color:var(--muted);margin:0;font-size:1.0625rem}.stack{flex-direction:column;gap:12px;display:flex}.btn{border:1px solid var(--line);min-block-size:52px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:12px;padding-inline:20px;font-size:1.0625rem;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.ghost{color:var(--muted);border-color:#0000}.btn.small{min-block-size:48px;padding-inline:12px;font-size:.9375rem}.btn:focus-visible,.field input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.field{flex-direction:column;gap:6px;font-weight:600;display:flex}.field input{border:1px solid var(--line);background:var(--bg);min-block-size:52px;color:var(--fg);font:inherit;border-radius:12px;padding-inline:14px;font-size:1.125rem}.field input[aria-invalid=true]{border-color:var(--danger)}.hint{color:var(--muted);font-size:.875rem;font-weight:400}.code-input{letter-spacing:.3em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace}.error{color:var(--danger);margin:0}.banner{background:var(--banner-bg);color:var(--banner-fg);border-radius:12px;margin:0;padding:12px 14px}.label{color:var(--muted);margin:0;font-size:.875rem}.code{letter-spacing:.15em;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:2rem;font-weight:700}.code.big{text-align:center;font-size:clamp(3rem,22vw,5.5rem)}.link{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9375rem}.roster{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roster li{border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;min-block-size:48px;padding-inline:14px;font-size:1.0625rem;display:flex}.roster bdi{overflow-wrap:anywhere;min-inline-size:0}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted);margin:0}.roster li.away{opacity:.55}.roster .score{font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:600}.packs{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.pack{border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.pack:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pack input{opacity:0;pointer-events:none;position:absolute}.pack strong{font-size:1.0625rem}.question-text{margin:0;font-size:1.375rem;font-weight:700;line-height:1.35}.bar{background:var(--line);border-radius:999px;block-size:10px;overflow:hidden}.bar>span{block-size:100%;inline-size:calc(var(--fill,1) * 100%);background:var(--accent);display:block}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice{border:2px solid var(--line);min-block-size:96px;color:var(--fg);font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;gap:6px;padding:12px;font-size:1.125rem;font-weight:600;display:flex;position:relative}.choice:disabled{cursor:default}.choice.picked{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.choice.correct{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.choice.dim{opacity:.55}.choice .count{background:color-mix(in srgb, currentColor 25%, transparent);border-radius:999px;block-size:6px;overflow:hidden}.choice .count>span{block-size:100%;inline-size:calc(var(--fill,0) * 100%);background:currentColor;display:block}.choice .count-number{font-size:.875rem;font-weight:400}.result{text-align:center;margin:0;font-size:1.5rem;font-weight:700}.result.good{color:var(--accent)}.result.bad{color:var(--danger)}.board{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.board li{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;min-block-size:44px;padding-inline:12px;display:flex}.board li.me{border-color:var(--accent)}.board .place{min-inline-size:2.5ch;color:var(--muted);font-variant-numeric:tabular-nums}.board .score{font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:600}.podium{justify-content:center;align-items:flex-end;gap:8px;display:flex}.step{background:var(--line);text-align:center;overflow-wrap:anywhere;border-radius:12px 12px 0 0;flex-direction:column;flex:1;justify-content:flex-end;gap:4px;padding:10px 6px;display:flex}.step.first{background:var(--accent);min-block-size:140px;color:var(--accent-fg)}.step.second{min-block-size:110px}.step.third{min-block-size:84px}.hostbar{padding-block:8px max(8px, env(safe-area-inset-bottom));background:var(--bg);gap:8px;display:flex;position:sticky;inset-block-end:0}.hostbar .btn{flex:1}.btn:disabled{opacity:.5;cursor:default}.btn.danger{border-color:var(--danger);color:var(--danger)}.backdrop{z-index:15;background:#00000059;position:fixed;inset:0}.sheet{z-index:20;max-inline-size:480px;padding:16px var(--gutter) max(16px, env(safe-area-inset-bottom));background:var(--bg);border-radius:16px 16px 0 0;flex-direction:column;gap:8px;margin-inline:auto;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.dialog{inset-block-start:50%;inset-inline:var(--gutter);z-index:20;background:var(--bg);border-radius:16px;flex-direction:column;gap:12px;max-inline-size:420px;margin-inline:auto;padding:20px;display:flex;position:fixed;transform:translateY(-50%)}.dialog p{margin:0;font-size:1.0625rem}.overlay{z-index:10;padding:var(--gutter);background:color-mix(in srgb, var(--bg) 94%, transparent);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.overlay p{margin:0;font-size:1.25rem;font-weight:600}a.btn{justify-content:center;align-items:center;text-decoration:none;display:flex}.roster .remove{min-block-size:40px;margin-inline-start:auto}.roster .score+.remove{margin-inline-start:0}