@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Oxanium:wght@400;600;800&display=swap');
:root{--ink:#07091a;--cyan:#62f7ff;--pink:#ff4faf;--gold:#ffd35a;--violet:#8671ff;--panel:rgba(9,12,34,.9)}
.controls small.connected{color:var(--cyan)}
.story-visual{position:relative;overflow:hidden}.story-visual img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;object-position:center;transform:scale(.97)}.story-visual img.playing{animation:cinemaPan 8s ease-out both}.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,22,.3),transparent 40%,rgba(255,60,180,.08)),repeating-linear-gradient(0deg,transparent 0 4px,rgba(100,240,255,.035) 5px);pointer-events:none}@keyframes cinemaPan{0%{transform:scale(.94);filter:brightness(.55) saturate(.7)}12%{filter:brightness(1) saturate(1.1)}100%{transform:scale(1);filter:brightness(.9) saturate(1.15)}}
.lab-button{margin-left:10px;color:var(--cyan);border-color:rgba(98,247,255,.45)}
.title-menu-button{margin-left:10px;color:var(--gold);border-color:rgba(255,211,90,.45)}
.save-menu{width:min(760px,calc(100vw - 40px));text-align:left}.save-menu h2,.confirm-menu h2{margin:8px 0;font:800 36px 'Oxanium';font-style:italic}.save-menu>p,.confirm-menu p{color:#929cbd;line-height:1.5}.save-menu>#resumeBtn{display:block;margin:12px 0 22px}.save-slots{display:grid;gap:12px;margin:20px 0}.save-slot{display:grid;grid-template-columns:1fr auto;gap:10px}.save-slot-main{min-height:86px;padding:16px 20px;text-align:left;border:1px solid #33436e;background:linear-gradient(135deg,rgba(18,31,70,.94),rgba(27,12,48,.92));color:#fff}.save-slot-main strong,.save-slot-main span,.save-slot-main small{display:block}.save-slot-main strong{font:700 15px 'Oxanium';color:var(--cyan);letter-spacing:.12em}.save-slot-main span{margin-top:6px;color:#fff}.save-slot-main small{margin-top:4px;color:#7885ad}.save-slot-main.empty{color:#6d7799;filter:saturate(.5)}.save-delete{width:108px;padding:12px;background:rgba(80,15,42,.8);border:1px solid rgba(255,79,120,.5);color:#ff88aa}.save-delete:disabled,.save-slot-main:disabled{cursor:not-allowed;opacity:.42}.confirm-menu{width:min(520px,calc(100vw - 40px));z-index:20}.confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.confirm-actions .ghost{margin-top:0}.save-menu button.selected,.confirm-menu button.selected,.title-card button.selected{filter:brightness(1.35);box-shadow:0 0 0 2px var(--cyan),0 0 24px rgba(98,247,255,.55);transform:translateY(-2px)}
.test-lab{width:min(1050px,calc(100vw - 30px));max-height:94vh;overflow:auto;padding:30px;text-align:left}.test-lab h2{margin:8px 0;font:800 36px 'Oxanium';font-style:italic}.test-lab>p{margin:0 0 18px;color:#8994ba}.lab-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.lab-toolbar label{display:grid;gap:6px;min-width:260px;color:var(--cyan);font:600 10px 'Oxanium';letter-spacing:.16em}.lab-toolbar select{border:1px solid #39466e;background:#0c1230;color:#fff;padding:10px;font:600 12px 'Oxanium'}.lab-toolbar button{margin:0;padding:10px 14px}.lab-loadout-summary{display:grid;gap:8px;padding:24px;border:1px solid #33436e;background:linear-gradient(135deg,rgba(18,31,70,.92),rgba(27,12,48,.9));box-shadow:inset 3px 0 var(--cyan)}.lab-loadout-summary strong{font:700 18px 'Oxanium';letter-spacing:.12em;color:var(--cyan)}.lab-loadout-summary span{font:600 14px 'Oxanium';color:var(--gold)}.lab-loadout-summary small{color:#97a5ce;line-height:1.6}.lab-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.lab-actions .ghost{margin-top:0}
.upgrade.selected,.enhancement-roots button.selected,.weapon-system-tabs button.selected{z-index:8;border-color:#f4ffff!important;transform:translateY(-5px) scale(1.025);filter:brightness(1.28) saturate(1.2);box-shadow:0 0 0 2px var(--cyan),0 0 0 5px rgba(255,79,175,.72),0 0 24px 7px rgba(98,247,255,.52),0 14px 34px rgba(255,79,175,.3);animation:neonSelectionPulse 1.15s ease-in-out infinite alternate}.upgrade.selected h3,.enhancement-roots button.selected strong,.weapon-system-tabs button.selected strong{color:#fff;text-shadow:0 0 5px #fff,0 0 12px var(--cyan),0 0 20px var(--pink)}.upgrade.selected .icon{color:#fff;text-shadow:0 0 7px #fff,0 0 16px var(--cyan),0 0 25px var(--pink)}.upgrade.selected.locked{opacity:.68}@keyframes neonSelectionPulse{from{filter:brightness(1.18) saturate(1.12);box-shadow:0 0 0 2px var(--cyan),0 0 0 4px rgba(255,79,175,.62),0 0 18px 5px rgba(98,247,255,.4),0 12px 28px rgba(255,79,175,.24)}to{filter:brightness(1.38) saturate(1.3);box-shadow:0 0 0 3px #baffff,0 0 0 6px rgba(255,79,175,.82),0 0 32px 9px rgba(98,247,255,.65),0 16px 40px rgba(255,79,175,.38)}}@media(prefers-reduced-motion:reduce){.upgrade.selected,.enhancement-roots button.selected,.weapon-system-tabs button.selected{animation:none}}
.story{display:grid;grid-template-columns:minmax(220px,42%) 1fr;gap:34px;text-align:left;align-items:center;overflow:hidden}.story-visual{height:330px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,56,176,.22),transparent 65%);border:1px solid rgba(98,247,255,.18);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.story-visual img{display:block;max-width:90%;max-height:300px;filter:drop-shadow(0 0 18px rgba(255,70,190,.55))}.story h2{font:800 34px 'Oxanium';font-style:italic;margin:10px 0;color:#fff}.story p{min-height:105px;color:#b2bad5;font-size:16px;line-height:1.55}.story-copy>span{display:block;margin:14px 0;color:#667095;font:600 10px 'Oxanium';letter-spacing:.22em}.story-copy small{margin-left:14px;color:#59617e;font-size:9px;letter-spacing:.15em}
@media(max-width:760px){.story{grid-template-columns:1fr}.story-visual{height:180px}.story-visual img{max-height:165px}.story p{min-height:0;font-size:13px}}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#fff;font-family:'Chakra Petch',sans-serif}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 4px);mix-blend-mode:screen}canvas{display:block;width:100%;height:100%;cursor:crosshair}.hud{position:fixed;z-index:4;inset:18px 24px auto;display:grid;grid-template-columns:1fr minmax(280px,420px) 1fr;gap:28px;align-items:start;pointer-events:none;text-shadow:0 2px 8px #000}.brand b{display:block;font:800 19px 'Oxanium';letter-spacing:.12em;color:var(--cyan)}.brand span{font-size:10px;letter-spacing:.34em;color:#9ca7ca}.meters{display:grid;gap:6px}.meter label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em}.meter>i,.boss-hud>i{display:block;height:5px;background:#202743;transform:skew(-18deg);overflow:hidden}.meter>i>b,.boss-hud>i>b{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--pink),#ff8266);box-shadow:0 0 15px var(--pink)}.meter.shield>i>b{background:linear-gradient(90deg,#477dff,var(--cyan));box-shadow:0 0 15px var(--cyan)}.meter.boost>i>b{background:linear-gradient(90deg,var(--violet),#c572ff)}.run-data{display:flex;justify-content:flex-end;gap:20px;font-size:11px;letter-spacing:.12em}.run-data span{display:flex;flex-direction:column;color:#8791b7}.run-data b{font:700 18px 'Oxanium';color:#fff}.run-data .coins b{color:var(--gold)}.boss-hud{position:fixed;z-index:4;left:50%;bottom:42px;width:min(600px,70vw);transform:translateX(-50%);pointer-events:none}.boss-hud div{display:flex;justify-content:space-between;font:600 13px 'Oxanium';letter-spacing:.18em}.boss-hud>i{height:9px;margin-top:6px}.boss-hud>i>b{background:linear-gradient(90deg,#a848ff,#ff3f83,#ffbb55)}.modal{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(880px,calc(100vw - 40px));padding:48px;background:linear-gradient(145deg,rgba(13,17,49,.96),rgba(5,7,24,.96));border:1px solid rgba(98,247,255,.35);box-shadow:0 0 0 1px #07091a,0 0 60px rgba(74,106,255,.28);text-align:center;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.modal:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.07);pointer-events:none}.hidden{display:none!important}.eyebrow{font:600 11px 'Oxanium';letter-spacing:.35em;color:var(--cyan)}h1{margin:15px 0;font:800 clamp(55px,9vw,112px)/.76 'Oxanium';letter-spacing:-.08em;font-style:italic}h1 em{color:transparent;-webkit-text-stroke:2px var(--pink);filter:drop-shadow(0 0 14px rgba(255,79,175,.5))}.title-card p{max-width:560px;margin:28px auto;color:#aab2cf;font-size:17px}button{position:relative;border:0;padding:15px 28px;background:linear-gradient(110deg,var(--cyan),#62a8ff);color:#061021;font:800 13px 'Oxanium';letter-spacing:.16em;cursor:pointer;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:.18s transform,.18s filter}button:hover{transform:translateY(-2px);filter:brightness(1.2)}.controls{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:30px;color:#7882a7;font-size:10px;letter-spacing:.1em}.controls small{flex-basis:100%}kbd{font-family:inherit;color:#fff;border:1px solid #475174;padding:3px 6px}.vendor{width:min(1040px,calc(100vw - 40px));padding:34px}.vendor h2,.game-over h2{margin:8px 0;font:800 36px 'Oxanium';font-style:italic}.vendor>p{margin:4px 0 22px;color:#8994ba}.upgrade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.upgrade{min-height:230px;padding:20px;text-align:left;border:1px solid #293153;background:linear-gradient(160deg,rgba(28,34,77,.85),rgba(10,12,31,.9));color:#fff;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:.18s}.upgrade:hover:not(.locked){border-color:var(--cyan);transform:translateY(-5px);box-shadow:0 12px 30px rgba(56,168,255,.16)}.upgrade.locked{filter:saturate(.35);opacity:.55;cursor:not-allowed}.upgrade .type{font-size:9px;letter-spacing:.23em;color:var(--cyan)}.upgrade .icon{font:800 36px 'Oxanium';margin:16px 0;color:var(--pink)}.upgrade h3{font:700 15px 'Oxanium';margin:0}.upgrade p{font-size:12px;line-height:1.45;color:#9099bb;min-height:52px}.upgrade .price{display:block;color:var(--gold);font:700 15px 'Oxanium'}.ghost{background:transparent;color:#828bad;border:1px solid #343b5b;margin-top:20px;padding:10px 18px}.toast{position:fixed;z-index:7;left:50%;top:18%;transform:translate(-50%,-10px);padding:10px 18px;color:#fff;background:rgba(9,12,34,.8);border-left:2px solid var(--cyan);font:600 11px 'Oxanium';letter-spacing:.2em;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}footer{position:fixed;z-index:4;bottom:12px;right:22px;font-size:9px;letter-spacing:.12em;color:#586080;pointer-events:none}footer b{color:#929bbc}@media(max-width:760px){.hud{inset:10px 12px;grid-template-columns:1fr 1fr}.meters{grid-row:2;grid-column:1/3}.brand span,footer{display:none}.run-data{gap:10px}.modal{padding:28px 18px}.upgrade-grid{grid-template-columns:1fr 1fr}.upgrade{min-height:170px;padding:14px}.upgrade .icon{margin:8px 0}.upgrade p{min-height:0}.vendor{max-height:94vh;overflow:auto}h1{font-size:52px}}