:root{--bg: #07030f;--bg-2: #0d0221;--panel: #120a24;--panel-2: #180d31;--panel-3: #1f1340;--line: #2a1b4d;--line-bright: #3c2a66;--cyan: #53eafd;--cyan-deep: #1fb9d4;--magenta: #e12afb;--magenta-deep: #a814c4;--gold: #ffd23f;--gold-deep: #c79a16;--lime: #b4ff3d;--danger: #ff4d6d;--ink: #f3f1fb;--ink-2: #c4bedd;--muted: #8a82ad;--muted-dim: #5f587e;--on-accent: #0a0418;--f-display: "Orbitron", ui-sans-serif, system-ui, sans-serif;--f-body: "Exo 2", ui-sans-serif, system-ui, sans-serif;--f-mono: "Space Mono", ui-monospace, monospace;--t-hero: clamp(2.6rem, 12vw, 3.4rem);--t-xl: 1.75rem;--t-lg: 1.3rem;--t-md: 1.05rem;--t-base: .95rem;--t-sm: .82rem;--t-xs: .7rem;--t-micro: .6rem;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--ease: cubic-bezier(.22,.61,.36,1);--ease-out: cubic-bezier(.16,1,.3,1);--dur-fast: .16s;--dur: .26s;--dur-slow: .42s;--glow-cyan: 0 0 6px rgba(83,234,253,.55), 0 0 18px rgba(83,234,253,.3);--glow-magenta: 0 0 6px rgba(225,42,251,.55), 0 0 20px rgba(225,42,251,.3);--glow-gold: 0 0 6px rgba(255,210,63,.5), 0 0 16px rgba(255,210,63,.28);--glow-lime: 0 0 6px rgba(180,255,61,.5), 0 0 16px rgba(180,255,61,.28);--text-sink: 0 1px 2px rgba(0,0,0,.85), 0 0 1px rgba(0,0,0,.9)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--f-body);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2.5px solid var(--cyan);outline-offset:3px;border-radius:4px}::selection{background:#53eafd4d;color:#fff}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.crisp{color:var(--ink);text-shadow:var(--text-sink)}#app{position:fixed;inset:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--bg);background-image:radial-gradient(900px 500px at 12% -5%,rgba(225,42,251,.07),transparent 60%),radial-gradient(900px 600px at 95% 8%,rgba(83,234,253,.06),transparent 55%)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:56px;padding:0 var(--s-6);border-radius:var(--r-pill);font-family:var(--f-display);font-weight:700;letter-spacing:.06em;font-size:var(--t-sm);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;user-select:none;text-transform:uppercase;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,#6ff0ff,var(--cyan-deep));color:var(--on-accent);box-shadow:0 0 0 1px #ffffff59 inset,var(--glow-cyan),0 10px 24px -8px #53eafd80}.btn-primary.pulse{animation:ctaPulse 2.6s var(--ease) infinite}@keyframes ctaPulse{0%,to{box-shadow:0 0 0 1px #ffffff59 inset,0 0 6px #53eafd80,0 0 18px #53eafd47,0 10px 24px -8px #53eafd80}50%{box-shadow:0 0 0 1px #ffffff73 inset,0 0 12px #53eafdcc,0 0 34px #53eafd80,0 12px 30px -8px #53eafda6}}.btn-ghost{background:#53eafd0f;color:var(--cyan);border:1.5px solid rgba(83,234,253,.4);min-height:52px}.btn-ghost:hover{background:#53eafd1f;box-shadow:var(--glow-cyan)}.btn-magenta{background:linear-gradient(180deg,#f06dff,var(--magenta-deep));color:#fff;box-shadow:0 0 0 1px #ffffff4d inset,var(--glow-magenta),0 10px 24px -8px #e12afb80}.btn-block{width:100%}.btn[disabled],button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4);transform:none!important}.linkbtn{font-family:var(--f-body);font-weight:600;font-size:var(--t-sm);color:var(--cyan);letter-spacing:.02em;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);display:inline-flex;align-items:center;gap:6px;min-height:44px;background:none;border:none;cursor:pointer}.linkbtn:hover{text-decoration:underline;text-underline-offset:3px}.iconbtn{width:44px;height:44px;border-radius:var(--r-pill);display:grid;place-items:center;background:#ffffff0a;border:1px solid var(--line);transition:background var(--dur),border-color var(--dur);flex-shrink:0}.iconbtn:hover{background:#ffffff17;border-color:var(--line-bright)}.iconbtn svg{stroke:var(--ink-2)}.iconbtn.on{border-color:#53eafd8c;background:#53eafd1a}.iconbtn.on svg{stroke:var(--cyan)}.toggle{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4) 0 var(--s-3);border-radius:var(--r-pill);border:1px solid var(--line);background:#ffffff08;font-size:var(--t-sm);font-weight:600;color:var(--ink-2);transition:all var(--dur) var(--ease);cursor:pointer;white-space:nowrap}.toggle .sw{width:34px;height:20px;border-radius:var(--r-pill);background:var(--panel-3);position:relative;flex:none;border:1px solid var(--line-bright);transition:background var(--dur)}.toggle .sw:after{content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform var(--dur) var(--ease-out),background var(--dur)}.toggle[aria-pressed=true]{border-color:#53eafd80;color:var(--cyan);background:#53eafd14}.toggle[aria-pressed=true] .sw{background:#53eafd47}.toggle[aria-pressed=true] .sw:after{transform:translate(14px);background:var(--cyan);box-shadow:var(--glow-cyan)}.s-start{background:var(--bg);background-image:radial-gradient(120% 80% at 50% 115%,rgba(225,42,251,.25),transparent 55%),linear-gradient(180deg,#07030f 8%,#15052b 62%,#2a0940)}.start-top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-5) 0;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:var(--s-2)}.brand .glyph{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:1.5px solid var(--cyan);box-shadow:var(--glow-cyan);background:#53eafd14}.brand .glyph svg{stroke:var(--cyan)}.brand .wordmark{font-family:var(--f-display);font-weight:900;font-size:var(--t-sm);letter-spacing:.14em}.brand .wordmark b{color:var(--cyan);text-shadow:var(--glow-cyan)}.start-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-5) var(--s-5) 0;text-align:center;position:relative;z-index:2}.start-hero .creator{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-shadow:var(--glow-gold);margin-bottom:var(--s-4)}.start-hero .creator:before,.start-hero .creator:after{content:"//";color:var(--muted-dim);margin:0 8px;text-shadow:none}.start-hero h2{font-family:var(--f-display);font-weight:900;font-size:var(--t-hero);line-height:.92;letter-spacing:.01em;margin-bottom:var(--s-3)}.start-hero h2 .l1{display:block;color:var(--ink)}.start-hero h2 .l2{display:block;color:var(--magenta);text-shadow:var(--glow-magenta)}.start-hero .tagline{color:var(--ink-2);font-size:var(--t-base);max-width:26ch;margin:0 auto var(--s-5)}.pb-chip{display:inline-flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);padding:var(--s-2) var(--s-4) var(--s-2) var(--s-3);border-radius:var(--r-pill);background:#120a24b8;border:1px solid var(--line-bright);backdrop-filter:blur(6px)}.pb-chip svg{stroke:var(--gold)}.pb-chip .lbl{font-size:var(--t-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.pb-chip .val{font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm)}.pb-chip .val em{color:var(--cyan);font-style:normal}.start-actions{flex:none;padding:0 var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-3);position:relative;z-index:2}.start-actions .mini-row{display:flex;gap:var(--s-3);justify-content:center;margin-top:var(--s-1)}.hero-accent{position:absolute;pointer-events:none;z-index:1}.hero-accent.a1{top:16%;left:8%;width:46px;height:46px;border:1.5px solid rgba(83,234,253,.5);border-radius:10px;transform:rotate(18deg);box-shadow:var(--glow-cyan);opacity:.7;animation:float1 7s ease-in-out infinite}.hero-accent.a2{top:30%;right:10%;width:28px;height:28px;border:1.5px solid rgba(225,42,251,.6);border-radius:50%;box-shadow:var(--glow-magenta);opacity:.7;animation:float2 9s ease-in-out infinite}.hero-accent.a3{top:21%;right:22%;width:14px;height:14px;background:var(--gold);border-radius:3px;transform:rotate(45deg);box-shadow:var(--glow-gold);opacity:.6;animation:float1 6s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0) rotate(18deg)}50%{transform:translateY(-12px) rotate(24deg)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.howtoplay-tip{position:fixed;inset:0;background:#07030fd9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--s-5)}.howtoplay-content{background:var(--panel-2);border:1px solid var(--line-bright);border-radius:var(--r-lg);padding:var(--s-6);max-width:360px;width:100%;display:flex;flex-direction:column;gap:var(--s-4)}.howtoplay-content h3{font-family:var(--f-display);font-weight:700;font-size:var(--t-md);color:var(--cyan);text-shadow:var(--glow-cyan)}.howtoplay-content ul{list-style:none;display:flex;flex-direction:column;gap:var(--s-3)}.howtoplay-content li{font-size:var(--t-sm);color:var(--ink-2);padding-left:var(--s-4);position:relative}.howtoplay-content li:before{content:"›";color:var(--cyan);position:absolute;left:0}.s-game{background:#040209;position:relative;height:100%;width:100%}.hud-layer{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.hud-layer>*{pointer-events:auto}.hud-top{display:flex;align-items:center;gap:var(--s-2);padding:env(safe-area-inset-top,0px) var(--s-4) var(--s-2);padding-top:max(var(--s-2),env(safe-area-inset-top));background:linear-gradient(180deg,rgba(4,2,9,.92),rgba(4,2,9,.4) 80%,transparent)}.stat{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:#120a24bd;border:1px solid var(--line);backdrop-filter:blur(8px);min-width:0}.stat .ic{width:22px;height:22px;flex:none;display:grid;place-items:center}.stat .meta{display:flex;flex-direction:column;line-height:1.05;min-width:0}.stat .k{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.stat .v{font-family:var(--f-mono);font-weight:700;font-size:var(--t-md)}.stat.wave{margin-left:auto}.hud-bottom{padding:var(--s-4);padding-bottom:max(var(--s-4),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--s-3);background:linear-gradient(0deg,rgba(4,2,9,.94),rgba(4,2,9,.4) 70%,transparent)}.toggle-row{display:flex;gap:var(--s-2);align-items:center}.hud-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-3)}.tower-tray{display:flex;gap:var(--s-2)}.tower-slot{width:58px;height:58px;border-radius:var(--r-md);position:relative;background:#120a24d9;border:1px solid var(--line-bright);display:grid;place-items:center;transition:all var(--dur) var(--ease);cursor:pointer;pointer-events:auto}.tower-slot:hover,.tower-slot.sel{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.tower-slot.sel{background:#53eafd1a}.tower-slot .tw{width:26px;height:26px}.tower-slot .cost{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);font-family:var(--f-mono);font-size:9px;font-weight:700;color:var(--ink);text-shadow:var(--text-sink);background:var(--panel);padding:0 5px;border-radius:var(--r-pill);border:1px solid var(--line);white-space:nowrap}.tower-slot[aria-disabled=true]{opacity:.4;filter:saturate(.3)}.send-wave{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.bonus{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--lime);text-shadow:var(--glow-lime)}.btn-send{min-height:58px;padding:0 var(--s-4);border-radius:var(--r-md);background:linear-gradient(180deg,#b4ff3d29,#b4ff3d0f);border:1.5px solid rgba(180,255,61,.6);color:var(--lime);font-family:var(--f-display);font-weight:700;font-size:var(--t-sm);letter-spacing:.06em;display:flex;align-items:center;gap:var(--s-2);box-shadow:var(--glow-lime);text-transform:uppercase;transition:transform var(--dur-fast) var(--ease);pointer-events:auto;cursor:pointer}.btn-send:active{transform:scale(.97)}.btn-send svg{stroke:var(--lime)}.build-menu{position:absolute;z-index:10;background:var(--panel-2);border:1px solid var(--line-bright);border-radius:var(--r-lg);padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2);box-shadow:0 8px 24px #0009,var(--glow-cyan);min-width:160px;pointer-events:auto}.build-option{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:#53eafd0f;border:1px solid rgba(83,234,253,.2);color:var(--ink);font-family:var(--f-body);font-weight:600;font-size:var(--t-sm);cursor:pointer;transition:all var(--dur-fast);min-height:44px}.build-option:hover{background:#53eafd26;border-color:#53eafd80}.build-option.disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3)}.bo-cost{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--gold)}.pause-overlay{position:absolute;inset:0;background:#07030fd9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20}.pause-inner{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);background:var(--panel-2);border:1px solid var(--line-bright);border-radius:var(--r-lg);padding:var(--s-6);min-width:240px}.pause-title{font-family:var(--f-display);font-weight:900;font-size:var(--t-xl);color:var(--cyan);text-shadow:var(--glow-cyan)}.s-over{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--bg);pointer-events:auto}.s-over::-webkit-scrollbar{width:0}.over-hero{position:relative;padding:var(--s-6) var(--s-5) var(--s-5);text-align:center;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,rgba(225,42,251,.22),transparent 60%),linear-gradient(180deg,#1a0633,var(--bg) 92%);border-bottom:1px solid var(--line)}.result-pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-family:var(--f-display);font-weight:700;font-size:var(--t-sm);letter-spacing:.14em;text-transform:uppercase;background:#ff4d6d1f;border:1px solid rgba(255,77,109,.6);color:var(--danger);box-shadow:0 0 14px #ff4d6d4d;margin-bottom:var(--s-4)}.result-pill.win{background:#53eafd1f;border-color:#53eafd99;color:var(--cyan);box-shadow:var(--glow-cyan)}.score-label{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.score{font-family:var(--f-display);font-weight:900;font-size:clamp(3rem,16vw,4.4rem);line-height:1;color:var(--ink);text-shadow:0 2px 3px rgba(0,0,0,.8);margin:var(--s-1) 0 var(--s-3)}.score .glow-u{color:var(--cyan);text-shadow:var(--glow-cyan)}.over-hero .context{font-size:var(--t-sm);color:var(--ink-2)}.over-hero .context b{color:var(--gold)}.stat-triplet{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);padding:var(--s-5) var(--s-5) var(--s-4)}.stat-cell{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4) var(--s-2);text-align:center;position:relative;overflow:hidden}.stat-cell:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-line, var(--cyan));opacity:.8;box-shadow:0 0 8px var(--accent-line, var(--cyan))}.stat-cell .v{font-family:var(--f-mono);font-weight:700;font-size:var(--t-xl);color:var(--ink);text-shadow:var(--text-sink)}.stat-cell .k{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px}.stat-cell.c1{--accent-line: var(--cyan)}.stat-cell.c2{--accent-line: var(--magenta)}.stat-cell.c3{--accent-line: var(--gold)}.entry{margin:0 var(--s-5) var(--s-5);padding:var(--s-5);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line-bright);box-shadow:0 0 30px -14px #53eafd4d;display:flex;flex-direction:column;gap:var(--s-3)}.entry h3{font-family:var(--f-display);font-weight:700;font-size:var(--t-md);letter-spacing:.02em}.entry .hint{font-size:var(--t-sm);color:var(--ink-2)}.entry .hint em{color:var(--cyan);font-style:normal;font-weight:600}.nick-field{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-3) 0 var(--s-4);border-radius:var(--r-md);background:var(--bg);border:1.5px solid var(--line-bright);transition:border-color var(--dur),box-shadow var(--dur);min-height:56px}.nick-field:focus-within{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.nick-field input{flex:1;background:none;border:none;color:var(--ink);font-size:var(--t-md);font-weight:600;letter-spacing:.02em;outline:none;min-width:0;user-select:text;-webkit-user-select:text;touch-action:auto}.nick-field input::placeholder{color:var(--muted-dim)}.nick-field .count{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--muted);flex-shrink:0}.nick-field .count.warn{color:var(--gold)}.validity{min-height:18px;font-size:var(--t-xs);color:var(--muted);display:flex;align-items:center;gap:6px}.would-rank{font-family:var(--f-mono);font-size:var(--t-sm);text-align:center;color:var(--ink-2)}.would-rank b{color:var(--cyan);text-shadow:var(--glow-cyan)}.entry.state-error .nick-field{border-color:var(--danger);box-shadow:0 0 12px #ff4d6d4d}.err-note{display:none;align-items:flex-start;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-md);background:#ff4d6d14;border:1px solid rgba(255,77,109,.4);font-size:var(--t-sm);color:#ffb3c1}.err-note svg{stroke:var(--danger);flex-shrink:0;margin-top:1px}.actions{display:flex;flex-direction:column;gap:var(--s-3)}.sub-actions{display:flex;gap:var(--s-3);justify-content:space-between;align-items:center}.s-board{display:flex;flex-direction:column;background:var(--bg);pointer-events:auto}.board-head{flex:none;padding:var(--s-2) var(--s-4) var(--s-4);background:linear-gradient(180deg,#140827,transparent);border-bottom:1px solid var(--line);padding-top:max(var(--s-2),env(safe-area-inset-top))}.board-head .title-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) 0 var(--s-4)}.board-head h2{flex:1;text-align:center;font-family:var(--f-display);font-weight:700;font-size:var(--t-md);letter-spacing:.04em}.board-head h2 small{display:block;font-family:var(--f-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);text-shadow:var(--glow-cyan);margin-top:3px}.board-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.week-toggle{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px}.week-toggle button{min-height:38px;padding:0 var(--s-4);border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:600;color:var(--muted);transition:all var(--dur);cursor:pointer;white-space:nowrap}.week-toggle button[aria-selected=true]{background:#53eafd1f;color:var(--cyan);box-shadow:inset 0 0 0 1px #53eafd66}.countdown{display:flex;align-items:center;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--t-sm);font-weight:700;flex-shrink:0}.countdown .lbl{font-family:var(--f-body);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.countdown .t{color:var(--gold);text-shadow:var(--glow-gold)}.countdown svg{stroke:var(--gold)}.board-list{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--s-2) 0 0}.board-list::-webkit-scrollbar{width:0}.row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);position:relative;transition:background var(--dur)}.row+.row{border-top:1px solid rgba(42,27,77,.5)}.row .rank{width:34px;flex:none;text-align:center;font-family:var(--f-mono);font-weight:700;font-size:var(--t-base);color:var(--muted)}.row .medal{width:34px;flex:none;display:grid;place-items:center;font-size:1.15rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.row .av{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:var(--t-sm);color:#fff;border:1px solid rgba(255,255,255,.14);text-shadow:none}.row .nick{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.row .nick .n{font-weight:600;font-size:var(--t-base);color:var(--ink);text-shadow:var(--text-sink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.row .nick .w{font-size:var(--t-xs);color:var(--muted)}.row .score{flex:none;display:flex;align-items:center;gap:6px;font-family:var(--f-mono);font-weight:700;font-size:var(--t-md);color:var(--ink);text-shadow:var(--text-sink)}.row .score svg{stroke:var(--gold);fill:#ffd23f33}.row.r1{background:linear-gradient(90deg,rgba(255,210,63,.1),transparent 70%)}.row.r1:before,.row.r2:before,.row.r3:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.row.r1:before{background:var(--gold);box-shadow:var(--glow-gold)}.row.r2{background:linear-gradient(90deg,rgba(196,190,221,.08),transparent 70%)}.row.r2:before{background:#c4bedd}.row.r3{background:linear-gradient(90deg,rgba(225,42,251,.08),transparent 70%)}.row.r3:before{background:var(--magenta);box-shadow:var(--glow-magenta)}.row.you-slide{animation:rowSlide var(--dur-slow) var(--ease-out) both}@keyframes rowSlide{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.you-tag{font-family:var(--f-display);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--on-accent);background:var(--cyan);padding:1px 6px;border-radius:var(--r-pill)}.pinned-you{flex:none;margin:var(--s-2);border-radius:var(--r-md);background:linear-gradient(90deg,#53eafd24,#53eafd0d);border:1.5px solid rgba(83,234,253,.55);box-shadow:var(--glow-cyan)}.pinned-you .rank,.pinned-you .nick .n{color:var(--cyan)}.board-foot{flex:none;padding:var(--s-3) var(--s-4) max(var(--s-4),env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--line);background:var(--panel)}.board-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--s-6) var(--s-5);gap:var(--s-3)}.board-empty .ic{width:72px;height:72px;border-radius:var(--r-lg);display:grid;place-items:center;border:1.5px dashed var(--line-bright);margin-bottom:var(--s-2)}.board-empty h3{font-family:var(--f-display);font-weight:700;font-size:var(--t-lg);color:var(--ink)}.board-empty p{color:var(--ink-2);font-size:var(--t-sm);max-width:28ch}.sk-rows{width:100%;margin-top:var(--s-4);display:flex;flex-direction:column;gap:2px;opacity:.5}.sk{height:52px;background:linear-gradient(90deg,var(--panel) 25%,var(--panel-3) 50%,var(--panel) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}@media(orientation:landscape)and (max-height:560px){.start-hero{padding-top:var(--s-3)}.start-hero h2{font-size:clamp(1.6rem,6vw,2rem)}.start-hero .tagline{display:none}.hud-top{padding-top:var(--s-2)}.hud-bottom{padding-bottom:var(--s-3)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}