:root{--bg: #070712;--pink: #ff3cac;--cyan: #00f5d4;--gold: #ffd60a;--text: #f4f7ff;--muted: #9aa3c7}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:#070712;color:var(--text);font-family:Rajdhani,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(circle at 20% 0%,rgba(255,60,172,.18),transparent 42%),radial-gradient(circle at 80% 10%,rgba(0,245,212,.12),transparent 38%),radial-gradient(circle at top,#24143f,var(--bg) 58%)}#lobby.screen-hidden,#play-ui.screen-hidden{visibility:hidden;pointer-events:none}.landing{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;max-width:420px;margin:0 auto}.hero-wrap{margin:0 auto 12px;width:min(100%,300px);border-radius:24px;overflow:hidden;box-shadow:0 18px 40px #00000073,0 0 0 1px #ffffff14}.hero-art{display:block;width:100%;height:auto}.hero-art-compact{width:min(100%,180px);margin:0 auto 8px;border-radius:18px;box-shadow:0 10px 24px #00000059}.kicker{color:var(--cyan);letter-spacing:.22em;font-size:12px;text-transform:uppercase;text-align:center}.title,h1.title{font-family:Bebas Neue,sans-serif;font-size:clamp(42px,11vw,56px);letter-spacing:.03em;line-height:.95;margin:8px 0 16px;text-align:center}.score-title{font-size:clamp(72px,20vw,96px);color:var(--gold)}.card{background:#0c1028d1;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px}.card-compact{padding:16px}.live-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.live-tag{padding:6px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:13px;letter-spacing:.04em}.handle-field{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;border-radius:14px;padding:0 16px}.handle-prefix{color:var(--muted);font-size:20px}.handle-field input{border:0;background:transparent;padding:14px 0}.handle-display{font-family:Bebas Neue,sans-serif;font-size:42px;text-align:center;color:var(--cyan);margin:4px 0 16px}.ghost.danger{color:#ff8ba7;border-color:#ff8ba759}label{display:block;color:var(--muted);margin-bottom:8px}input{width:100%;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:var(--text);border-radius:14px;padding:14px 16px;font:inherit;font-size:20px}button{font:inherit;border:0;cursor:pointer}.primary,.gift{width:100%;margin-top:14px;border-radius:14px;padding:14px 16px;font-size:18px;font-weight:700}.primary{background:linear-gradient(135deg,var(--pink),#7b2cbf);color:#fff}.gift{background:linear-gradient(135deg,#ffd60a,#ff8c00);color:#1a1000}.dev-gifts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.dev-gifts .gift{width:100%;margin-top:0;font-size:14px;padding:10px 8px}.tiktok{width:100%;margin-top:14px;border-radius:14px;padding:16px;font-size:18px;font-weight:700;background:#fff;color:#010101}.ghost{width:100%;margin-top:10px;border-radius:14px;padding:12px 16px;font-size:15px;background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.16)}.position{font-family:Bebas Neue,sans-serif;font-size:84px;text-align:center;color:var(--gold);line-height:.9;margin:4px 0 8px}.queue-tip{color:var(--muted);text-align:center;font-size:15px;line-height:1.35;margin-bottom:4px}.hint,.status{color:var(--muted);text-align:center}.status{margin-top:10px;color:var(--cyan)}#play-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100dvh;overflow:hidden;background:#fdf5e6;touch-action:none}#game-root{width:100%;height:100%;overflow:hidden;background:#fdf5e6}#game-root canvas{display:block;width:100%!important;height:100%!important}.lights-out{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:#000;opacity:0}.lights-out.is-on{animation:lights-flicker-in .55s steps(6,end) forwards}.lights-out.is-off{animation:lights-flicker-out .45s steps(5,end) forwards}@keyframes lights-flicker-in{0%{opacity:0}12%{opacity:.25}20%{opacity:.05}35%{opacity:.6}48%{opacity:.15}62%{opacity:.85}78%{opacity:.35}to{opacity:.55}}@keyframes lights-flicker-out{0%{opacity:.55}20%{opacity:.4}35%{opacity:.8}55%{opacity:.1}70%{opacity:.45}to{opacity:0}}.hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.hud div{background:#070712b8;border-radius:14px;padding:8px 12px;min-width:110px}.hud span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#c9cfe8}.hud strong{font-family:Bebas Neue,sans-serif;font-size:32px;color:var(--gold);line-height:1}.banner{position:absolute;left:50%;top:18%;transform:translate(-50%);z-index:2;padding:10px 18px;border-radius:999px;background:#070712cc;font-weight:700;letter-spacing:.12em;pointer-events:none}.banner.countdown{top:44%;transform:translate(-50%,-50%);min-width:140px;padding:20px 36px;border-radius:28px;font-family:Bebas Neue,sans-serif;font-size:clamp(96px,28vw,140px);line-height:.9;letter-spacing:.04em;text-align:center;color:var(--gold);background:#070712e0;border:3px solid rgba(0,245,212,.55);box-shadow:0 12px 40px #00000073;animation:countdown-pop .35s ease-out}@keyframes countdown-pop{0%{transform:translate(-50%,-50%) scale(.72);opacity:.4}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.arrows{position:absolute;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:12px;z-index:3}.arrows button{height:96px;border-radius:24px;background:#0c1028c7;color:#fff;font-size:42px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:1px solid rgba(255,255,255,.14)}.arrows button.is-down{background:#00f5d452}#pad-right.is-down{background:#ff3cac59}