@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300..800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-void: #060809;--bg-canvas: #0a0e13;--bg-panel: #11161e;--bg-panel-2: #161d27;--bg-hover: #1d2530;--grid: rgba(120,150,180,.045);--grid-strong: rgba(120,150,180,.085);--hair: rgba(150,175,200,.1);--hair-strong: rgba(150,175,200,.18);--ink: #e8eef6;--ink-dim: #9fb0c3;--ink-faint: #5d6b7d;--ink-ghost: #38424f;--static: #2fd9ff;--static-glow: rgba(47,217,255,.55);--dynamic: #4dffa3;--dynamic-glow: rgba(77,255,163,.55);--async: #ffb13d;--async-glow: rgba(255,177,61,.55);--bank: #4dffa3;--bleed: #ff3d6e;--bleed-glow: rgba(255,61,110,.55);--rep: #b388ff;--rep-glow: rgba(179,136,255,.5);--heat-0: #38424f;--heat-1: #2fd9ff;--heat-2: #ffb13d;--heat-3: #ff3d6e;--heat-3-glow: rgba(255,61,110,.7);--font-display: "Bricolage Grotesque", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-mega: clamp(3.5rem, 9vw, 8rem);--fs-xl: 2rem;--fs-lg: 1.375rem;--fs-md: 1rem;--fs-sm: .8125rem;--fs-xs: .6875rem;--fs-2xs: .5625rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--shadow-panel: 0 1px 0 rgba(255,255,255,.03) inset, 0 20px 50px -25px rgba(0,0,0,.9)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-void);color:var(--ink);font-family:var(--font-display);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.atmos{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(47,217,255,.06),transparent 45%),radial-gradient(circle at 85% 88%,rgba(179,136,255,.05),transparent 50%),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%),radial-gradient(var(--grid) 1px,transparent 1px);background-size:auto,auto,auto,26px 26px}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em;line-height:1}.panel{background:linear-gradient(180deg,var(--bg-panel-2),var(--bg-panel));border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow-panel)}.btn{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--bg-panel-2);border:1px solid var(--hair-strong);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-5);cursor:pointer;transition:border-color .18s,background .18s,transform .12s,box-shadow .18s}.btn:hover{border-color:var(--static);box-shadow:0 0 0 1px var(--static),0 0 24px -6px var(--static-glow);transform:translateY(-1px)}.btn-primary{color:var(--bg-void);background:var(--static);border-color:var(--static);box-shadow:0 0 30px -8px var(--static-glow);font-weight:700}.btn-primary:hover{box-shadow:0 0 44px -6px var(--static-glow)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:100px;border:1px solid var(--hair);color:var(--ink-dim)}.dot{width:7px;height:7px;border-radius:50%;flex:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.reveal{opacity:0;animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}#root{position:relative;z-index:2;height:100vh;width:100vw}.play-root{position:relative;height:100%;width:100%}.graph-host{position:absolute;inset:0}.graph-host canvas{display:block;width:100%;height:100%}.mode-hint{position:absolute;left:50%;bottom:96px;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-dim);background:var(--bg-panel);border:1px solid var(--hair);border-radius:100px;padding:6px 14px;z-index:8;pointer-events:none}.level-banner{position:absolute;left:50%;top:120px;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--fs-md);font-weight:600;letter-spacing:.02em;color:var(--bg, #06080d);background:linear-gradient(90deg,var(--dynamic, #4dffa3),var(--static, #2fd9ff));border-radius:100px;padding:10px 22px;z-index:9;pointer-events:none;box-shadow:0 0 30px #4dffa359;animation:level-banner-in .35s ease-out}@keyframes level-banner-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.renderer-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);color:var(--ink-faint)}.hud-placeholder{position:absolute;inset:0;pointer-events:none}.hud-placeholder .hud-row,.hud-placeholder .dock-row{pointer-events:auto;display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-5);font-family:var(--font-mono);font-size:var(--fs-sm)}.hud-placeholder .hud-row{position:absolute;top:0;left:0;right:0}.hud-placeholder .dock-row{position:absolute;bottom:0;left:0;right:0;flex-wrap:wrap}.hud-placeholder button{font-family:var(--font-mono);background:var(--bg-panel-2);color:var(--ink);border:1px solid var(--hair-strong);border-radius:var(--r-sm);padding:6px 10px;cursor:pointer}.hud-placeholder button.selected{border-color:var(--static);color:var(--static)}.hud-placeholder button:disabled{opacity:.4;cursor:not-allowed}.screen-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;gap:var(--sp-4);align-items:center;justify-content:center;text-align:center;padding:var(--sp-6)}.screen-placeholder h1{font-size:var(--fs-mega);color:var(--static)}.screen{position:absolute;inset:0;z-index:3;overflow:auto}.title-screen{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:var(--sp-6) var(--sp-8)}.title-topbar{display:flex;align-items:center;justify-content:space-between}.title-mark{display:flex;align-items:center;gap:var(--sp-3)}.title-mark-glyph{width:30px;height:30px;color:var(--static);filter:drop-shadow(0 0 10px var(--static-glow))}.title-mark-name{font-family:var(--font-mono);letter-spacing:.32em;font-size:var(--fs-sm);text-transform:uppercase;color:var(--ink-dim)}.title-best{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-dim)}.title-best b{color:var(--dynamic)}.title-hero{align-self:center;max-width:1040px}.title-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--async);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3)}.title-kicker .dot{background:var(--async);box-shadow:0 0 10px var(--async);animation:breathe 2s infinite}.title-h1{font-weight:800;font-size:var(--fs-mega);line-height:.92;letter-spacing:-.03em;margin-bottom:var(--sp-5)}.title-h1 .o{color:var(--static);text-shadow:0 0 50px var(--static-glow)}.title-h1 .comma{color:var(--ink-faint)}.title-h1 .stroke{-webkit-text-stroke:2px var(--ink-faint);color:transparent}.title-blurb{font-size:var(--fs-lg);line-height:1.5;color:var(--ink-dim);max-width:640px;margin-bottom:var(--sp-7)}.title-blurb b{color:var(--ink);font-weight:600}.title-modes{display:flex;gap:var(--sp-4);flex-wrap:wrap}.title-mode{position:relative;width:320px;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);transition:transform .2s,border-color .2s,box-shadow .2s}.title-mode.live{cursor:pointer}.title-mode.live:hover,.title-mode.live:focus-visible{transform:translateY(-4px);border-color:var(--static);outline:none;box-shadow:0 0 0 1px var(--static),0 30px 60px -30px var(--static-glow)}.title-mode-top{display:flex;align-items:center;justify-content:space-between}.title-mode-name{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em}.title-mode-desc{color:var(--ink-dim);font-size:var(--fs-sm);line-height:1.5}.title-mode.locked{opacity:.5}.title-mode .go{margin-top:var(--sp-2);align-self:flex-start;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--bg-void);background:var(--static);padding:10px 20px;border-radius:var(--r-md);font-weight:700;box-shadow:0 0 30px -8px var(--static-glow)}.title-scoreline{display:flex;gap:var(--sp-5);margin-top:auto}.title-sc{display:flex;flex-direction:column;gap:3px}.title-sc .v{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-lg);color:var(--ink-faint)}.title-foot{display:flex;align-items:center;justify-content:space-between;color:var(--ink-faint)}.title-legend{display:flex;gap:var(--sp-3)}.title-keys{display:flex;gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs)}.title-keys .key{border:1px solid var(--hair);border-radius:5px;padding:3px 8px;color:var(--ink-dim)}.over-center{min-height:100%;display:grid;place-items:center;padding:var(--sp-6)}.over-sheet{width:min(1080px,96vw);display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-5)}.over-verdict{padding:var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-4);border-color:color-mix(in srgb,var(--bleed) 35%,var(--hair));box-shadow:0 0 0 1px color-mix(in srgb,var(--bleed) 25%,transparent),0 40px 90px -40px var(--bleed-glow),var(--shadow-panel);animation:rise .6s both}.over-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--bleed);display:flex;align-items:center;gap:10px}.over-kicker .dot{background:var(--bleed);box-shadow:0 0 12px var(--bleed);animation:breathe 1.3s infinite}.over-scoreblock{margin:var(--sp-2) 0}.over-youhit{font-size:var(--fs-lg);color:var(--ink-dim);font-weight:500}.over-score{font-weight:800;font-size:clamp(4rem,12vw,9rem);line-height:.82;letter-spacing:-.04em;color:var(--dynamic);text-shadow:0 0 60px rgba(77,255,163,.35)}.over-score .unit{font-size:.26em;color:var(--ink-dim);letter-spacing:.06em;margin-left:.15em}.over-score-sub{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-faint);letter-spacing:.06em;margin-top:var(--sp-3)}.over-score-sub b{color:var(--dynamic)}.over-cause{font-size:var(--fs-md);line-height:1.5;color:var(--ink-dim);border-left:2px solid var(--bleed);padding-left:var(--sp-3);margin-top:auto}.over-cause b{color:var(--ink)}.over-right{display:flex;flex-direction:column;gap:var(--sp-5)}.over-stats{padding:var(--sp-5);animation:rise .6s .08s both}.over-stats-head{display:flex;justify-content:space-between;margin-bottom:var(--sp-3)}.over-stats-head .arcade{color:var(--ink-ghost)}.over-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3)}.over-stat-cell{background:var(--bg-void);border:1px solid var(--hair);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.over-stat-cell .label{margin-bottom:6px}.over-stat-cell .v{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.01em}.over-stat-cell .v small{font-size:.6em;color:var(--ink-faint);font-weight:500}.over-stat-cell .v.served{color:var(--dynamic)}.over-stat-cell .v.dropped{color:var(--bleed)}.over-actions{grid-column:1 / -1;display:flex;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-2);animation:rise .6s .24s both}@media(max-width:760px){.over-sheet{grid-template-columns:1fr}}.hud{position:absolute;inset:0;z-index:5;display:grid;grid-template-rows:auto 1fr auto;padding:var(--sp-4);gap:var(--sp-4);pointer-events:none}.hud .panel{pointer-events:auto}.hud-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-5);padding:var(--sp-3) var(--sp-6)}.hud-l{display:flex;align-items:center;gap:var(--sp-6)}.hud-r{display:flex;align-items:center;gap:var(--sp-6);justify-content:flex-end}.hud .vrule{width:1px;height:42px;background:var(--hair)}.hud .stat{display:flex;flex-direction:column;gap:5px}.hud .stat .label{white-space:nowrap}.hud .cash{font-size:2.3rem;color:var(--bank);text-shadow:0 0 26px rgba(77,255,163,.3)}.hud .net{font-family:var(--font-mono);font-size:var(--fs-xs)}.hud .net .up{color:var(--bank)}.hud .net .burn{color:var(--bleed)}.billing{display:flex;flex-direction:column;align-items:center}.ring-wrap{position:relative;width:88px;height:88px}.ring-wrap svg{transform:rotate(-90deg)}.ring-bg{stroke:var(--bg-panel-2)}.ring-fg{stroke:var(--async);stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .4s;filter:drop-shadow(0 0 6px var(--async-glow))}.ring-fg.urgent{stroke:var(--heat-3);filter:drop-shadow(0 0 6px var(--heat-3-glow))}.ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-time{font-family:var(--font-mono);font-weight:700;font-size:1.3rem;line-height:1}.rps-big{font-size:2.3rem;color:var(--dynamic);text-shadow:0 0 24px rgba(77,255,163,.28)}.hud .peak{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-dim)}.hud .peak b{color:var(--ink)}.rep{min-width:172px}.rep-hero{min-width:320px;justify-self:center;width:100%;max-width:380px}.rep-hero .rep-track{height:12px;margin-top:8px}.rep-hero .label{font-size:var(--fs-sm)}.rep .toprow{display:flex;justify-content:space-between;align-items:baseline}.rep .lvl{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--rep)}.rep-track{height:8px;border-radius:100px;background:var(--bg-panel-2);border:1px solid var(--hair);overflow:hidden;margin-top:6px}.rep-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#7a52e0,var(--rep));box-shadow:0 0 14px var(--rep-glow);position:relative;transition:width .3s ease}.rep-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32));animation:hud-shimmer 2.6s linear infinite}@keyframes hud-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hud-pause{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink);background:var(--bg-panel-2);border:1px solid var(--hair-strong);border-radius:var(--r-md);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s}.hud-pause:hover{border-color:var(--static);background:var(--bg-hover)}.hud-tidy{margin-top:4px;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-faint);background:var(--bg-panel-2);border:1px solid var(--hair-strong);border-radius:var(--r-sm);padding:2px 8px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.hud-tidy:hover{border-color:var(--static);color:var(--ink);background:var(--bg-hover)}.hud-mid{pointer-events:none}.dock{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5)}.dock-label{display:flex;flex-direction:column;gap:2px;padding-right:var(--sp-4);border-right:1px solid var(--hair);margin-right:var(--sp-2)}.dock-items{display:flex;gap:var(--sp-3);flex:1;overflow-x:auto}.build{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:var(--r-md);border:1px solid var(--hair);background:var(--bg-panel);cursor:pointer;white-space:nowrap;color:var(--ink);transition:border-color .15s,transform .12s,background .15s,box-shadow .15s}.build:hover:not(:disabled){border-color:var(--bc);background:var(--bg-hover);transform:translateY(-2px)}.build:disabled{opacity:.4;cursor:not-allowed}.build.selected{border-color:var(--bc);background:var(--bg-hover);box-shadow:0 0 0 1px var(--bc),0 0 22px -6px var(--bc)}.build-ico{width:22px;height:22px;color:var(--bc);flex:none;display:block}.build-ico svg{width:100%;height:100%}.build .bn{font-size:var(--fs-sm);font-weight:600;line-height:1.05}.build .bc{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-faint)}.build .bcost{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-sm);margin-left:4px}.dock-legend{display:flex;gap:var(--sp-2);padding-left:var(--sp-4);border-left:1px solid var(--hair);margin-left:var(--sp-2)}.total-drop{display:flex;flex-direction:column;gap:2px;align-items:flex-end;padding-left:var(--sp-4);border-left:1px solid var(--hair);margin-left:var(--sp-2)}.total-drop .v{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-lg);color:var(--heat-3)}.node-settings{position:absolute;top:76px;right:16px;z-index:4;width:232px;padding:14px;display:flex;flex-direction:column;gap:14px;color:var(--ink);font-size:12px}.ns-head{display:flex;align-items:flex-start;justify-content:space-between}.ns-title{font-weight:700;font-size:14px;letter-spacing:.2px}.ns-sub{margin-top:2px;color:var(--ink-faint);font-size:9px;letter-spacing:1px}.ns-x{background:none;border:none;color:var(--ink-faint);cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;border-radius:var(--r-sm)}.ns-x:hover{color:var(--ink);background:var(--bg-hover)}.ns-section{display:flex;flex-direction:column;gap:8px}.ns-label{text-transform:uppercase;letter-spacing:1px;font-size:9px;color:var(--ink-faint)}.ns-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ns-tier{font-weight:600}.ns-rps{color:var(--ink-dim);font-size:11px}.ns-max{color:var(--ink-faint);font-size:11px}.ns-upgrade-stat{display:flex;align-items:baseline;gap:6px;font-size:11px;color:var(--ink-faint)}.ns-rps-from,.ns-arrow{color:var(--ink-faint)}.ns-rps-to{color:var(--dynamic);font-weight:600}.ns-gain{margin-left:auto;color:var(--dynamic);font-weight:700}.ns-upgrade{font-size:11px;padding:6px 10px;width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;border-color:var(--hair)}.ns-colors{display:flex;gap:6px}.ns-color{flex:1;display:flex;align-items:center;gap:6px;justify-content:center;padding:7px 4px;border-radius:var(--r-sm);border:1px solid var(--hair);background:var(--bg-panel-2);color:var(--ink-faint);cursor:pointer;text-transform:capitalize;font-size:11px;transition:border-color .12s,color .12s,opacity .12s}.ns-color .ns-dot{width:8px;height:8px;border-radius:50%;opacity:.35;transition:opacity .12s,box-shadow .12s}.ns-color.on{color:var(--ink);border-color:var(--hair-strong)}.ns-color.on .ns-dot{opacity:1;box-shadow:0 0 8px -1px currentColor}.ns-color:hover{border-color:var(--static)}.ns-strats{display:flex;flex-direction:column;gap:6px}.ns-strat{display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 10px;border-radius:var(--r-sm);border:1px solid var(--hair);background:var(--bg-panel-2);color:var(--ink-dim);cursor:pointer;transition:border-color .12s,box-shadow .12s,color .12s}.ns-strat-name{font-weight:600;font-size:12px}.ns-strat-blurb{font-size:10px;color:var(--ink-faint)}.ns-strat.on{color:var(--ink);border-color:var(--static);box-shadow:0 0 0 1px var(--static),0 0 24px -10px var(--static-glow)}.ns-strat:hover{border-color:var(--static)}