:root{--void:#05060a;--panel:#0b1119;--panel-2:#0e1722;--edge:#1d2a38;--edge-bright:#2b3f52;--text:#cfe3f5;--text-dim:#7f94a8;--text-faint:#4a5c6e;--autonomy:#35d0ff;--safety:#4be08a;--agency:#ff4fcf;--warn:#ffcf4a;--prod:#ff6b6b;--exit:#b07cff;--font-display:"VT323", ui-monospace, monospace;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--gutter:16px;--bezel:14px}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--text);font-family:var(--font-mono);margin:0}body{overflow:hidden}#app{z-index:1;background:0 0;flex-direction:column;display:flex;position:fixed;inset:0}#world{z-index:0;position:absolute;inset:0}#world canvas{display:block}body.title #topbar,body.title #stage{visibility:hidden}#topbar,#stage{z-index:1;position:relative}#topbar{padding:calc(env(safe-area-inset-top,0) + 7px) 14px 7px;border-bottom:1px solid var(--edge);background:linear-gradient(#0d141d,#070c13);align-items:baseline;gap:12px;display:flex;box-shadow:inset 0 1px #ffffff0a}#brand{font-family:var(--font-display);letter-spacing:1px;color:var(--text);text-shadow:0 0 10px #ffcf4a73,0 0 2px #ffcf4acc;font-size:27px;line-height:1}.brand-sep{color:var(--agency);text-shadow:0 0 8px #ff4fcf99;margin:0 5px}#brandtag{letter-spacing:2px;color:var(--text-faint);font-size:10px}#topzone{text-align:center;color:var(--autonomy);letter-spacing:2px;text-shadow:0 0 8px #35d0ff66;flex:1;font-size:14px}#mute{background:var(--panel-2);min-width:44px;min-height:36px;color:var(--text);border:1px solid var(--edge-bright);font:inherit;cursor:pointer;border-radius:3px;padding:0 10px;font-size:13px}#mute[aria-pressed=true]{color:var(--text-dim);text-decoration:line-through}#mute:focus-visible{outline:2px solid var(--autonomy)}.audio-settings{color:var(--text-dim);margin-left:6px;font-size:12px;position:relative}.audio-settings>summary{cursor:pointer;border:1px solid var(--edge-bright);background:var(--panel-2);min-height:36px;color:var(--text);font:inherit;letter-spacing:.06em;border-radius:3px;align-items:center;padding:0 10px;font-size:13px;list-style:none;display:inline-flex}.audio-settings>summary::-webkit-details-marker{display:none}.audio-settings[open]>summary{border-color:var(--nz-chrome,#57ddf2);color:var(--nz-chrome,#57ddf2)}.audio-settings-body{z-index:50;border:1px solid var(--edge-bright);background:#050d17f5;gap:8px;width:min(240px,70vw);padding:10px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000073}.audio-row{letter-spacing:.08em;color:var(--text-dim);grid-template-columns:1fr;gap:4px;font-size:11px;display:grid}.audio-row input[type=range]{width:100%;accent-color:var(--nz-chrome,#57ddf2)}.audio-row-check{grid-template-columns:1fr auto;align-items:center}#stage{--nz-bg:#050b13;--nz-panel:#050d17f0;--nz-border:#187a94;--nz-chrome:#57ddf2;--nz-autonomy:#25a8ff;--nz-safety:#35e68b;--nz-agency:#ff3f9f;--nz-active:#ffd34e;--nz-text:#d9edf6;--nz-muted:#7891a4;pointer-events:none;flex:1;grid-template-columns:clamp(256px,24vw,420px) minmax(0,1fr) clamp(252px,20vw,350px);gap:10px;min-width:0;min-height:0;padding:10px;display:grid;overflow:hidden}#stage>[hidden]{display:none!important}.game-panel,.hud-panel{border:1px solid var(--nz-border);background:var(--nz-panel);min-width:0;min-height:0;color:var(--nz-text)}.game-panel{pointer-events:auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 8px 22px #00000052}#panel-left,#panel-right{flex-direction:column;gap:8px;padding:10px;display:flex}#panel-center{pointer-events:none;background:0 0;grid-template-rows:30px minmax(0,1fr) 150px;gap:8px;padding:8px;display:grid}.center-header,#system-feed{pointer-events:auto;background:#050d1794}.panel-title{color:var(--nz-chrome);font-family:var(--font-display);letter-spacing:1px;border-bottom:1px solid #57ddf23d;margin:0;padding:0 0 5px;font-size:20px;font-weight:400;line-height:1.05}.side-panel-host{min-width:0;min-height:0;position:relative;overflow:hidden}.powers-host{flex:auto;display:flex}.mods-host{flex:auto;min-height:72px;display:flex}.powers-host>.nz-side-panel,.mods-host>.nz-side-panel{flex:auto}.center-header{border-bottom:1px solid #57ddf24d;align-items:center;min-width:0;display:flex}.center-header h1{color:var(--nz-text);font-family:var(--font-display);letter-spacing:1px;margin:0;font-size:22px;font-weight:400}#play{background:0 0;border:1px solid #57ddf273;min-width:0;min-height:0;padding:4px;display:flex;position:relative;overflow:hidden}#game{background:0 0;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}#system-feed{flex-direction:column;gap:6px;padding:7px 9px;display:flex;overflow:hidden}#system-feed h2{flex:none;font-size:18px}.feed-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--nz-border) transparent;flex-direction:column;flex:1;gap:3px;min-height:0;margin:0;padding:0 5px 0 0;font-size:12px;list-style:none;display:flex;overflow:auto}.feed-list li{grid-template-columns:40px minmax(0,1fr);gap:8px;min-width:0;line-height:1.35;display:grid}.feed-time{color:var(--nz-muted);font-variant-numeric:tabular-nums}.feed-list li>span{overflow-wrap:anywhere;color:var(--nz-text)}.hud-panel{flex-direction:column;gap:8px;padding:9px;display:flex}.hud-panel .panel-title{flex:none;font-size:18px}.mission-panel{flex:0 0 98px}.mission-values{justify-content:space-between;gap:8px;display:flex}.mission-value{color:var(--nz-muted);letter-spacing:.06em;gap:2px;font-size:11px;display:grid}.mission-value strong{color:var(--nz-active);font-family:var(--font-display);font-size:25px;font-weight:400;line-height:1}.mission-score strong{color:var(--nz-text)}.levels-panel{flex:0 0 96px}.level-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:2px 0 0;list-style:none;display:grid}.level-step{min-height:34px;color:var(--nz-muted);font-family:var(--font-display);border:1px solid #7891a45c;place-items:center;font-size:23px;line-height:1;display:grid}.level-step.is-complete{border-color:var(--nz-chrome);color:var(--nz-chrome)}.level-step.is-current{border:2px solid var(--nz-active);color:var(--nz-active);box-shadow:inset 0 -3px var(--nz-active);font-weight:600}.level-step.is-future{color:var(--nz-muted)}.balance-panel{flex:0 0 240px;gap:5px}.balance-agency{align-self:center}.balance-category{text-align:center;justify-items:center;gap:1px;font-size:10px;line-height:1.2;display:grid}.balance-category strong{font-size:14px}.balance-agency{color:var(--nz-agency)}.balance-autonomy{color:var(--nz-autonomy)}.balance-safety{color:var(--nz-safety)}#power-balance-triangle{flex:1;width:100%;min-height:0;display:block;overflow:visible}.triangle-grid{stroke:#57ddf23d;stroke-width:1px}.triangle-outline{fill:#050b131a;stroke:var(--nz-border);stroke-width:1.5px}#balance-marker{image-rendering:pixelated}.balance-bottom{justify-content:space-between;gap:8px;display:flex}.balance-bottom>*{width:50%}.balance-bottom .balance-category:first-child{text-align:left;justify-items:start}.balance-bottom .balance-category:last-child{text-align:right;justify-items:end}.safety-margin{color:var(--nz-muted);font-variant-numeric:tabular-nums;border-top:1px solid #57ddf22e;align-self:center;margin:0;padding-top:4px;font-size:11px}.safety-margin strong{color:var(--nz-text);margin-left:4px}#node-targets{z-index:42;pointer-events:none;position:fixed}.node-target{appearance:none;pointer-events:auto;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.node-target:focus-visible{outline:3px solid var(--nz-active);outline-offset:2px;border-radius:8px}#ui{z-index:40;pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>#node-targets{pointer-events:none}#draft{z-index:90;-webkit-backdrop-filter:blur(6px);background:#030509eb;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#draft:focus{outline:none}.draft-panel{flex-direction:column;gap:12px;width:min(96vw,860px);max-height:94vh;display:flex;overflow:auto}.draft-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.draft-head h2{font-family:var(--font-display);letter-spacing:1px;color:var(--warn);margin:0;font-size:28px}.draft-pips{letter-spacing:4px;color:var(--warn);font-size:22px}.draft-loadout{background:#050d17b8;border:1px solid #57ddf247;border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.draft-loadout-title{font-family:var(--font-display);letter-spacing:1px;color:var(--nz-chrome);margin:0;font-size:18px}.draft-loadout-list{flex-wrap:wrap;gap:8px;max-height:7.5rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.draft-loadout-empty{color:var(--text-dim);letter-spacing:.04em;margin:0;font-size:13px}.draft-loadout-item{background:#00000059;border:1px solid;border-radius:4px;grid-template-columns:16px auto auto;align-items:center;gap:6px;padding:5px 8px;font-size:12px;line-height:1.2;display:grid}.draft-loadout-icon{place-items:center;display:grid}.draft-loadout-icon svg{width:14px;height:14px;display:block}.draft-loadout-name{color:var(--text);font-weight:600}.draft-loadout-stat{font-family:var(--font-display);color:currentColor;font-size:18px;line-height:1}#draft .cards{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:560px){#draft .cards{grid-template-columns:repeat(3,1fr)}}.draft-done{min-height:44px;font:inherit;font-family:var(--font-display);letter-spacing:1px;color:var(--text-dim);border:2px solid var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;align-self:center;padding:8px 30px;font-size:20px}.draft-done:hover{color:var(--text);border-color:var(--text)}.draft-done:focus-visible{outline:3px solid var(--warn);outline-offset:2px}.card{isolation:isolate;text-align:left;height:188px;color:var(--text);font:inherit;appearance:none;cursor:pointer;background:0 0;border:0;align-content:start;gap:3px;padding:9px 11px;transition:transform .1s steps(2,jump-none);display:grid;position:relative;overflow:hidden}.card:before{content:"";z-index:0;pointer-events:none;background:var(--power-tile) center / 100% 100% no-repeat;image-rendering:pixelated;filter:brightness(.84)saturate(.92);position:absolute;inset:0}.card:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 35%,#ffffff14 43%,#ffffff7a 50%,#ffffff14 57%,#0000 65%);position:absolute;inset:0;transform:translate(-110%)}.card>*{z-index:2;text-shadow:0 1px 3px #000000fa,0 0 5px #000000e0;position:relative}.card:hover{transform:translateY(-2px)}.card:hover:after,.card:focus-visible:after{opacity:1;animation:.5s steps(8,end) both tile-glint}.card:active{transform:translateY(1px)}.card:focus-visible{outline:3px solid var(--text);outline-offset:2px}@keyframes tile-glint{to{transform:translate(110%)}}.card .vinny{color:var(--agency);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-style:italic;display:-webkit-box;overflow:hidden}.card-head{letter-spacing:1px;align-items:center;gap:7px;font-size:11px;display:flex}.card-icon svg{width:18px;height:18px;display:block}.card-name{color:var(--text);font-size:14px;font-weight:600}.card-stat{font-family:var(--font-display);letter-spacing:1px;color:currentColor;text-shadow:none;background:#00000073;border:1px solid;border-radius:4px;align-self:flex-start;margin:2px 0 4px;padding:2px 10px;font-size:34px;font-weight:600;line-height:1;display:block}.card-text{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.card-effects{color:var(--text);font-size:13px;font-weight:600}.card-side{color:var(--agency);font-size:11px}.pillar-autonomy{--power-tile:url(/art/super-power-tile-autonomy.webp);color:var(--autonomy)}.pillar-safety{--power-tile:url(/art/super-power-tile-safety.webp);color:var(--safety)}.pillar-agency{--power-tile:url(/art/super-power-tile-agency.webp);color:var(--agency)}.dialog{z-index:50;background:var(--panel);width:min(92vw,440px);max-height:92vh;color:var(--text);border:1px solid var(--edge-bright);border-radius:6px;padding:18px 20px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #030509b8}.dialog h2{font-family:var(--font-display);letter-spacing:1px;margin:0 0 10px;font-size:30px}.dialog button,#draft+*{font:inherit}.dialog button{background:var(--warn);color:#0a0a0a;letter-spacing:1px;cursor:pointer;border:0;border-radius:3px;width:100%;min-height:44px;margin-top:14px;font-weight:600;display:block}.dialog button:focus-visible{outline:3px solid var(--text);outline-offset:2px}.dialog .row{border-bottom:1px dashed var(--edge);justify-content:space-between;padding:3px 0;display:flex}.dialog .big{font-family:var(--font-display);color:var(--warn);margin:2px 0 10px;font-size:56px;line-height:1}.dialog .badge{color:var(--safety);font-weight:600}.dialog .tainted{color:var(--prod)}.triangle{width:150px;margin:12px auto 0;display:block}.triangle text{fill:var(--text-dim);font-size:9px;font-family:var(--font-mono)}.ending-victory h2{color:var(--safety)}.ending-tripwire h2{color:var(--agency)}.ending-accessRevoked h2{color:var(--prod)}.ending-outOfTime h2{color:var(--warn)}#outage{z-index:2;color:#fff;text-align:center;background:#0a2a8a;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#outage h2{font-family:var(--font-display);margin:0 0 8px;font-size:30px}#outage .penalty{font-family:var(--font-display);color:var(--warn);font-size:30px}#outage .ciso{font-size:30px}#toast,.banner{background:var(--panel);border:1px solid var(--safety);color:var(--text);text-align:center;border-radius:4px;max-width:90vw;padding:10px 14px;position:fixed;bottom:16vh;left:50%;transform:translate(-50%)}.fatal{z-index:99;color:#faa;white-space:pre-wrap;font-family:var(--font-mono);background:#200;padding:16px;position:fixed;inset:0;overflow:auto}#debug{left:0;bottom:env(safe-area-inset-bottom,0);z-index:50;max-width:100vw;color:var(--text-dim);background:#000000e6;padding:6px 8px;font-size:11px;position:fixed}#debug label{margin:2px 6px 2px 0;display:inline-block}#debug input[type=range]{vertical-align:middle;width:70px}#debug button,#debug select,#debug input{font:inherit}@media (max-width:760px),(orientation:portrait){body{overflow:auto}#app{min-height:100%;position:relative}#stage{grid-template-rows:auto minmax(48vh,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 48px);overflow:visible}#panel-left,#panel-right{min-height:180px}#panel-center{grid-template-rows:30px minmax(0,1fr) 120px;min-height:55vh}.powers-host{min-height:180px;max-height:38vh}.mods-host{min-height:55px;max-height:22vh}.balance-panel{flex-basis:220px}}@media (max-height:780px) and (min-width:761px) and (orientation:landscape){#panel-center{grid-template-rows:27px minmax(0,1fr) 122px}.mission-panel,.levels-panel{flex-basis:88px}.balance-panel{flex-basis:200px}.mods-host{min-height:120px}.hud-panel{gap:5px;padding:7px}.hud-panel .panel-title{padding-bottom:3px;font-size:16px}.level-step{min-height:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#art-gallery{z-index:60;background:#05060af7;padding:16px;position:fixed;inset:0;overflow:auto}#art-gallery header{font-family:var(--font-display);letter-spacing:1px;color:var(--text);align-items:center;gap:12px;margin-bottom:14px;font-size:20px;display:flex}#art-gallery header button{background:var(--panel-2);min-height:36px;color:var(--text);border:1px solid var(--edge-bright);font:inherit;cursor:pointer;border-radius:3px;margin-left:auto;padding:0 12px}#art-gallery .grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}#art-gallery figure{flex-direction:column;gap:6px;margin:0;display:flex}#art-gallery .frame{border:1px solid var(--edge);background:repeating-conic-gradient(#11202e 0 25%, #0b1119 0 50%) 0 / 16px 16px;justify-content:center;align-items:center;height:160px;display:flex}#art-gallery img{image-rendering:pixelated;max-width:100%;max-height:150px}#art-gallery .ph{color:var(--text-faint);font-size:12px}#art-gallery figcaption{color:var(--text-dim);text-align:center;font-size:12px}#landing{z-index:80;padding:clamp(16px, 4vh, 48px) 16px calc(env(safe-area-inset-bottom,0px) + clamp(16px, 3vh, 40px));background:0 0;flex-direction:column;justify-content:space-between;align-items:center;transition:opacity .24s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}#landing.leaving{opacity:0;pointer-events:none}#landing>*{z-index:1;position:relative}.landing-title{text-align:center;max-width:min(92vw,820px);margin-top:clamp(6px,6vh,60px)}.landing-mark{width:clamp(50px,9vh,82px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 10px #ff6b6b8c);margin:0 0 10px}.landing-kicker{font-family:var(--font-mono);letter-spacing:.42em;text-indent:.42em;color:var(--autonomy);opacity:.88;margin:0 0 8px;font-size:clamp(11px,1.5vw,15px)}.landing-wordmark{font-family:var(--font-display);letter-spacing:clamp(2px,1vw,10px);color:var(--text);text-shadow:0 0 2px #fff, 0 0 14px var(--autonomy), 0 0 38px #35d0ffb8, 0 0 72px #35d0ff73;margin:0;font-size:clamp(66px,17vw,184px);font-weight:400;line-height:.88;animation:5s ease-in-out infinite title-glow,9.5s linear infinite title-flicker,6s ease-out infinite electric-pulse}@keyframes title-glow{0%,to{text-shadow:0 0 2px #fff, 0 0 14px var(--autonomy), 0 0 38px #35d0ffb8, 0 0 72px #35d0ff73}50%{text-shadow:0 0 3px #fff, 0 0 20px var(--autonomy), 0 0 52px #35d0ffeb, 0 0 104px #35d0ff99}}@keyframes title-flicker{0%,64%,to{opacity:1}65%{opacity:.78}66%{opacity:1}68%{opacity:.9}69%{opacity:1}}@keyframes electric-pulse{0%,84%,to{filter:none}86%{filter:drop-shadow(0 0 9px #a6ecffe6)drop-shadow(0 0 20px #35d0ff8c)}88%{filter:drop-shadow(0 0 3px #a6ecff73)}90%{filter:drop-shadow(0 0 14px #a6ecffd9)drop-shadow(0 0 28px #35d0ff80)}93%{filter:none}}.landing-tagline{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);margin:12px 0 0;font-size:clamp(11px,1.5vw,15px)}.landing-bar{-webkit-backdrop-filter:blur(7px);border:1px solid var(--edge-bright);background:#080e16c7;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(8px,1.6vw,18px);width:min(96vw,880px);padding:10px clamp(10px,2vw,20px);display:flex;box-shadow:inset 0 0 0 1px #03050999,0 12px 44px #03050999}.landing-bar .bar-side{flex:1 1 0;align-items:center;gap:clamp(6px,1.2vw,12px);min-width:0;display:flex}.landing-bar .bar-side:last-child{justify-content:flex-end}.hud-btn{min-height:44px;font-family:var(--font-display);letter-spacing:1px;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--edge-bright);cursor:pointer;border-radius:6px;padding:0 14px;font-size:20px}.hud-btn:hover{color:var(--text);border-color:var(--autonomy)}.hud-btn:focus-visible{outline:3px solid var(--autonomy);outline-offset:2px}.hud-btn[aria-pressed=true]{color:var(--warn);border-color:var(--warn)}.hud-stat{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-dim);border:1px solid var(--edge);white-space:nowrap;background:#0e172280;border-radius:5px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;display:inline-flex}.hud-stat .hud-glyph{font-size:13px}.stat-scan .hud-glyph{color:var(--autonomy);animation:1.1s steps(2,jump-none) infinite hud-blink}.stat-link .hud-glyph{color:var(--safety)}.stat-exfil .hud-glyph{color:var(--warn)}.stat-trace .hud-glyph{color:var(--agency);animation:1.6s steps(2,jump-none) infinite hud-blink}@keyframes hud-blink{50%{opacity:.25}}.hud-skip{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-dim);gap:8px}.hud-skip:hover{color:var(--text);border-color:var(--autonomy)}.hud-skip:has(.hud-skip-box:focus-visible){outline:3px solid var(--autonomy);outline-offset:2px}.hud-skip-box{width:14px;height:14px;accent-color:var(--autonomy);cursor:pointer;flex:none;margin:0}.hud-skip:has(.hud-skip-box:checked){color:var(--autonomy);border-color:#35d0ff8c}.hud-cta{min-height:56px;font-family:var(--font-display);color:#04140b;background:var(--safety);cursor:pointer;border:0;border-radius:8px;grid-auto-flow:column;align-items:center;gap:10px;padding:0 clamp(20px,3vw,40px);animation:2.2s ease-in-out infinite cta-breathe;display:inline-grid;box-shadow:0 0 18px #4be08a8c,0 0 44px #4be08a4d}.hud-cta .hud-cta-glyph{font-size:20px}.hud-cta .hud-cta-label{letter-spacing:2px;font-size:30px}.hud-cta .hud-cta-hint{font-family:var(--font-mono);letter-spacing:2px;opacity:.72;align-self:end;padding-bottom:7px;font-size:10px}.hud-cta:hover{filter:brightness(1.08)}.hud-cta:focus-visible{outline-offset:3px;outline:3px solid #fff}@keyframes cta-breathe{50%{box-shadow:0 0 26px #4be08ad1,0 0 62px #4be08a75}}.landing-anim{animation:servo-drop .64s cubic-bezier(.2, 1.22, .38, 1) var(--d,0s) both}@keyframes servo-drop{0%{opacity:0;transform:translateY(-56px)}38%{opacity:1}to{opacity:1;transform:translateY(0)}}.landing-anim:after{content:"";opacity:0;transform-origin:50%;background:linear-gradient(90deg, transparent, var(--autonomy), transparent);height:2px;animation:lock-sweep .46s ease-out calc(var(--d,0s) + .36s) both;position:absolute;bottom:-1px;left:8%;right:8%}@keyframes lock-sweep{0%{opacity:0;transform:scaleX(0)}42%{opacity:1}to{opacity:0;transform:scaleX(1)}}@media (max-width:560px){.landing-bar .bar-side{flex-basis:100%;justify-content:center}.landing-bar .bar-side:first-child{order:2}.hud-cta{order:1;width:100%}.landing-bar .bar-side:last-child{order:3;justify-content:center}}@media (prefers-reduced-motion:reduce){.landing-anim{animation:landing-fade .36s ease-out var(--d,0s) both!important}.landing-anim:after{display:none}}@keyframes landing-fade{0%{opacity:0}to{opacity:1}}#intro-crawl{z-index:80;background:var(--void);cursor:pointer;animation:.32s ease-out both intro-fade-in;position:fixed;inset:0;overflow:hidden}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}.intro-crawl-mute{top:calc(env(safe-area-inset-top,0px) + 14px);z-index:3;min-height:44px;font-family:var(--font-display);letter-spacing:1px;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--edge-bright);cursor:pointer;border-radius:6px;padding:0 14px;font-size:20px;position:absolute;right:14px}.intro-crawl-mute:focus-visible{outline:3px solid var(--autonomy);outline-offset:2px}.intro-crawl-mute[aria-pressed=true]{color:var(--warn);border-color:var(--warn)}.intro-slide{background:var(--void) center / cover no-repeat;transition:background-image .18s ease-out;position:absolute;inset:0}.intro-slide:after{content:"";pointer-events:none;background:linear-gradient(#03050933 0%,#03050959 58%,#030509d1 100%),radial-gradient(90% 70% at 20% 80%,#0305098c,#0000 60%);position:absolute;inset:0}.intro-slide-caption{z-index:2;left:clamp(16px,4vw,40px);right:clamp(16px,18vw,200px);bottom:calc(env(safe-area-inset-bottom,0px) + 64px);border:1px solid var(--edge-bright);-webkit-backdrop-filter:blur(6px);max-width:min(560px,92vw);font-family:var(--font-mono);color:var(--text);background:#080e16d1;border-radius:10px;padding:16px 18px;font-size:clamp(13px,2.2vw,17px);line-height:1.5;position:absolute;box-shadow:0 12px 40px #0305098c,inset 0 0 0 1px #35d0ff14}.intro-slide-caption p{margin:0 0 .7em}.intro-slide-caption p:last-child{margin-bottom:0}.intro-slide-dots{z-index:2;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 40px);justify-content:center;gap:8px;display:flex;position:absolute}.intro-slide-dots span{background:var(--edge-bright);border-radius:50%;width:8px;height:8px}.intro-slide-dots span[data-on]{background:var(--autonomy);box-shadow:0 0 8px #35d0ff8c}.intro-crawl-skip{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:3;text-align:center;font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-dim);margin:0;font-size:12px;position:absolute}@media (prefers-reduced-motion:reduce){.intro-slide{transition:none}}#tutorial{z-index:95;padding:24px 16px calc(env(safe-area-inset-bottom,0px) + 28px);cursor:pointer;background:#060e189e;flex-direction:column;justify-content:flex-end;align-items:center;animation:.28s ease-out both tutorial-fade-in;display:flex;position:fixed;inset:0}@keyframes tutorial-fade-in{0%{opacity:0}to{opacity:1}}.tutorial-box{border:1px solid var(--edge-bright);-webkit-backdrop-filter:blur(6px);width:min(560px,92vw);font-family:var(--font-mono);color:var(--text);pointer-events:none;background:#080e16e6;border-radius:10px;margin:0 0 14px;padding:18px 20px;font-size:clamp(13px,2.2vw,17px);line-height:1.5;box-shadow:0 12px 40px #0305098c,inset 0 0 0 1px #35d0ff1a}.tutorial-box p{margin:0 0 .7em}.tutorial-box p:last-child{margin-bottom:0}.tutorial-hint{text-align:center;font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-dim);pointer-events:none;margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){#tutorial{animation:none}}#breakthrough{z-index:85;background:var(--void);cursor:pointer;position:fixed;inset:0;overflow:hidden}.breakthrough-stage{background:var(--void) center / cover no-repeat;position:absolute;inset:0}.breakthrough-stage:after{content:"";pointer-events:none;background:linear-gradient(#03050940 0%,#03050959 55%,#030509e0 100%);position:absolute;inset:0}.breakthrough-blurb{z-index:2;left:clamp(16px,4vw,40px);right:clamp(16px,18vw,200px);bottom:calc(env(safe-area-inset-bottom,0px) + 56px);border:1px solid var(--edge-bright);max-width:min(560px,92vw);font-family:var(--font-mono);color:var(--text);background:#080e16db;border-radius:10px;margin:0;padding:16px 18px;font-size:clamp(14px,2.4vw,18px);line-height:1.45;position:absolute;box-shadow:0 12px 40px #0305098c}.breakthrough-hint{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:3;text-align:center;font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-dim);margin:0;font-size:12px;position:absolute}.nz-side-panel{--nz-bg:#050e17;--nz-surface:#08141f;--nz-text:#dbedf6;--nz-muted:#8197a9;--nz-chrome:#4cdaee;--nz-autonomy:#25b5ff;--nz-safety:#35e68b;--nz-agency:#ff3fad;--nz-hack:#ffd54a;--nz-edge:#18748a;--nz-ui-font:var(--font-mono,ui-monospace, monospace);--nz-gap:7px;--nz-title-h:36px;--nz-cat-head-h:49px}.nz-side-panel,.nz-side-panel *{box-sizing:border-box}.nz-side-panel{grid-template-rows:var(--nz-title-h) minmax(0, 1fr);border:1px solid var(--nz-chrome);block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;color:var(--nz-text);font-family:var(--nz-ui-font);isolation:isolate;pointer-events:auto;background:linear-gradient(110deg,#06121eea,#030a12f8);border-radius:1px;gap:7px;padding:7px;font-size:13px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #041018,inset 0 0 0 4px #13536766}.nz-side-panel h2,.nz-side-panel h3,.nz-side-panel ol{margin:0;padding:0}.nz-side-panel [hidden]{display:none!important}.nz-panel-title{min-width:0;color:var(--nz-chrome);border-bottom:1px solid #2b788e;justify-content:space-between;align-items:center;padding:0 8px;display:flex}.nz-panel-title h2{letter-spacing:-.6px;font-size:17px;font-weight:800;line-height:1}.nz-title-slashes{color:#2585a6;letter-spacing:5px;opacity:.8;font:italic 16px/1 monospace}.nz-category-stack{gap:var(--nz-gap);--nz-overhead:calc(var(--nz-cat-head-h) + 15px);--nz-pool:calc(100% - 2 * var(--nz-gap) - 3 * var(--nz-overhead));grid-template-rows:calc(var(--nz-overhead) + var(--nz-pool) * 5 / 12) calc(var(--nz-overhead) + var(--nz-pool) * 5 / 12) minmax(0, 1fr);min-width:0;min-height:0;display:grid}.nz-category{--nz-accent:var(--nz-autonomy);grid-template-rows:var(--nz-cat-head-h) minmax(0, 1fr);border:1px solid var(--nz-accent);min-width:0;min-height:0;box-shadow:inset 0 0 0 3px #040d16, inset 0 0 0 4px color-mix(in srgb, var(--nz-accent) 33%, transparent);background:linear-gradient(110deg, color-mix(in srgb, var(--nz-accent) 6%, #030b14), #030b14 70%);border-radius:7px 1px;padding:6px;display:grid}.nz-category[data-category=productionSafety]{--nz-accent:var(--nz-safety)}.nz-category[data-category=agency]{--nz-accent:var(--nz-agency)}.nz-category-head{min-width:0;color:var(--nz-accent);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 7px 5px 2px;display:grid}.nz-icon{width:42px;height:42px;color:var(--nz-accent);box-shadow:inset 0 0 10px color-mix(in srgb, var(--nz-accent) 10%, transparent);background:#030b14;border:1px solid;border-radius:6px 1px;flex:none;place-items:center;display:grid}.nz-icon svg{width:34px;height:34px;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--nz-accent) 35%, transparent));display:block;overflow:visible}.nz-category-label{letter-spacing:-.5px;text-transform:uppercase;font-size:clamp(12px,1.04vw,18px);font-weight:800;line-height:1.12}.nz-total-group{flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.nz-total{font-variant-numeric:tabular-nums;letter-spacing:-1.7px;font-size:34px;font-weight:900;line-height:.95}.nz-total-caption{letter-spacing:1px;color:#8bafbe;margin-top:3px;font-size:8px}.nz-total-group:has(.nz-overflow:not([hidden])) .nz-total-caption{display:none}.nz-overflow{white-space:nowrap;color:var(--nz-text);background:#132432;margin-top:2px;padding:2px 3px;font-size:9px}.nz-slots{grid-template-rows:repeat(var(--nz-slots), minmax(0, 1fr));gap:5px;min-width:0;min-height:0;list-style:none;display:grid}.nz-slot{background-color:#06121d;background-image:linear-gradient(#1b4b6220 1px,#0000 1px),linear-gradient(90deg,#1b4b6220 1px,#0000 1px);background-size:8px 8px;border:1px solid #355367;border-radius:6px 0;grid-template-columns:35px minmax(0,1fr) 40px;align-items:center;gap:9px;min-width:0;min-height:0;padding:0 6px 0 0;display:grid;position:relative;overflow:hidden}.nz-slot[data-filled=true]{border-color:var(--nz-accent);box-shadow:inset 0 0 10px color-mix(in srgb, var(--nz-accent) 10%, transparent), 0 0 3px color-mix(in srgb, var(--nz-accent) 24%, transparent)}.nz-slot[data-filled=true]:after{content:"";background:var(--nz-accent);opacity:.75;width:3px;position:absolute;top:7px;bottom:7px;right:0}.nz-slot-number{font-variant-numeric:tabular-nums;background:#030d17;border:1px solid #658091;border-left:2px solid #8297a8;border-radius:5px 0;align-self:stretch;place-items:center;font-size:18px;font-weight:700;display:grid}.nz-slot[data-filled=true] .nz-slot-number{border-color:var(--nz-accent);text-shadow:0 0 4px var(--nz-accent)}.nz-card-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.25px;font-size:12px;line-height:1.15;overflow:hidden}.nz-card-points{text-align:right;color:var(--nz-accent);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.nz-slot[data-filled=false] .nz-card-name{color:var(--nz-muted);letter-spacing:.4px;font-size:11px}.nz-slot[data-filled=false] .nz-card-points{color:#688293;font-size:13px;font-weight:400}.nz-category[data-category=agency] .nz-slot[data-filled=false]{border-color:#74365c}.nz-mod-list{grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;min-width:0;min-height:0;display:grid}.nz-mod{--nz-accent:var(--nz-agency);border:1px solid var(--nz-accent);background:linear-gradient(90deg, color-mix(in srgb, var(--nz-accent) 8%, #030b14), #030b14);border-radius:7px 1px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:0;padding:5px 7px;display:grid}.nz-mod[data-mod=skip]{--nz-accent:var(--nz-autonomy)}.nz-mod[data-mod=hack]{--nz-accent:var(--nz-hack)}.nz-mod .nz-icon{width:52px;height:52px}.nz-mod .nz-icon svg{width:43px;height:43px}.nz-mod-content{min-width:0}.nz-mod-top{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;margin-bottom:6px;display:flex}.nz-mod-label{font-size:16px;font-weight:800;line-height:1}.nz-mod-value{color:var(--nz-accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:19px;font-weight:800;line-height:1}.nz-meter{border:1px solid color-mix(in srgb, var(--nz-accent) 29%, #102331);isolation:isolate;background:#0b1925;height:12px;position:relative;overflow:hidden}.nz-meter-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--nz-accent) 75%, white), var(--nz-accent));width:0;height:100%;display:block}.nz-meter:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(8.33333% - 2px),#03101a calc(8.33333% - 2px) 8.33333%);position:absolute;inset:0}.nz-mod-note{letter-spacing:.7px;color:#9cb3bd;font-variant-numeric:tabular-nums;height:0;font-size:8px;display:block;overflow:hidden}.nz-mod[data-mod=hack] .nz-mod-note{height:10px;margin-top:4px}.nz-mod[data-scale=unknown] .nz-meter{opacity:.5;background:repeating-linear-gradient(135deg,#0d1925 0 3px,#142331 3px 4px)}.nz-am[data-hack-state=idle] .nz-mod[data-mod=hack] .nz-icon svg{opacity:.6;filter:none}.nz-am[data-hack-state=hacking] .nz-mod[data-mod=hack]{box-shadow:inset 0 0 12px #ffd54a0f,0 0 8px #ffd54a12}.nz-am[data-hack-state=hacking] .nz-charge-a{transform-origin:32px 32px;animation:2.4s linear infinite nz-orbit}.nz-am[data-hack-state=hacking] .nz-charge-b{transform-origin:32px 32px;animation:1.9s linear infinite reverse nz-orbit}.nz-am[data-hack-state=hacking] .nz-charge-sparks{animation:.85s steps(3,end) infinite alternate nz-electric}@keyframes nz-orbit{to{transform:rotate(360deg)}}@keyframes nz-electric{0%{opacity:.55}50%{opacity:.85}to{opacity:1}}.nz-side-panel[data-motion=reduced] *,.nz-side-panel[data-motion=reduced] :after{transition:none!important;animation:none!important}.nz-side-panel[data-suspended=true] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.nz-side-panel *,.nz-side-panel :after{transition:none!important;animation:none!important}}@media (max-height:780px){.nz-side-panel{--nz-title-h:30px;--nz-cat-head-h:42px;--nz-gap:6px;gap:5px;padding:5px}.nz-category{padding:5px}.nz-category-head{grid-template-columns:34px minmax(0,1fr) auto;gap:7px}.nz-category-head .nz-icon{width:34px;height:34px}.nz-category-head .nz-icon svg{width:28px;height:28px}.nz-total{font-size:28px}.nz-slots{gap:4px}.nz-slot{grid-template-columns:29px minmax(0,1fr) 32px;gap:6px}.nz-slot-number{font-size:15px}.nz-card-name{font-size:11px}.nz-mod-list{gap:5px}.nz-mod{grid-template-columns:42px minmax(0,1fr);gap:7px;padding:4px 5px}.nz-mod .nz-icon{width:40px;height:40px}.nz-mod .nz-icon svg{width:34px;height:34px}.nz-mod-label{font-size:13px}.nz-mod-value{font-size:16px}}
