:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef1ff;--muted:#a7abd4;--panel:#0c0e26b8;--panel-border:#96a0ff38;--accent:#5ce8a8;--accent-2:#38e8ff;--gold:#ffd166;--danger:#ff6b88;--radius:14px;color:var(--ink);background:#070b26;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:100%;height:100dvh;position:relative;overflow:hidden}.stage{touch-action:none;width:100%;height:100%;display:block}.hud{padding:max(.75rem, env(safe-area-inset-top)) .75rem .75rem;pointer-events:none;gap:.75rem;display:flex;position:absolute;left:0;right:0}.hud-top{justify-content:space-between;align-items:flex-start;top:0}.hud-bottom{padding-bottom:max(.75rem, env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;bottom:0}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.6rem .8rem;box-shadow:0 12px 32px #03051473}.brand{letter-spacing:.22em;color:var(--accent-2);margin-bottom:.45rem;font-size:.66rem;font-weight:800;display:block}.stats dl{gap:1rem;margin:0;display:flex}.stats dl>div{flex-direction:column;gap:.1rem;display:flex}.stats dt{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.6rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.05rem;font-weight:700}.stats dd.score{color:var(--gold)}.board{min-width:13.5rem}.board-head{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.4rem;display:flex}.board h2{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.66rem;font-weight:800}.online{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.68rem}.dot{border-radius:50%;width:7px;height:7px;margin-right:.3rem;display:inline-block}.dot-live{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot-off{background:var(--danger)}.board ol{gap:.18rem;margin:0;padding:0;list-style:none;display:grid}.board li{border-radius:7px;grid-template-columns:1.1rem 1fr auto;align-items:center;gap:.5rem;padding:.16rem .3rem;font-size:.82rem;display:grid}.board li.you{background:#5ce8a824;outline:1px solid #5ce8a859}.board li.empty{color:var(--muted);font-size:.78rem;display:block}.rank{color:var(--muted);font-variant-numeric:tabular-nums}.who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pts{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:700}.hint{pointer-events:none;color:var(--muted);background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;margin:0;padding:.35rem .8rem;font-size:.76rem}kbd{text-align:center;min-width:1.35rem;font:inherit;color:var(--ink);background:#ffffff12;border:1px solid #b4beff4d;border-radius:5px;margin:0 .08rem;padding:.05rem .32rem;font-size:.72rem;display:inline-block}button{font:inherit;cursor:pointer;color:#071023;background:linear-gradient(180deg, var(--accent) 0%, #34c98a 100%);border:1px solid #0000;border-radius:10px;padding:.55rem 1rem;font-weight:700;transition:transform 80ms,filter .15s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button.ghost{pointer-events:auto;background:var(--panel);border-color:var(--panel-border);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.35rem .8rem;font-size:.76rem;font-weight:600}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.touch{padding:0 1rem max(1.4rem, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute;inset:auto 0 0}.touch-cluster{pointer-events:none;gap:.7rem;display:flex}.pad{pointer-events:auto;touch-action:none;width:4.6rem;height:4.6rem;color:var(--ink);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e122e9e;border-radius:50%;place-items:center;font-size:1.3rem;display:grid}.pad-wide{background:#38e8ff2e;border-color:#38e8ff73;width:6rem;height:6rem}.pad:active{background:#5ce8a852}@media (pointer:coarse){.touch{display:flex}.hint{display:none}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(120% 90% at 50% 0,#06081c8c,#040614e0);place-items:center;padding:1rem;display:grid;position:absolute;inset:0;overflow:auto}.card{border:1px solid var(--panel-border);background:linear-gradient(#131636ed,#0b0d24f2);border-radius:20px;width:min(40rem,100%);padding:clamp(1.2rem,4vw,2.2rem);box-shadow:0 30px 80px #02030eb3}.card.compact{text-align:center;width:min(26rem,100%)}.card.compact h2{margin:0 0 .4rem;font-size:1.2rem}.card.compact p{color:var(--muted);margin:0 0 1rem}.card.compact .row{justify-content:center}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-2);margin:0;font-size:.68rem;font-weight:800}.card h1{letter-spacing:-.045em;background:linear-gradient(100deg, var(--accent) 0%, var(--accent-2) 45%, var(--gold) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:.35rem 0 .6rem;font-size:clamp(2.6rem,9vw,4.2rem);line-height:.95}.card h1 span{margin-left:.12em;display:inline-block}.lede{color:var(--muted);max-width:34rem;margin:0 0 1.3rem;line-height:1.5}label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:block}.row{flex-wrap:wrap;gap:.6rem;display:flex}input{min-width:0;font:inherit;border:1px solid var(--panel-border);color:var(--ink);background:#06081abf;border-radius:10px;flex:12rem;padding:.6rem .85rem}input::placeholder{color:#a7abd48c}input[aria-invalid=true]{border-color:var(--danger)}.help,.error{color:var(--muted);margin:.5rem 0 0;font-size:.78rem}.error{color:var(--danger)}.how{border-top:1px solid var(--panel-border);margin-top:1.5rem;padding-top:1.1rem}.how h2{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem;font-size:.7rem}.how ul{color:var(--muted);gap:.4rem;margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.45;display:grid}.how strong{color:var(--ink)}.fineprint{color:#a7abd4b3;margin:1.1rem 0 0;font-size:.72rem}@media (max-width:640px){.hud-top{flex-direction:column}.board{width:100%;min-width:0}.stats dl{gap:.75rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}