:root{--sys-void:#03080a;--sys-ink:#e0ffec;--sys-green:#00ff66;--sys-teal:#00ffc8;--sys-dim:rgba(0,255,102,0.5);--sys-faint:rgba(0,255,102,0.24);--sys-line:rgba(0,255,102,0.2);--sys-mono:'Courier New',ui-monospace,monospace}html,body{width:100%;height:100%;margin:0;background:var(--sys-void);color:var(--sys-ink);overflow:hidden;overscroll-behavior:none}#sys{position:fixed;inset:0;overflow:hidden;font-family:var(--sys-mono)}#sys-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:none}#sys.is-menu #sys-canvas,#sys.is-over #sys-canvas{cursor:default}.sys-hud{position:absolute;top:0;left:0;right:0;display:grid;align-items:start;grid-template-columns:auto auto 1fr auto;gap:0 26px;padding:74px 26px 0;font-size:0.62rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--sys-dim);pointer-events:none;z-index:4;transition:opacity 0.5s ease,padding-top 0.35s ease}.sys-hud[hidden]{display:none}.sys-floors{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:0.64rem;letter-spacing:0.16em;color:rgba(0,255,102,0.22);font-variant-numeric:tabular-nums}.sys-floors li.is-on{color:#ffbe3c;font-weight:700;text-shadow:0 0 12px rgba(255,190,60,0.55)}.sys-hero{display:flex;align-items:baseline;gap:9px;line-height:0.82}.sys-hero-n{font-size:clamp(3.4rem,8vw,6.2rem);font-weight:700;color:var(--sys-ink);letter-spacing:-0.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(224,255,236,0.35)}.sys-hero-u{font-size:0.62rem;letter-spacing:0.3em;color:var(--sys-dim);writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-end;padding-bottom:0.6em}.sys-second{justify-self:start;display:flex;flex-direction:column;gap:3px;padding-top:8px}.sys-second-c{font-size:0.56rem;letter-spacing:0.26em;color:rgba(255,190,60,0.45)}.sys-hint{display:block;margin-top:2px;color:rgba(120,200,255,0.55)}.sys-time{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;line-height:0.9;color:#ffbe3c;font-variant-numeric:tabular-nums;letter-spacing:0.01em;text-shadow:0 0 18px rgba(255,190,60,0.3)}.sys-time.is-unranked{color:rgba(255,190,60,0.42);text-shadow:none}.sys-state{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding-top:10px}.sys-state-row{display:flex;align-items:center;gap:8px}.sys-pips{font-size:1.32rem;letter-spacing:0.1em;line-height:1}.sys-lives{color:#ff2e52}.sys-lives.is-last{animation:sys-last 1.1s ease-in-out infinite}.sys-keys{color:rgba(80,200,255,0.34)}.sys-keys.is-full{color:#50c8ff;text-shadow:0 0 12px rgba(80,200,255,0.7)}@keyframes sys-last{50%{opacity:0.45}}.sys-alert{grid-column:1 / -1;margin-top:14px;height:3px;background:rgba(0,255,102,0.10)}.sys-alert span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ffbe3c,#ff2e52);box-shadow:0 0 14px rgba(255,46,82,0.6);transition:width 0.25s linear}.sys-alert-lbl{grid-column:1 / -1;margin:5px 0 0;font-size:0.48rem;letter-spacing:0.28em;color:rgba(255,46,82,0.5)}.sys-snare{pointer-events:all;appearance:none;background:rgba(0,255,200,0.06);border:1px solid rgba(0,255,200,0.4);color:var(--sys-teal);font-family:var(--sys-mono);font-size:0.56rem;letter-spacing:0.18em;text-transform:uppercase;padding:6px 10px;cursor:pointer;transition:background 0.2s,color 0.2s,border-color 0.2s,opacity 0.2s}.sys-snare:hover:not(:disabled){background:rgba(0,255,200,0.16);color:#eafff6}.sys-snare:disabled{opacity:0.32;cursor:default}.sys-mute,.sys-fs{pointer-events:all;appearance:none;background:none;border:1px solid var(--sys-faint);color:var(--sys-dim);width:28px;height:28px;border-radius:50%;font-size:0.68rem;cursor:pointer;transition:color 0.2s,border-color 0.2s}.sys-mute:hover,.sys-fs:hover{color:var(--sys-ink);border-color:var(--sys-line)}.sys-mute[aria-pressed="true"]{color:var(--sys-faint)}.sys-fs[aria-pressed="true"]{color:var(--sys-ink);border-color:var(--sys-line)}.sys-fs[hidden]{display:none}#sys-menu .portada-ranked,#sys-menu .portada-name,#sys-menu .portada-board{font-family:var(--sys-mono)}#sys-menu .portada-board-score{color:var(--sys-teal)}.sys-name{appearance:none;cursor:pointer;display:block;margin:2px auto 0;background:none;border:0;padding:2px 4px;color:var(--sys-ink);font-family:var(--sys-mono);font-size:0.56rem;letter-spacing:0.18em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--sys-dim);transition:color 0.2s,text-decoration-color 0.2s}.sys-name:hover{color:var(--sys-teal);text-decoration-color:var(--sys-teal)}.sys-name[disabled]{cursor:default;color:var(--sys-dim);text-decoration:none}.sys-name[hidden]{display:none}.sys-name:focus-visible{outline:2px solid var(--sys-green);outline-offset:3px}.sys-rank{margin-top:12px;font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--sys-teal)}.sys-rank[hidden]{display:none}.sys-toast{position:absolute;left:50%;top:110px;transform:translate(-50%,-8px);z-index:7;padding:9px 18px;border:1px solid var(--sys-line);background:rgba(7,8,10,0.85);color:var(--sys-ink);font-size:0.64rem;letter-spacing:0.16em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.45s ease,transform 0.45s ease}.sys-toast.is-shown{opacity:1;transform:translate(-50%,0)}.sys-toast[hidden]{display:none}.sys-overlay{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.sys-overlay[hidden]{display:none}#sys-over-share{--sh-fg:#eafff2;--sh-fg-mute:rgba(224,255,236,0.72);--sh-bg:rgba(0,255,102,0.04);--sh-border:rgba(0,255,102,0.28);--sh-accent:var(--sys-green);--pd-btn-fg:#03080a}#sys-menu .portada-panel{--pd-fg:#eafff2;--pd-fg-mute:rgba(224,255,236,0.62);--pd-fg-faint:rgba(224,255,236,0.4);--pd-accent:var(--sys-green);--pd-accent-2:var(--sys-teal);--pd-surface:rgba(3,12,8,0.55);--pd-tile-bg:rgba(0,255,102,0.04);--pd-border:rgba(0,255,102,0.28);--pd-shadow:0 0 90px rgba(0,255,102,0.16),0 30px 70px rgba(0,0,0,0.6),inset 0 1px 0 rgba(0,255,102,0.1);--pd-mark-filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(0,255,102,0.65));font-family:var(--sys-mono);position:relative}#sys-menu .portada-panel::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}#sys-menu .portada-panel::after{content:'';position:absolute;inset:-40px;z-index:-1;border-radius:inherit;background:radial-gradient(60% 60% at 50% 30%,rgba(0,255,102,0.22),transparent 70%);animation:sys-breathe 3.4s ease-in-out infinite}@keyframes sys-breathe{0%,100%{opacity:0.55}50%{opacity:1}}#sys-menu .portada-title{font-weight:500;text-shadow:0 0 22px rgba(0,255,102,0.45),0 0 4px rgba(0,255,102,0.6)}#sys-menu .portada-mode:hover{box-shadow:0 0 26px rgba(0,255,102,0.18)}.sys-pause{background:rgba(7,8,10,0.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sys-pause-title{margin:12px 0 0;font-weight:400;font-size:clamp(1.6rem,6vw,2.4rem);letter-spacing:0.3em;text-indent:0.3em;color:var(--sys-ink);text-shadow:0 0 22px rgba(0,255,102,0.35)}.sys-over{background:rgba(7,8,10,0.78);opacity:0;transition:opacity 0.6s ease}.sys-over.is-shown{opacity:1}.sys-eyebrow{font-size:0.62rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--sys-dim)}.sys-over h2{margin:12px 0 0;font-weight:400;font-size:clamp(1.8rem,7vw,3rem);letter-spacing:0.16em}.sys-over-sub{margin:10px 0 0;font-size:0.66rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--sys-dim)}.sys-reward{margin-top:16px;font-size:0.68rem;letter-spacing:0.06em;color:var(--sys-dim);max-width:32rem;line-height:1.6}.sys-reward b{color:var(--sys-ink);letter-spacing:0.02em}.sys-share{margin:18px 0 0;padding:12px 18px;border:1px solid var(--sys-line);background:rgba(255,255,255,0.03);font-family:var(--sys-mono);font-size:0.7rem;letter-spacing:0.14em;color:var(--sys-ink);line-height:1.7;white-space:pre;text-align:center}.sys-share[hidden]{display:none}.sys-free-actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.sys-free-btn{appearance:none;cursor:pointer;text-decoration:none;background:none;border:1px solid var(--sys-faint);color:var(--sys-ink);font-family:var(--sys-mono);font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase;padding:11px 22px;transition:background 0.2s,color 0.2s,border-color 0.2s}.sys-free-btn:hover{border-color:var(--eb-blue,#2a4bd0);color:#fff}.sys-free-btn.is-primary{background:var(--eb-blue,#2a4bd0);color:#fff;border-color:var(--eb-blue,#2a4bd0)}.sys-free-btn.is-primary:hover{background:var(--eb-blue-2,#3f60e8);color:#fff;border-color:var(--eb-blue-2,#3f60e8)}.sys-free-btn:focus-visible,.sys-mute:focus-visible,.sys-snare:focus-visible,.portada-ranked:focus-visible,.portada-board-tab:focus-visible,#sys-menu .portada-mode:focus-visible{outline:2px solid var(--sys-green);outline-offset:3px;color:var(--sys-ink)}body.game-footer{--gf-bg:rgba(7,8,10,0.72);--gf-rule:var(--sys-line);--gf-ink:var(--sys-dim);--gf-hover:var(--sys-ink);--gf-font:var(--sys-mono)}#site-footer .site-footer{position:fixed;left:0;right:0;bottom:0;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root:fullscreen #site-header .site-header,:root:fullscreen #site-footer .site-footer{transition:opacity 0.35s ease}:root:fullscreen:has(#sys.is-run) #site-header .site-header,:root:fullscreen:has(#sys.is-run) #site-footer .site-footer{opacity:0;pointer-events:none}:root:fullscreen:has(#sys.is-run) .sys-hud{padding-top:26px}@media (prefers-reduced-motion: reduce){#sys-menu .portada-panel::after{animation:none}}@media (max-width: 620px){.sys-hud{padding-top:74px;font-size:0.56rem}}#sys-book{--pd-fg:var(--sys-ink);--pd-fg-mute:var(--sys-dim);--pd-fg-faint:var(--sys-faint);--pd-accent:var(--sys-teal);--pd-border:var(--sys-line);--pd-surface:rgba(6,14,12,0.86);--pd-tile-bg:rgba(0,255,200,0.05);--pd-shadow:0 30px 80px rgba(0,0,0,0.6),inset 0 1px 0 rgba(0,255,102,0.08);--pd-radius:0;--pd-book-scrim:radial-gradient(120% 120% at 50% 30%,rgba(3,8,10,0.72) 0%,rgba(3,8,10,0.93) 100%);font-family:var(--sys-mono)}#sys-book .portada-book-kicker{color:var(--sys-green)}#sys-book .portada-book-dot.on{background:var(--sys-green)}#sys-book b.is-exit{color:var(--sys-exit,#50c8ff)}#sys-book b.is-gate{color:#ffbe3c}#sys-book b.is-alert{color:#ff2e52}.sys-stars{display:block;margin-top:3px;font-size:0.78rem;letter-spacing:0.22em;color:rgba(255,190,60,0.55)}.sys-stars.is-seen{color:rgba(255,46,82,0.95);text-shadow:0 0 10px rgba(255,46,82,0.45)}.sys-trend{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:34px;margin:10px 0 2px}.sys-trend i{display:block;width:6px;min-height:2px;border-radius:1px;background:rgba(255,190,60,0.28)}.sys-trend i.is-best{background:rgba(0,255,150,0.75)}.sys-trend i.is-now{background:rgba(255,255,255,0.92)}.sys-trend-note{font-size:0.56rem;letter-spacing:0.24em;text-transform:lowercase;color:rgba(255,190,60,0.45);margin:0 0 6px}.sys-work{display:block;margin-top:2px;font-size:0.54rem;letter-spacing:0.2em;text-transform:lowercase;color:rgba(255,255,255,0.34)}.sys-pop{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;opacity:0;z-index:60}.sys-pop.is-on{animation:sys-pop-in 1500ms cubic-bezier(.16,.84,.34,1) forwards}.sys-pop-icon{font-size:3.4rem;line-height:1;color:rgba(0,255,150,0.95);text-shadow:0 0 26px rgba(0,255,150,0.55)}.sys-pop-text{font-size:0.62rem;letter-spacing:0.34em;text-transform:uppercase;color:rgba(255,255,255,0.86)}.sys-pop.is-life .sys-pop-icon{color:rgba(255,80,110,0.95);text-shadow:0 0 26px rgba(255,80,110,0.55)}.sys-pop.is-warn .sys-pop-icon{color:rgba(255,190,60,0.95);text-shadow:0 0 26px rgba(255,190,60,0.55)}.sys-pop.is-cool .sys-pop-icon{color:rgba(120,200,255,0.95);text-shadow:0 0 26px rgba(120,200,255,0.5)}@keyframes sys-pop-in{0%{opacity:0;transform:translate(-50%,-50%) scale(0.72)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}26%{transform:translate(-50%,-50%) scale(1)}74%{opacity:1;transform:translate(-50%,-54%) scale(1)}100%{opacity:0;transform:translate(-50%,-62%) scale(1)}}@media (prefers-reduced-motion: reduce){.sys-pop.is-on{animation:sys-pop-fade 1500ms linear forwards}@keyframes sys-pop-fade{0%,80%{opacity:1}100%{opacity:0}}}.sys-typing::after{content:"\2588";opacity:0.55;animation:sys-caret 700ms steps(1) infinite}@keyframes sys-caret{50%{opacity:0}}.sys-slow{display:block;width:96px;height:3px;margin-top:6px;background:rgba(120,200,255,0.14);border-radius:2px;overflow:hidden}.sys-slow i{display:block;height:100%;width:100%;background:rgba(120,200,255,0.55);transition:width 0.12s linear}.sys-slow.is-low i{background:rgba(255,190,60,0.7)}.sys-slow.is-empty i{background:rgba(255,46,82,0.7)}.sys-slow.is-paid i{background:#9fe6ff;box-shadow:0 0 10px rgba(120,200,255,0.8)}.sys-hud::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 0% 0%,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0) 62%),radial-gradient(90% 80% at 100% 0%,rgba(0,0,0,0.62) 0%,rgba(0,0,0,0) 58%)}.sys-hud{isolation:isolate}.sys-time{text-shadow:0 1px 10px rgba(0,0,0,0.9)}.sys-hero-n{text-shadow:0 2px 18px rgba(0,0,0,0.85)}.sys-second-c,.sys-work,.sys-stars{text-shadow:0 1px 8px rgba(0,0,0,0.9)}.sys-up{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(2,7,9,0.9)}.sys-up-title{font-size:1.5rem;letter-spacing:0.3em;text-transform:uppercase;margin:4px 0 0;color:#e8f6ee}.sys-up-sub{font-size:0.58rem;letter-spacing:0.26em;text-transform:lowercase;color:rgba(255,255,255,0.42);margin:0 0 18px}.sys-up-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;padding:0 18px}.sys-up-card{width:190px;padding:16px 14px;text-align:left;cursor:pointer;background:rgba(0,255,150,0.04);border:1px solid rgba(0,255,150,0.22);border-radius:2px;color:inherit;font:inherit;transition:background 0.15s,border-color 0.15s,transform 0.15s}.sys-up-card:hover,.sys-up-card:focus-visible{background:rgba(0,255,150,0.10);border-color:rgba(0,255,150,0.6);transform:translateY(-2px)}.sys-up-ico{display:block;font-size:1.7rem;line-height:1;color:rgba(0,255,150,0.9)}.sys-up-name{display:block;margin-top:8px;font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;color:#e8f6ee}.sys-up-note{display:block;margin-top:6px;font-size:0.62rem;line-height:1.5;letter-spacing:0.06em;color:rgba(255,255,255,0.5);text-transform:lowercase}.sys-up-key{display:block;margin-top:10px;font-size:0.54rem;letter-spacing:0.24em;color:rgba(0,255,150,0.45)}@media (max-width: 680px){.sys-up-card{width:42vw}}body.is-night #site-header,body.is-night #site-footer,body.is-night #sys-menu,body.is-night #sys-menu-btn{display:none !important}body.is-night{background:#000}