:root{--byol-color-void:#0b0a14;--byol-color-canvas:#13111f;--byol-color-surface:#1c1a2b;--byol-color-hover:#262339;--byol-color-acc-hot:#ff5a36;--byol-color-acc-cool:#36e0ff;--byol-color-acc-lime:#c6ff4f;--byol-color-acc-magenta:#ff49b8;--byol-color-text:#fff;--byol-color-text-muted:#cfc9dd;--byol-color-text-dim:#9a93aa;--byol-color-line:#ffffff14;--byol-color-line-strong:#ffffff24;--byol-color-success:var(--byol-color-acc-lime);--byol-color-warning:var(--byol-color-acc-hot);--byol-color-info:var(--byol-color-acc-cool);--byol-color-brand:var(--byol-color-acc-magenta);--byol-font-display:"Press Start 2P", monospace;--byol-font-phosphor:"VT323", monospace;--byol-font-ui:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--byol-font-data:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--byol-text-pixel-xs:9px;--byol-text-pixel-sm:11px;--byol-text-pixel-md:14px;--byol-text-pixel-lg:22px;--byol-text-pixel-xl:30px;--byol-text-pixel-2xl:48px;--byol-text-phosphor-md:28px;--byol-text-phosphor-lg:48px;--byol-text-phosphor-xl:64px;--byol-text-phosphor-2xl:128px;--byol-text-xs:11px;--byol-text-sm:13px;--byol-text-md:14px;--byol-text-lg:16px;--byol-text-xl:18px;--byol-text-eyebrow:13px;--byol-fw-regular:400;--byol-fw-medium:500;--byol-fw-semi:600;--byol-fw-bold:700;--byol-ls-eyebrow:.18em;--byol-ls-display:0;--byol-ls-data:.04em;--byol-ls-pip:.45em;--byol-ls-button:0;--byol-space-0:0;--byol-space-1:4px;--byol-space-2:8px;--byol-space-3:12px;--byol-space-4:16px;--byol-space-5:20px;--byol-space-6:24px;--byol-space-7:28px;--byol-space-8:32px;--byol-space-10:40px;--byol-space-12:48px;--byol-space-14:56px;--byol-space-16:64px;--byol-radius-pip:3px;--byol-radius-sm:4px;--byol-radius-md:6px;--byol-radius-lg:8px;--byol-radius-xl:10px;--byol-radius-card:14px;--byol-radius-modal:16px;--byol-radius-pill:999px;--byol-hairline:1px solid var(--byol-color-line);--byol-hairline-strong:1px solid var(--byol-color-line-strong);--byol-glow-cool-sm:0 0 8px #36e0ff8c;--byol-glow-cool-md:0 0 14px #36e0ff99;--byol-glow-cool-lg:0 0 22px #36e0ffa6;--byol-glow-magenta-sm:0 0 8px #ff49b899;--byol-glow-magenta-md:0 0 18px #ff49b880;--byol-glow-magenta-lg:0 0 26px #ff49b873;--byol-glow-hot-sm:0 0 8px #ff5a3699;--byol-glow-hot-md:0 0 18px #ff5a3680;--byol-glow-lime-sm:0 0 8px #c6ff4f8c;--byol-glow-lime-md:0 0 18px #c6ff4f80;--byol-shadow-card:0 30px 80px #00000080;--byol-shadow-modal:0 40px 100px #000000b3;--byol-shadow-vignette:inset 0 0 200px #000000d9;--byol-scanlines:repeating-linear-gradient(to bottom, #fff0 0, #fff0 2px, #ffffff0a 2px, #ffffff0a 3px);--byol-bg-after-hours:radial-gradient(ellipse at 8% -10%, #ff49b838, transparent 55%), radial-gradient(ellipse at 100% 110%, #36e0ff33, transparent 55%), linear-gradient(180deg, #0b0a14, #160e22 55%, #0b0a14);--byol-ease-out:cubic-bezier(.2,.7,.3,1);--byol-ease-pop:cubic-bezier(.34,1.56,.64,1);--byol-dur-fast:.12s;--byol-dur-base:.15s;--byol-dur-slow:.3s;--byol-game-canvas-w:1280px;--byol-game-canvas-h:720px;--byol-page-pad:56px;--byol-header-h:60px;--byol-sprite-invader:64px;--byol-sprite-player:64px;--byol-sprite-projectile-w:8px;--byol-sprite-projectile-h:24px;--byol-z-canvas:1;--byol-z-hud:4;--byol-z-header:5;--byol-z-overlay:8;--byol-z-modal:10;--byol-z-toast:20}html,body{background:var(--byol-color-void);color:var(--byol-color-text);font-family:var(--byol-font-ui);font-size:var(--byol-text-md);margin:0;line-height:1.5}.byol-eyebrow{font:var(--byol-fw-regular) var(--byol-text-eyebrow)/1 var(--byol-font-phosphor);letter-spacing:var(--byol-ls-eyebrow);text-transform:uppercase;color:var(--byol-color-acc-magenta);text-shadow:var(--byol-glow-magenta-sm)}.byol-headline-xl{font:var(--byol-text-pixel-2xl)/1.15 var(--byol-font-display);letter-spacing:var(--byol-ls-display);color:var(--byol-color-text);text-shadow:0 0 24px #ff49b873,0 0 4px #36e0ff66}.byol-score{font:var(--byol-text-phosphor-xl)/1 var(--byol-font-phosphor);color:var(--byol-color-acc-cool);text-shadow:0 0 18px #36e0ff99;font-variant-numeric:tabular-nums}.byol-data{font:var(--byol-fw-semi) var(--byol-text-md)/1 var(--byol-font-data);letter-spacing:var(--byol-ls-data);font-variant-numeric:tabular-nums}:root{--acc-hot:var(--byol-color-acc-hot);--acc-cool:var(--byol-color-acc-cool);--acc-lime:var(--byol-color-acc-lime);--acc-magenta:var(--byol-color-acc-magenta);--space-fg:var(--byol-color-text-muted);--space-mid:var(--byol-color-text-dim);--line:var(--byol-color-line);--line-strong:var(--byol-color-line-strong)}*{box-sizing:border-box}html,body,#root{background:var(--byol-color-void);min-height:100vh;color:var(--byol-color-text);font-family:var(--byol-font-ui);margin:0;padding:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.surface{color:#fff;min-height:100vh;font-family:var(--byol-font-ui);background:var(--byol-bg-after-hours);position:relative;overflow-x:hidden}.surface:before{content:"";pointer-events:none;background:var(--byol-scanlines);mix-blend-mode:overlay;z-index:0;position:absolute;inset:0}.surface:after{content:"";pointer-events:none;box-shadow:var(--byol-shadow-vignette);z-index:0;position:absolute;inset:0}.surface>.layer{z-index:1;position:relative}:focus-visible{outline:2px solid var(--byol-color-acc-cool);outline-offset:4px;border-radius:4px}.lb-error{font:400 13px/1.4 var(--byol-font-ui);color:var(--byol-color-text-muted);background:#ff5a360f;border:1px solid #ff5a3659;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:18px 14px;display:flex}.lb-error button{appearance:none;border:1px solid var(--acc-hot);color:var(--acc-hot);font:400 11px/1 var(--byol-font-phosphor);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;text-shadow:0 0 6px #ff5a3680;background:0 0;border-radius:6px;padding:8px 12px}.lb-error button:hover{background:#ff5a361f}.lockup{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.lockup .mark{border:1.5px solid var(--acc-magenta);background:linear-gradient(160deg,#1c1a2b,#0b0a14);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;box-shadow:0 0 14px #ff49b873,inset 0 0 10px #ff49b833}.lockup .mark:before{content:"";filter:drop-shadow(0 0 6px #36e0ffb3);background:linear-gradient(#fff,#fff) 4px 0/2px 2px no-repeat,linear-gradient(#fff,#fff) 12px 0/2px 2px no-repeat,linear-gradient(#fff,#fff) 2px 4px/14px 2px no-repeat,linear-gradient(#fff,#fff) 0 6px/18px 2px no-repeat,linear-gradient(#fff,#fff) 6px 8px/2px 2px no-repeat,linear-gradient(#fff,#fff) 10px 8px/2px 2px no-repeat,linear-gradient(#fff,#fff) 0 10px/4px 2px no-repeat,linear-gradient(#fff,#fff) 14px 10px/4px 2px no-repeat;width:18px;height:14px}.lockup .wm{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 10px #ff49b866;font-size:13px;line-height:1.25}.lockup .wm small{color:var(--acc-cool);letter-spacing:.45em;text-shadow:0 0 8px #36e0ffb3;margin-top:5px;font-size:7px;display:block}.lockup.lg .mark{width:48px;height:48px}.lockup.lg .wm{font-size:18px}.lockup.lg .wm small{font-size:8px}.hdr{padding:18px var(--byol-page-pad);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--byol-z-header);background:#0b0a14a6;justify-content:space-between;align-items:center;display:flex;position:relative}.hdr .nav{font:400 14px / 1 var(--byol-font-phosphor);letter-spacing:.14em;text-transform:uppercase;color:var(--byol-color-text-muted);align-items:center;gap:28px;display:flex}.hdr .nav a{color:var(--byol-color-text-muted);cursor:pointer;border-bottom:1px solid #0000;padding:6px 2px;text-decoration:none;transition:color .15s,border-color .15s,text-shadow .15s}.hdr .nav a:hover{color:var(--acc-cool);border-bottom-color:var(--acc-cool);text-shadow:0 0 8px #36e0ff99}.hdr .nav a.active{color:#fff;border-bottom-color:var(--acc-magenta);text-shadow:0 0 8px #ff49b880}.hdr .right{align-items:center;gap:18px;display:flex}.signin-chip{appearance:none;cursor:pointer;color:var(--acc-cool);font-family:var(--byol-font-display);letter-spacing:0;text-shadow:0 0 6px #36e0ff99;background:#36e0ff0f;border:1px solid #36e0ff66;border-radius:6px;align-items:center;gap:10px;padding:11px 16px;font-size:10px;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:inset 0 0 14px #36e0ff1a}.signin-chip:hover{border-color:var(--acc-cool);background:#36e0ff1f;box-shadow:inset 0 0 18px #36e0ff2e,0 0 18px #36e0ff4d}.signin-chip:active{transform:translateY(1px)}.signin-chip .arrow{font-size:9px}.user-wrap{position:relative}.user-chip{appearance:none;border:1px solid var(--line);cursor:pointer;color:inherit;background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 14px;transition:background .15s,border-color .15s;display:inline-flex}.user-chip:hover{border-color:var(--line-strong);background:#ffffff14}.user-chip .name{font:500 13px / 1 var(--byol-font-ui);color:#fff}.user-chip .av{width:32px;height:32px;font:700 12px / 1 var(--byol-font-ui);color:#fff;text-shadow:0 1px 2px #0006;border:1.5px solid #ffffff26;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #ff5a3680}.user-chip .av-a{background:linear-gradient(135deg,#ffb89a,#ff5a36)}.user-chip .av-b{background:linear-gradient(135deg,#c8b6ff,#7e5bff)}.user-chip .av-c{background:linear-gradient(135deg,#a8e6cf,#3cc8a0)}.user-chip .av-d{background:linear-gradient(135deg,#f6c26b,#d17a1f)}.user-chip .av-e{background:linear-gradient(135deg,#ffb1d8,#ff49b8)}.user-chip .chev{color:var(--space-mid);font:400 12px / 1 var(--byol-font-phosphor);letter-spacing:.05em;padding-right:6px}.user-menu{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:220px;z-index:var(--byol-z-overlay);background:#0b0a14eb;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 36px #00000080}.user-menu .item{appearance:none;text-align:left;width:100%;font:500 13px / 1 var(--byol-font-ui);color:var(--byol-color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .12s,color .12s;display:flex}.user-menu .item:hover{color:#fff;background:#ffffff0a}.user-menu .item.danger{color:#ff8a6f}.user-menu .item.danger:hover{color:var(--acc-hot);text-shadow:0 0 6px #ff5a3680;background:#ff5a361a}.user-menu .item .k{font:400 11px / 1 var(--byol-font-phosphor);color:var(--space-mid);letter-spacing:.1em;text-transform:uppercase}.user-menu .divider{background:var(--line);height:1px;margin:4px 6px}.ftr{padding:24px var(--byol-page-pad);border-top:1px solid var(--line);font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.14em;text-transform:uppercase;color:var(--space-mid);justify-content:space-between;align-items:center;display:flex}.ftr a,.ftr span{color:var(--space-mid);text-decoration:none;transition:color .15s,text-shadow .15s}.ftr a:hover{color:var(--acc-cool);text-shadow:0 0 6px #36e0ff80}.ftr .links{gap:24px;display:flex}.ftr .left{align-items:center;gap:14px;display:flex}.ftr .left .ping{background:var(--acc-lime);border-radius:50%;width:8px;height:8px;animation:1.8s steps(2,end) infinite byol-blink;box-shadow:0 0 10px #c6ff4fb3}@keyframes byol-blink{50%{opacity:.3}}.lb-row{border-bottom:1px solid var(--line);cursor:default;border-radius:8px;align-items:center;transition:background .15s,box-shadow .15s,transform .15s;display:grid}.lb-row:hover{background:#36e0ff0f;box-shadow:inset 0 0 0 1px #36e0ff2e}.lb-row-preview{grid-template-columns:48px 56px 1fr auto auto;gap:14px;padding:14px}.lb-row-full{grid-template-columns:62px 64px 1fr 84px 84px 130px 64px;gap:14px;padding:12px 14px}.lb-row .rank{font-family:var(--byol-font-display);color:#fff;letter-spacing:0;text-shadow:0 0 8px #36e0ff66;text-align:center;font-size:13px}.lb-row-full .rank{font-size:12px}.lb-row .rank.r1{color:var(--acc-lime);text-shadow:0 0 10px #c6ff4fbf}.lb-row .rank.r2{color:var(--acc-cool);text-shadow:0 0 8px #36e0ff99}.lb-row .rank.r3{color:var(--acc-magenta);text-shadow:0 0 8px #ff49b899}.lb-row .av{border:1.5px solid var(--line-strong);width:42px;height:42px;font:700 14px / 1 var(--byol-font-ui);color:#fff;text-shadow:0 1px 2px #0006;border-radius:8px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #00000080,inset 0 0 10px #ffffff1a}.lb-row-full .av{width:44px;height:44px}.lb-row .av.av-a{background:linear-gradient(135deg,#ffb89a,#ff5a36)}.lb-row .av.av-b{background:linear-gradient(135deg,#c8b6ff,#7e5bff)}.lb-row .av.av-c{background:linear-gradient(135deg,#a8e6cf,#3cc8a0)}.lb-row .av.av-d{background:linear-gradient(135deg,#f6c26b,#d17a1f)}.lb-row .av.av-e{background:linear-gradient(135deg,#ffb1d8,#ff49b8)}.lb-row .av.av-f{background:linear-gradient(135deg,#94d3ff,#36e0ff)}.lb-row .av.av-g{background:linear-gradient(135deg,#ffe48a,#c6ff4f)}.lb-row .av.av-h{background:linear-gradient(135deg,#f4a3ff,#9a4bff)}.lb-row .meta .name{font:600 15px / 1 var(--byol-font-ui);color:#fff;align-items:center;gap:8px;margin-bottom:4px;display:flex}.lb-row .meta .name .you-pip{font:400 9px / 1 var(--byol-font-display);color:#0b0a14;background:var(--acc-magenta);letter-spacing:0;border-radius:3px;padding:3px 5px;box-shadow:0 0 10px #ff49b899}.lb-row .meta .sub{font:400 11px / 1.2 var(--byol-font-data);color:var(--space-mid);letter-spacing:.04em;align-items:center;gap:8px;display:flex}.lb-row .meta .sub .country{letter-spacing:.1em;background:#ffffff0f;border-radius:3px;padding:1px 6px;font-size:10px}.lb-row .wave{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.12em;text-transform:uppercase;color:var(--space-mid);text-align:center}.lb-row .wave b{color:var(--acc-hot);font-family:var(--byol-font-display);text-shadow:0 0 6px #ff5a368c;margin-left:6px;font-size:10px}.lb-row-full .wave b{margin-top:5px;margin-left:0;font-size:11px;display:block}.lb-row .trend{font:600 12px / 1 var(--byol-font-data);text-align:center}.lb-row .trend.up{color:var(--acc-lime);text-shadow:0 0 6px #c6ff4f73}.lb-row .trend.down{color:var(--acc-hot);text-shadow:0 0 6px #ff5a3673}.lb-row .trend.flat{color:var(--space-mid)}.lb-row .score{font-family:var(--byol-font-data);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 8px #36e0ff66;text-align:right;font-size:18px;font-weight:700}.lb-row-preview .score{min-width:90px}.lb-row .when{font:400 12px / 1.2 var(--byol-font-data);color:var(--space-mid);text-align:right;letter-spacing:.04em}.lb-row.you{outline-offset:-1px;background:linear-gradient(90deg,#ff49b82e,#36e0ff14);border-color:#0000;border-radius:10px;outline:1px solid #ff49b84d;box-shadow:0 0 20px #ff49b82e,inset 0 0 30px #ff49b80d}.lb-row.you .rank{color:var(--acc-magenta);text-shadow:0 0 10px #ff49b8b3}.lb-row.you .score{color:var(--acc-cool);text-shadow:0 0 8px #36e0ffb3}.lb-row.podium{padding:18px 14px}.lb-row.podium .av{width:54px;height:54px;font-size:18px}.lb-row.podium .meta .name{font-size:17px}.lb-row.podium .score{font-size:22px}.lb-cols{font:400 12px / 1 var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;color:var(--space-mid);border-bottom:1px solid var(--line);grid-template-columns:62px 64px 1fr 84px 84px 130px 64px;align-items:center;gap:14px;padding:14px 14px 12px;display:grid}.lb-cols .right{text-align:right}.lb-cols .center{text-align:center}.hero{padding:60px var(--byol-page-pad) 40px;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.hero .eyebrow{font:400 14px / 1 var(--byol-font-phosphor);letter-spacing:.22em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 8px #ff49b899;align-items:center;gap:10px;margin-bottom:18px;display:flex}.hero .eyebrow:before{content:"";background:var(--acc-magenta);width:8px;height:8px;box-shadow:0 0 10px var(--acc-magenta)}.hero h1{font-family:var(--byol-font-display);letter-spacing:0;color:#fff;text-shadow:0 0 24px #ff49b873,0 0 4px #36e0ff66;margin:0 0 22px;font-size:48px;line-height:1.18}.hero h1 em{color:var(--acc-cool);text-shadow:0 0 20px #36e0ffa6;font-style:normal}.hero .lede{font:400 17px / 1.55 var(--byol-font-ui);color:var(--byol-color-text-muted);max-width:46ch;margin:0 0 32px}.cta-row{align-items:center;gap:16px;display:flex}.btn-play{cursor:pointer;border:1px solid var(--acc-magenta);color:var(--acc-magenta);font-family:var(--byol-font-display);letter-spacing:0;text-shadow:0 0 8px #ff49b899;background:#ff49b81a;border-radius:8px;align-items:center;gap:14px;padding:20px 28px;font-size:14px;text-decoration:none;transition:background .15s,box-shadow .15s,color .15s,transform .12s;display:inline-flex;box-shadow:0 0 0 1px #ff49b84d,0 0 26px #ff49b866,inset 0 0 18px #ff49b833}.btn-play:hover{background:var(--acc-magenta);color:#0b0a14;text-shadow:none;box-shadow:0 0 0 1px var(--acc-magenta), 0 0 38px #ff49b8a6, inset 0 0 22px #fff3}.btn-play:active{transform:translateY(1px)}.btn-play .glyph{font-size:11px}.key-hint{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.16em;text-transform:uppercase;color:var(--space-mid);align-items:center;gap:8px;display:flex}.key-hint .key{border:1px solid var(--line-strong);min-width:28px;font:400 12px / 1 var(--byol-font-data);color:#fff;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;padding:5px 8px;display:inline-flex}.hero-meta{border-top:1px solid var(--line);gap:36px;margin-top:38px;padding-top:24px;display:flex}.hero-meta .m{font:400 13px / 1.3 var(--byol-font-phosphor);letter-spacing:.12em;text-transform:uppercase;color:var(--space-mid)}.hero-meta .m b{font-family:var(--byol-font-ui);letter-spacing:-.01em;color:#fff;text-transform:none;margin-top:4px;font-size:20px;font-weight:600;display:block}.hero-meta .m b.cool{color:var(--acc-cool);font-family:var(--byol-font-phosphor);text-shadow:0 0 10px #36e0ff8c;font-size:28px;font-weight:400}.hero-canvas{aspect-ratio:16/9;background:#0b0a14;border:1px solid #ff49b84d;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff49b826,inset 0 0 60px #0009,0 30px 80px #00000080}.canvas-stars{background-image:radial-gradient(circle at 12% 22%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 78% 45%,#36e0ffd9 0 1px,#0000 1.5px),radial-gradient(circle at 32% 78%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 88% 12%,#ff49b8b3 0 1px,#0000 1.5px),radial-gradient(circle at 22% 55%,#ffffff80 0 1px,#0000 1.5px),radial-gradient(circle at 56% 28%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 68% 88%,#ff49b880 0 1px,#0000 1.5px),radial-gradient(circle at 8% 88%,#c6ff4f80 0 1px,#0000 1.5px),radial-gradient(circle at 44% 12%,#fff9 0 1px,#0000 1.5px),radial-gradient(circle at 92% 64%,#fff 0 1px,#0000 1.5px);position:absolute;inset:0}.canvas-grid{transform-origin:50% 100%;opacity:.7;background-image:linear-gradient(90deg,#36e0ff2e 1px,#0000 1px),linear-gradient(#36e0ff2e 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;transform:perspective(600px)rotateX(60deg)translateY(35%);-webkit-mask-image:linear-gradient(#0000 20%,#000 75%);mask-image:linear-gradient(#0000 20%,#000 75%)}.canvas-bloom-tl{pointer-events:none;background:radial-gradient(circle,#ff49b852,#0000 60%);width:60%;height:60%;position:absolute;top:-30%;left:-10%}.canvas-bloom-br{pointer-events:none;background:radial-gradient(circle,#36e0ff47,#0000 65%);width:55%;height:55%;position:absolute;bottom:-20%;right:-10%}.canvas-scan{pointer-events:none;background:repeating-linear-gradient(#fff0 0 2px,#ffffff0d 2px 3px);position:absolute;inset:0}.canvas-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px #000000b3}.canvas-player{filter:drop-shadow(0 0 12px #36e0ff8c);position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.canvas-invaders{grid-template-columns:repeat(6,1fr);place-items:center;gap:22px;display:grid;position:absolute;top:14%;left:50%;transform:translate(-50%)}.invader-stub{width:40px;height:40px;image-rendering:pixelated;display:block}.invader-stub.cool{filter:drop-shadow(0 0 10px #36e0ff8c)}.invader-stub.hot{filter:drop-shadow(0 0 10px #ff5a368c)}.canvas-projectile{filter:drop-shadow(0 0 6px #36e0ffe6);position:absolute;bottom:32%;left:50%;transform:translate(-50%)}.canvas-frame-label{font-family:var(--byol-font-display);color:var(--byol-color-text-muted);letter-spacing:.1em;text-shadow:0 0 6px #36e0ff66;font-size:8px;position:absolute;top:14px;left:14px}.canvas-frame-label .live{color:var(--acc-lime);text-shadow:0 0 6px #c6ff4fb3;margin-right:8px;animation:1.6s steps(2,end) infinite byol-blink}.canvas-resz{font-family:var(--byol-font-phosphor);color:var(--space-mid);letter-spacing:.1em;text-transform:uppercase;font-size:13px;position:absolute;bottom:14px;right:14px}.lb-band{padding:30px var(--byol-page-pad) 50px;grid-template-columns:1.6fr 1fr;gap:30px;display:grid}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a148c;border-radius:14px;padding:24px;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(#fff0 0 2px,#ffffff08 2px 3px);position:absolute;inset:0}.panel>*{position:relative}.panel.cool{border-color:#36e0ff40;box-shadow:inset 0 0 30px #36e0ff0d}.panel-head{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.panel-head .lab{font:400 14px / 1 var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 8px #ff49b880;margin-bottom:6px}.panel-head h2{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 10px #ff49b866;margin:0;font-size:18px;line-height:1.2}.panel-head .tabs{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;gap:6px;padding:4px;display:flex}.panel-head .tabs button{appearance:none;cursor:pointer;font:400 12px / 1 var(--byol-font-phosphor);letter-spacing:.16em;text-transform:uppercase;color:var(--space-mid);background:0 0;border:0;border-radius:5px;padding:7px 10px;transition:background .15s,color .15s}.panel-head .tabs button.on{color:var(--acc-cool);text-shadow:0 0 6px #36e0ff8c;background:#36e0ff1f}.panel-head .tabs button:hover:not(.on){color:var(--byol-color-text-muted)}.lb-grid{gap:0;display:grid}.lb-grid .lb-head{font:400 12px / 1 var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;color:var(--space-mid);border-bottom:1px solid var(--line);grid-template-columns:48px 56px 1fr auto auto;gap:14px;padding:8px 14px;display:grid}.preview-skeleton{gap:6px;padding:12px 0;display:grid}.sk-row{background:linear-gradient(90deg,#ffffff06,#ffffff0f,#ffffff06) 0 0/200% 100%;border-radius:8px;height:56px;animation:1.6s linear infinite byol-shimmer}@keyframes byol-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lb-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.lb-foot .total{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.12em;text-transform:uppercase;color:var(--space-mid)}.lb-foot .total b{color:#fff;text-shadow:0 0 6px #36e0ff66}.lb-foot a{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.16em;text-transform:uppercase;color:var(--acc-cool);text-shadow:0 0 6px #36e0ff80;cursor:pointer;align-items:center;gap:8px;text-decoration:none;transition:color .15s,text-shadow .15s,gap .15s;display:inline-flex}.lb-foot a:hover{color:#fff;text-shadow:0 0 10px #36e0ffcc;gap:12px}.signin-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 100% 0,#36e0ff2e,#0000 55%),#0b0a14b3;border:1px solid #36e0ff59;border-radius:14px;padding:28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #36e0ff26,inset 0 0 30px #36e0ff14}.signin-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(#fff0 0 2px,#ffffff09 2px 3px);position:absolute;inset:0}.signin-card>*{position:relative}.signin-card .lab{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.2em;text-transform:uppercase;color:var(--acc-cool);text-shadow:0 0 8px #36e0ff80;margin-bottom:10px}.signin-card h3{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 10px #36e0ff66;margin:0 0 12px;font-size:16px;line-height:1.35}.signin-card p{font:400 14px / 1.55 var(--byol-font-ui);color:var(--byol-color-text-muted);margin:0 0 22px}.signin-card .perks{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.signin-card .perks .perk{font:500 13px / 1.2 var(--byol-font-ui);color:var(--byol-color-text-muted);align-items:center;gap:12px;display:flex}.signin-card .perks .perk .ic{width:22px;height:22px;color:var(--acc-cool);font:400 11px / 1 var(--byol-font-phosphor);text-shadow:0 0 6px #36e0ff99;background:#36e0ff1a;border:1px solid #36e0ff4d;border-radius:5px;justify-content:center;align-items:center;display:flex}.signin-card .btn-signin{appearance:none;cursor:pointer;border:1px solid var(--acc-cool);background:var(--acc-cool);color:#0b0a14;font-family:var(--byol-font-display);letter-spacing:0;border-radius:6px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px 22px;font-size:12px;transition:transform .12s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 0 22px #36e0ff73}.signin-card .btn-signin:hover{box-shadow:0 0 32px #36e0ffbf}.signin-card .btn-signin:active{transform:translateY(1px)}.signin-card .ssec{font:400 12px / 1.3 var(--byol-font-phosphor);letter-spacing:.12em;text-transform:uppercase;color:var(--space-mid);text-align:center;margin-top:14px}.standing-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 100% 0,#ff49b82e,#0000 55%),#0b0a14b3;border:1px solid #ff49b859;border-radius:14px;padding:28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff49b826,inset 0 0 30px #ff49b812}.standing-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(#fff0 0 2px,#ffffff09 2px 3px);position:absolute;inset:0}.standing-card>*{position:relative}.standing-card .lab{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.2em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 8px #ff49b880;margin-bottom:10px}.standing-card h3{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 10px #ff49b866;margin:0 0 18px;font-size:13px;line-height:1.35}.standing-card .big-rank{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.standing-card .big-rank .hash{font:400 18px / 1 var(--byol-font-phosphor);color:var(--space-mid);text-transform:uppercase;letter-spacing:.1em}.standing-card .big-rank .num{font-family:var(--byol-font-display);color:var(--acc-magenta);text-shadow:0 0 22px #ff49b899;font-size:46px;line-height:1}.standing-card .standing-sub{font:400 13px / 1.4 var(--byol-font-ui);color:var(--byol-color-text-muted)}.standing-card .standing-sub b{color:#fff}.standing-card .stat-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 22px;padding:18px 0;display:grid}.standing-card .stat-row .s .l{font:400 12px / 1 var(--byol-font-phosphor);letter-spacing:.16em;text-transform:uppercase;color:var(--space-mid);margin-bottom:6px}.standing-card .stat-row .s .v{font-family:var(--byol-font-phosphor);color:var(--acc-cool);text-shadow:0 0 10px #36e0ff8c;font-size:28px;line-height:1}.standing-card .stat-row .s .delta{font:400 12px / 1.3 var(--byol-font-data);color:var(--acc-lime);text-shadow:0 0 6px #c6ff4f80;margin-top:4px}.standing-card .btn-beat{appearance:none;cursor:pointer;border:1px solid var(--acc-magenta);color:var(--acc-magenta);font-family:var(--byol-font-display);letter-spacing:0;text-shadow:0 0 6px #ff49b880;background:#ff49b81a;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 18px;font-size:11px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;box-shadow:inset 0 0 16px #ff49b833,0 0 24px #ff49b859}.standing-card .btn-beat:hover{background:var(--acc-magenta);color:#0b0a14;text-shadow:none}.lb-hero{padding:48px var(--byol-page-pad) 24px;grid-template-columns:1.4fr 1fr;align-items:end;gap:40px;display:grid}.lb-hero .eyebrow{font:400 14px / 1 var(--byol-font-phosphor);letter-spacing:.22em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 8px #ff49b899;align-items:center;gap:10px;margin-bottom:14px;display:flex}.lb-hero .eyebrow:before{content:"";background:var(--acc-magenta);width:8px;height:8px;box-shadow:0 0 10px var(--acc-magenta)}.lb-hero h1{font-family:var(--byol-font-display);letter-spacing:0;color:#fff;text-shadow:0 0 22px #ff49b880,0 0 4px #36e0ff66;margin:0 0 14px;font-size:44px;line-height:1.15}.lb-hero h1 em{color:var(--acc-cool);text-shadow:0 0 18px #36e0ffa6;font-style:normal}.lb-hero .lede{font:400 15px / 1.55 var(--byol-font-ui);color:var(--byol-color-text-muted);max-width:48ch;margin:0}.you-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 100% 0,#ff49b82e,#0000 55%),#0b0a14a6;border:1px solid #ff49b859;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff49b826,inset 0 0 30px #ff49b812}.you-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(#fff0 0 2px,#ffffff08 2px 3px);position:absolute;inset:0}.you-card>*{position:relative}.you-card .av{width:56px;height:56px;font:700 18px / 1 var(--byol-font-ui);color:#fff;text-shadow:0 1px 2px #0006;border:1.5px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 14px #7e5bff73}.you-card .av.av-a{background:linear-gradient(135deg,#ffb89a,#ff5a36)}.you-card .av.av-b{background:linear-gradient(135deg,#c8b6ff,#7e5bff)}.you-card .av.av-c{background:linear-gradient(135deg,#a8e6cf,#3cc8a0)}.you-card .av.av-d{background:linear-gradient(135deg,#f6c26b,#d17a1f)}.you-card .av.av-e{background:linear-gradient(135deg,#ffb1d8,#ff49b8)}.you-card .av.av-f{background:linear-gradient(135deg,#94d3ff,#36e0ff)}.you-card .av.av-g{background:linear-gradient(135deg,#ffe48a,#c6ff4f)}.you-card .av.av-h{background:linear-gradient(135deg,#f4a3ff,#9a4bff)}.you-card .meta .l{font:400 12px / 1 var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 8px #ff49b880;margin-bottom:6px}.you-card .meta h3{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 10px #ff49b866;margin:0 0 6px;font-size:13px;line-height:1.2}.you-card .meta .sub{font:400 12px / 1.4 var(--byol-font-data);color:var(--byol-color-text-muted);letter-spacing:.04em}.you-card .meta .sub b{color:#fff}.you-card .rank{font-family:var(--byol-font-display);color:var(--acc-magenta);text-shadow:0 0 20px #ff49b8a6;text-align:right;font-size:42px;line-height:1}.you-card .rank .hash{font-family:var(--byol-font-phosphor);color:var(--space-mid);text-shadow:none;vertical-align:top;margin-right:4px;font-size:24px}.you-card .rank .ctx{font:400 11px / 1 var(--byol-font-phosphor);color:var(--space-mid);text-shadow:none;letter-spacing:.16em;text-transform:uppercase;margin-top:6px;display:block}.lb-controls{padding:14px var(--byol-page-pad) 18px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;display:flex}.filters{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;align-items:center;gap:6px;padding:5px;display:flex}.filters button{appearance:none;cursor:pointer;font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;color:var(--space-mid);background:0 0;border:0;border-radius:6px;padding:10px 16px;transition:background .15s,color .15s}.filters button.on{color:var(--acc-cool);text-shadow:0 0 6px #36e0ff8c;background:#36e0ff1f}.filters button:hover:not(.on){color:var(--byol-color-text-muted)}.lb-stats{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.14em;text-transform:uppercase;color:var(--space-mid);align-items:center;gap:28px;display:flex}.lb-stats b{color:#fff;text-shadow:0 0 6px #36e0ff66}.lb-stats .sep{background:var(--line);width:1px;height:14px}.lb-actions{align-items:center;gap:10px;display:flex}.btn-play-sm{appearance:none;cursor:pointer;border:1px solid var(--acc-magenta);color:var(--acc-magenta);font-family:var(--byol-font-display);letter-spacing:0;text-shadow:0 0 6px #ff49b880;background:#ff49b81a;border-radius:6px;align-items:center;gap:8px;padding:12px 14px;font-size:10px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;box-shadow:inset 0 0 12px #ff49b82e,0 0 18px #ff49b84d}.btn-play-sm:hover{background:var(--acc-magenta);color:#0b0a14;text-shadow:none}.lb-table{padding:0 var(--byol-page-pad) 40px}.gap-row{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;color:var(--space-mid);justify-content:center;align-items:center;gap:14px;padding:18px 0;display:flex}.gap-row:before,.gap-row:after{content:"";background:repeating-linear-gradient(to right, var(--line) 0, var(--line) 6px, transparent 6px, transparent 12px);flex:1;height:1px}.pinned-you{z-index:10;margin:0 calc(var(--byol-page-pad) * -1);padding:14px var(--byol-page-pad);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0b0a1466,#0b0a14e6);border-top:1px solid #ff49b84d;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -20px 40px #00000080}.pinned-you .lb-row{outline-offset:-1px;background:linear-gradient(90deg,#ff49b833,#36e0ff1a);border:0;outline:1px solid #ff49b866;margin:0;box-shadow:0 0 24px #ff49b84d}.empty{padding:120px var(--byol-page-pad);text-align:center;position:relative}.empty .ghost-cabinet{border:2px solid var(--acc-magenta);background:linear-gradient(#1c1a2b,#0b0a14);border-radius:14px 14px 6px 6px;flex-direction:column;align-items:center;width:200px;height:240px;margin:0 auto 32px;padding:18px 0;display:flex;position:relative;box-shadow:0 0 30px #ff49b873,inset 0 0 18px #ff49b833}.empty .ghost-cabinet:after{content:"";background:var(--acc-magenta);width:75%;height:8px;box-shadow:0 0 16px var(--acc-magenta);border-radius:0 0 6px 6px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.empty .ghost-cabinet .scr{aspect-ratio:1.2;width:80%;font-family:var(--byol-font-display);color:var(--space-mid);letter-spacing:.1em;text-align:center;background:#0b0a14;border-radius:3px;justify-content:center;align-items:center;font-size:10px;display:flex;box-shadow:inset 0 0 14px #36e0ff66}.empty .ghost-cabinet .stand{background:#ffffff26;border-radius:2px;width:55%;height:4px;margin-top:14px}.empty .eyebrow{font:400 14px / 1 var(--byol-font-phosphor);letter-spacing:.22em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 8px #ff49b899;margin-bottom:14px}.empty h2{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 18px #ff49b880;margin:0 0 18px;font-size:26px;line-height:1.3}.empty h2 em{color:var(--acc-cool);font-style:normal}.empty p{font:400 16px / 1.55 var(--byol-font-ui);color:var(--byol-color-text-muted);max-width:42ch;margin:0 auto 32px}.empty .actions{justify-content:center;gap:14px;display:flex}.btn-play-lg{appearance:none;cursor:pointer;border:1px solid var(--acc-magenta);color:var(--acc-magenta);font-family:var(--byol-font-display);text-shadow:0 0 8px #ff49b899;background:#ff49b81a;border-radius:6px;align-items:center;gap:12px;padding:18px 22px;font-size:12px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;box-shadow:inset 0 0 16px #ff49b833,0 0 24px #ff49b866}.btn-play-lg:hover{background:var(--acc-magenta);color:#0b0a14;text-shadow:none}.btn-ghost-lg{appearance:none;cursor:pointer;border:1px solid var(--line-strong);color:var(--byol-color-text-muted);font:600 14px / 1 var(--byol-font-ui);background:0 0;border-radius:6px;align-items:center;padding:18px 22px;text-decoration:none;display:inline-flex}.btn-ghost-lg:hover{color:#fff;background:#ffffff0d}.play-surface{height:100vh;min-height:100vh;overflow:hidden}.play-surface>.layer{width:100%;height:100%}.strip{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:60px;z-index:var(--byol-z-header);background:#0b0a14a6;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:absolute;top:0;left:0;right:0}.strip .lockup .mark{width:28px;height:28px}.strip .lockup .wm{font-size:11px}.strip .lockup .wm small{font-size:6px}.strip .session{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;color:var(--space-mid);align-items:center;gap:14px;display:flex}.strip .session .live{color:var(--acc-lime);text-shadow:0 0 6px #c6ff4fb3;align-items:center;gap:6px;display:flex}.strip .session .live:before{content:"";background:var(--acc-lime);width:7px;height:7px;box-shadow:0 0 8px var(--acc-lime);border-radius:50%;animation:1.4s steps(2,end) infinite byol-blink}.strip .pause-btn{appearance:none;cursor:pointer;border:1px solid var(--line-strong);font:600 12px / 1 var(--byol-font-ui);color:var(--byol-color-text-muted);letter-spacing:.04em;background:#ffffff0a;border-radius:6px;align-items:center;gap:10px;padding:8px 14px 8px 12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.strip .pause-btn:hover{color:#fff;background:#ffffff14}.strip .pause-btn .ico{width:10px;height:10px;color:var(--acc-cool);justify-content:center;align-items:center;display:inline-flex}.strip .pause-btn .esc{font:400 10px / 1 var(--byol-font-data);color:var(--space-mid);border:1px solid var(--line);background:#ffffff0f;border-radius:3px;margin-left:6px;padding:3px 5px}.canvas-wrap{aspect-ratio:16/9;width:1280px;max-width:calc(100vw - 32px);height:720px;max-height:calc(100vh - 200px);z-index:var(--byol-z-canvas);background:#0b0a14;border:1px solid #ff49b84d;border-radius:12px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ff49b826,inset 0 0 60px #0009,0 30px 80px #00000080}.canvas-wrap .stars{background-image:radial-gradient(circle at 12% 22%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 78% 45%,#36e0ffd9 0 1px,#0000 1.5px),radial-gradient(circle at 32% 78%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 88% 12%,#ff49b8b3 0 1px,#0000 1.5px),radial-gradient(circle at 22% 55%,#ffffff80 0 1px,#0000 1.5px),radial-gradient(circle at 56% 28%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 68% 88%,#ff49b880 0 1px,#0000 1.5px),radial-gradient(circle at 8% 88%,#c6ff4f80 0 1px,#0000 1.5px),radial-gradient(circle at 44% 12%,#fff9 0 1px,#0000 1.5px),radial-gradient(circle at 92% 64%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 38% 38%,#fff6 0 1px,#0000 1.5px),radial-gradient(circle at 62% 72%,#36e0ff99 0 1px,#0000 1.5px);position:absolute;inset:0}.canvas-wrap .grid{transform-origin:50% 100%;opacity:.7;background-image:linear-gradient(90deg,#36e0ff2e 1px,#0000 1px),linear-gradient(#36e0ff2e 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;transform:perspective(600px)rotateX(62deg)translateY(40%);-webkit-mask-image:linear-gradient(#0000 20%,#000 70%);mask-image:linear-gradient(#0000 20%,#000 70%)}.canvas-wrap .bloom-tl{pointer-events:none;background:radial-gradient(circle,#ff49b852,#0000 60%);width:55%;height:55%;position:absolute;top:-25%;left:-10%}.canvas-wrap .bloom-br{pointer-events:none;background:radial-gradient(circle,#36e0ff47,#0000 65%);width:55%;height:55%;position:absolute;bottom:-25%;right:-10%}.canvas-wrap .scan{pointer-events:none;background:repeating-linear-gradient(#fff0 0 2px,#ffffff0d 2px 3px);position:absolute;inset:0}.canvas-wrap .vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px #000c}.canvas-internal-hud{font-family:var(--byol-font-display);letter-spacing:0;color:#ffffff80;text-shadow:0 0 6px #36e0ff66;pointer-events:none;justify-content:center;font-size:10px;display:flex;position:absolute;top:14px;left:0;right:0}.canvas-placeholder{font-family:var(--byol-font-phosphor);letter-spacing:.2em;color:var(--space-mid);text-transform:uppercase;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.hud{pointer-events:none;z-index:var(--byol-z-hud);position:absolute;inset:0}.hud>*{pointer-events:auto;position:absolute}.hud-score{top:140px;left:80px}.hud-wave{text-align:right;top:140px;right:80px}.hud-multi{top:300px;left:80px}.hud-lives{bottom:140px;left:80px}.hud-time{text-align:right;bottom:140px;right:80px}.hud-controls{bottom:60px;left:50%;transform:translate(-50%)}.hud-block .lab{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.22em;text-transform:uppercase;color:var(--space-mid);align-items:center;gap:8px;margin-bottom:8px;display:flex}.hud-block .lab:before{content:"";background:var(--acc-magenta);width:6px;height:6px;box-shadow:0 0 8px var(--acc-magenta)}.hud-block.right .lab{justify-content:flex-end}.hud-block.right .lab:before{background:var(--acc-cool);box-shadow:0 0 8px var(--acc-cool);order:2}.hud-block .val{font-family:var(--byol-font-phosphor);color:var(--acc-cool);text-shadow:0 0 18px #36e0ff99;font-variant-numeric:tabular-nums;font-size:64px;line-height:1}.hud-block .val.hot{color:var(--acc-hot);text-shadow:0 0 18px #ff5a3699}.hud-block .val.lime{color:var(--acc-lime);text-shadow:0 0 18px #c6ff4f99}.hud-block .sub{font:500 12px / 1.4 var(--byol-font-data);color:var(--space-mid);letter-spacing:.04em;margin-top:6px}.lives-row{gap:8px;margin-top:4px;display:flex}.life-pip{background:#36e0ff0f;border:1px solid #36e0ff59;border-radius:4px;padding:4px;box-shadow:inset 0 0 8px #36e0ff1a}.life-pip.lost{border-color:var(--line);opacity:.25;filter:grayscale();background:0 0}.multi-chip{background:#c6ff4f0f;border:1px solid #c6ff4f66;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex;box-shadow:inset 0 0 14px #c6ff4f1a}.multi-chip .x{font-family:var(--byol-font-display);color:var(--acc-lime);text-shadow:0 0 10px #c6ff4fb3;font-size:18px}.multi-chip .meta{font:400 11px / 1 var(--byol-font-phosphor);letter-spacing:.16em;text-transform:uppercase;color:var(--space-mid);flex-direction:column;gap:3px;display:flex}.multi-chip .meta b{color:#fff;font-family:var(--byol-font-data);letter-spacing:.04em;text-transform:none;font-size:11px;font-weight:600}.controls{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.16em;text-transform:uppercase;color:var(--space-mid);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a1480;border-radius:999px;gap:24px;padding:10px 18px;display:flex}.controls .ctl{align-items:center;gap:8px;display:flex}.controls .ctl .key{border:1px solid var(--line-strong);min-width:24px;font:400 11px / 1 var(--byol-font-data);color:#fff;background:#ffffff12;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;display:inline-flex}.controls .ctl .key.lg{min-width:60px}.timer-block .val{font-family:var(--byol-font-data);color:#fff;text-shadow:0 0 12px #fff3;font-variant-numeric:tabular-nums;font-size:34px;font-weight:600}.pause-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--byol-z-modal);background:#0b0a14b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-card{text-align:center;background:#0b0a14d9;border:1px solid #ff49b859;border-radius:16px;min-width:480px;padding:48px 56px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff49b833,0 30px 80px #0009,inset 0 0 30px #ff49b814}.pause-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(#fff0 0 2px,#ffffff0a 2px 3px);position:absolute;inset:0}.pause-card>*{position:relative}.pause-card .lab{font:400 14px / 1 var(--byol-font-phosphor);letter-spacing:.24em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 8px #ff49b899;margin-bottom:14px}.pause-card h2{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 18px #ff49b88c;margin:0 0 28px;font-size:30px;line-height:1.2}.pause-card .pause-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;gap:48px;margin-bottom:32px;padding:18px 0;display:flex}.pause-card .pause-stats .s{font:400 12px / 1.4 var(--byol-font-phosphor);letter-spacing:.16em;text-transform:uppercase;color:var(--space-mid)}.pause-card .pause-stats .s b{font-family:var(--byol-font-phosphor);color:var(--acc-cool);text-shadow:0 0 10px #36e0ff8c;text-transform:none;letter-spacing:0;margin-top:4px;font-size:26px;font-weight:400;display:block}.pause-card .actions{flex-direction:column;gap:12px;display:flex}.btn-pixel{appearance:none;cursor:pointer;border:1px solid var(--acc-cool);background:var(--acc-cool);color:#0b0a14;font-family:var(--byol-font-display);letter-spacing:0;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:16px 22px;font-size:12px;transition:transform .12s,box-shadow .15s;display:inline-flex;box-shadow:0 0 22px #36e0ff66}.btn-pixel:hover{box-shadow:0 0 32px #36e0ffa6}.btn-pixel.secondary{color:var(--acc-cool);box-shadow:none;text-shadow:0 0 6px #36e0ff99;background:0 0;border-color:#36e0ff73}.btn-pixel.secondary:hover{border-color:var(--acc-cool);background:#36e0ff14}.btn-pixel.ghost{color:var(--byol-color-text-muted);border-color:var(--line-strong);box-shadow:none;text-shadow:none;background:0 0}.btn-pixel.ghost:hover{color:#fff;background:#ffffff0d}.btn-pixel.magenta{color:var(--acc-magenta);border-color:var(--acc-magenta);text-shadow:0 0 6px #ff49b880;background:#ff49b81a;box-shadow:inset 0 0 14px #ff49b833,0 0 26px #ff49b866}.btn-pixel.magenta:hover{background:var(--acc-magenta);color:#0b0a14;text-shadow:none}.btn-pixel.danger{color:#ff8a6f;box-shadow:none;background:0 0;border-color:#ff5a3673}.btn-pixel.danger:hover{color:var(--acc-hot);text-shadow:0 0 6px #ff5a3680;background:#ff5a361a}.game-over-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--byol-z-modal);background:#0b0a14b3;position:absolute;inset:0}.gameover-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:920px;max-width:calc(100vw - 32px);z-index:var(--byol-z-modal);background:#0b0a14c7;border:1px solid #ff49b859;border-radius:18px;padding:48px 56px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ff49b82e,0 40px 100px #000000b3,inset 0 0 40px #ff49b814}.gameover-modal:before{content:"";pointer-events:none;background:repeating-linear-gradient(#fff0 0 2px,#ffffff0b 2px 3px);position:absolute;inset:0}.gameover-modal>*{position:relative}.gameover-modal .corner-glow-tl{pointer-events:none;background:radial-gradient(circle,#ff49b866,#0000 65%);width:200px;height:200px;position:absolute;top:-60px;left:-60px}.gameover-modal .corner-glow-br{pointer-events:none;background:radial-gradient(circle,#36e0ff59,#0000 65%);width:200px;height:200px;position:absolute;bottom:-60px;right:-60px}.gameover-modal .eyebrow{font:400 14px / 1 var(--byol-font-phosphor);letter-spacing:.24em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 10px #ff49b8b3;align-items:center;gap:10px;margin-bottom:14px;display:flex}.gameover-modal .eyebrow:before{content:"";background:var(--acc-magenta);width:8px;height:8px;box-shadow:0 0 12px var(--acc-magenta)}.gameover-modal h1{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 22px #ff49b88c,0 0 4px #36e0ff66;margin:0 0 8px;font-size:40px;line-height:1.15}.gameover-modal h1 em{color:var(--acc-cool);text-shadow:0 0 18px #36e0ffb3;font-style:normal}.gameover-modal .subhead{font:400 16px / 1.5 var(--byol-font-ui);color:var(--byol-color-text-muted);margin:0 0 32px}.gameover-modal .final-row{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr;align-items:end;gap:36px;margin-bottom:30px;padding-bottom:28px;display:grid}.gameover-modal .final-score .l{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.22em;text-transform:uppercase;color:var(--space-mid);margin-bottom:10px}.gameover-modal .final-score .v{font-family:var(--byol-font-phosphor);color:var(--acc-cool);text-shadow:0 0 28px #36e0ffa6;font-variant-numeric:tabular-nums;font-size:128px;line-height:.9}.gameover-modal .delta-row{font:400 14px / 1.4 var(--byol-font-data);color:var(--byol-color-text-muted);letter-spacing:.04em;margin-top:10px}.gameover-modal .delta-row .pb{font-family:var(--byol-font-display);color:#0b0a14;background:var(--acc-lime);letter-spacing:0;border-radius:4px;align-items:center;gap:8px;margin-right:10px;padding:5px 8px;font-size:10px;display:inline-flex;box-shadow:0 0 18px #c6ff4f8c}.gameover-modal .delta-row .delta{color:var(--acc-lime);text-shadow:0 0 8px #c6ff4f73}.gameover-modal .rank-card{background:#ff49b814;border:1px solid #ff49b866;border-radius:14px;padding:22px 24px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #ff49b81f,0 0 30px #ff49b82e}.gameover-modal .rank-card .l{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.22em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 8px #ff49b899;margin-bottom:10px}.gameover-modal .rank-card .num{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 22px #ff49b899;font-size:60px;line-height:1}.gameover-modal .rank-card .num .hash{font-family:var(--byol-font-phosphor);color:var(--space-mid);text-shadow:none;vertical-align:top;margin-right:6px;font-size:32px}.gameover-modal .rank-card .scope{font:400 12px / 1.4 var(--byol-font-phosphor);letter-spacing:.16em;text-transform:uppercase;color:var(--byol-color-text-muted);margin-top:8px}.gameover-modal .rank-card.outside{box-shadow:none;background:#ffffff08;border-color:#ffffff26}.gameover-modal .rank-card.outside .l{color:var(--space-mid);text-shadow:none}.gameover-modal .rank-card.outside .num{color:#fff;text-shadow:0 0 12px #fff3}.gameover-modal .rank-card.outside .num .hash{color:var(--space-mid)}.gameover-modal .stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:32px;display:grid}.gameover-modal .stats .s{border:1px solid var(--line);background:#ffffff08;border-radius:10px;padding:14px}.gameover-modal .stats .s .l{font:400 12px / 1 var(--byol-font-phosphor);letter-spacing:.16em;text-transform:uppercase;color:var(--space-mid);margin-bottom:8px}.gameover-modal .stats .s .v{font-family:var(--byol-font-data);color:#fff;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1}.gameover-modal .stats .s .v.cool{color:var(--acc-cool);font-family:var(--byol-font-phosphor);text-shadow:0 0 10px #36e0ff8c;font-size:30px;font-weight:400}.gameover-modal .stats .s .sub{font:500 11px / 1.3 var(--byol-font-data);color:var(--space-mid);letter-spacing:.04em;margin-top:6px}.gameover-modal .actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.gameover-modal .signin-prompt{font:400 13px / 1.4 var(--byol-font-ui);color:var(--byol-color-text-muted);background:#36e0ff0f;border:1px solid #36e0ff4d;border-radius:10px;align-items:center;gap:14px;margin-top:18px;padding:14px;display:flex}.gameover-modal .signin-prompt .ic{width:24px;height:24px;color:var(--acc-cool);font:400 12px / 1 var(--byol-font-phosphor);text-shadow:0 0 6px #36e0ff99;background:#36e0ff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gameover-modal .signin-prompt b{color:#fff}.gameover-modal .signin-prompt button{appearance:none;cursor:pointer;color:var(--acc-cool);text-shadow:0 0 6px #36e0ff80;font-family:var(--byol-font-display);background:0 0;border:1px solid #36e0ff59;border-radius:6px;margin-left:auto;padding:8px 10px;font-size:10px;transition:background .15s}.gameover-modal .signin-prompt button:hover{background:#36e0ff1f}.debug-panel{z-index:var(--byol-z-toast);max-width:240px;font-family:var(--byol-font-data);color:var(--byol-color-text-muted);pointer-events:auto;background:#0b0a14e0;border:1px dashed #ff49b873;border-radius:10px;padding:12px;font-size:11px;position:absolute;top:80px;left:16px}.debug-panel .debug-head{font-family:var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;color:var(--acc-magenta);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.debug-panel .debug-head button{appearance:none;color:var(--space-mid);cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1}.debug-panel .debug-note{color:var(--space-mid);margin:0 0 10px}.debug-panel .debug-actions{flex-direction:column;gap:6px;display:flex}.debug-panel .debug-actions button{appearance:none;border:1px solid var(--line-strong);color:var(--byol-color-text);font:500 11px / 1.2 var(--byol-font-data);text-align:left;cursor:pointer;background:#ffffff0a;border-radius:6px;padding:6px 8px}.debug-panel .debug-actions button:hover{background:#36e0ff1a;border-color:#36e0ff66}.desktop-gate{background:var(--byol-bg-after-hours);color:#fff;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.desktop-gate:before{content:"";pointer-events:none;background:var(--byol-scanlines);mix-blend-mode:overlay;position:absolute;inset:0}.dg-card{text-align:center;background:#0b0a14c7;border:1px solid #ff49b859;border-radius:14px;max-width:420px;padding:32px 28px;position:relative;box-shadow:0 0 0 1px #ff49b826,0 30px 80px #0009}.dg-card .lab{font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.22em;text-transform:uppercase;color:var(--acc-magenta);text-shadow:0 0 8px #ff49b899;margin-bottom:12px}.dg-card h2{font-family:var(--byol-font-display);color:#fff;text-shadow:0 0 14px #ff49b880;margin:0 0 18px;font-size:20px;line-height:1.3}.dg-card h2 em{color:var(--acc-cool);font-style:normal}.dg-card p{font:400 14px / 1.55 var(--byol-font-ui);color:var(--byol-color-text-muted);margin:0 0 22px}.dg-card .dg-cta{background:var(--acc-magenta);color:#0b0a14;font:400 13px / 1 var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;border-radius:10px;margin-bottom:16px;padding:12px 22px;text-decoration:none;transition:filter .15s,box-shadow .15s;display:inline-block;box-shadow:0 0 18px #ff49b880}.dg-card .dg-cta:hover{filter:brightness(1.08);box-shadow:0 0 26px #ff49b8b3}.dg-card .dg-back{font:400 12px / 1 var(--byol-font-phosphor);letter-spacing:.2em;text-transform:uppercase;color:var(--acc-cool);text-shadow:0 0 6px #36e0ff80;text-decoration:none;display:inline-block}.kaplay-mount{z-index:2;position:absolute;inset:0}.kaplay-mount canvas{width:100%;height:100%;display:block}.submit-toast{border:1px solid var(--line-strong);font:400 12px / 1 var(--byol-font-phosphor);letter-spacing:.18em;text-transform:uppercase;color:var(--byol-color-text-muted);z-index:calc(var(--byol-z-modal) + 1);background:#0b0a14d9;border-radius:999px;padding:10px 18px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.submit-toast.ok{color:var(--acc-lime);text-shadow:0 0 6px #c6ff4f99;border-color:#c6ff4f80}.submit-toast.err{color:var(--acc-magenta);text-shadow:0 0 6px #ff49b899;border-color:#ff49b880}.gameover-modal .view-lb-link{appearance:none;cursor:pointer;font:400 12px/1 var(--byol-font-phosphor);letter-spacing:.2em;text-transform:uppercase;color:var(--space-mid);background:0 0;border:0;margin:16px auto 0;padding:6px 8px;transition:color .15s,text-shadow .15s;display:block}.gameover-modal .view-lb-link:hover{color:var(--acc-cool);text-shadow:0 0 6px #36e0ff80}