@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color:#f4f3ff;font-synthesis:none;--cyan:#61f8ff;--violet:#a96cff;--amber:#ffbf69;--red:#ff496c;--panel:#080a16e6;background:#03040a;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{isolation:isolate;background:#03040a;width:100%;height:100%;position:relative}canvas{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.scanlines,.vignette{pointer-events:none;z-index:2;position:absolute;inset:0}.scanlines{opacity:.14;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#7da0ff17 3px 4px)}.vignette{box-shadow:inset 0 0 160px 32px #000}.ui{z-index:3;pointer-events:none;position:absolute;inset:0}.hidden{display:none!important}.screen{pointer-events:auto;background:radial-gradient(circle at 50% 45%,#260c4942,#020308c7 65%);place-items:center;padding:28px;display:grid;position:absolute;inset:0}.title-layout{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:end;gap:clamp(32px,6vw,92px);width:min(1120px,94vw);display:grid}.eyebrow{color:var(--cyan);letter-spacing:.28em;text-transform:uppercase;margin:0 0 12px;font:600 12px/1 Chakra Petch,sans-serif}.logo{letter-spacing:-.065em;text-shadow:0 0 38px #61f8ff38;margin:0;font:700 clamp(54px,8vw,116px)/.82 Chakra Petch,sans-serif}.logo .void{color:#fff;display:block}.logo .breaker{color:#0000;-webkit-text-stroke:1px var(--cyan);display:block}.tagline{color:#aaaac2;max-width:540px;margin:25px 0 32px;font-size:clamp(15px,1.6vw,19px);line-height:1.55}.tagline strong{color:#fff;font-weight:600}.primary,.secondary,.icon-button,.module-card,.loadout-card{color:#f6f5ff;background:#101224db;border:1px solid #828dc259;transition:border-color .16s,background .16s,transform .16s}.primary:hover,.secondary:hover,.icon-button:hover,.module-card:hover,.loadout-card:not(.locked):hover{border-color:var(--cyan);background:#202842f0;transform:translateY(-2px)}.primary{color:#051013;background:var(--cyan);border-color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;min-width:235px;padding:16px 24px;font:700 14px Chakra Petch;box-shadow:0 0 30px #61f8ff2e}.primary:hover{color:#fff;background:#32747c}.secondary{letter-spacing:.08em;text-transform:uppercase;padding:13px 20px;font:600 13px Chakra Petch}.button-row{flex-wrap:wrap;gap:10px;display:flex}.title-side{border-left:1px solid #848bba3d;padding-left:32px}.section-title{color:#cdccdc;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px;font:600 12px Chakra Petch}.loadouts{gap:8px;display:grid}.loadout-card{text-align:left;cursor:pointer;width:100%;padding:14px 16px}.loadout-card.selected{border-color:var(--cyan);background:linear-gradient(90deg,#22606c73,#121224d6)}.loadout-card.locked{opacity:.42;cursor:not-allowed}.loadout-top{justify-content:space-between;align-items:baseline;display:flex}.loadout-name{font:700 18px Chakra Petch}.loadout-kicker{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font:600 10px Chakra Petch}.loadout-card p{color:#9292aa;margin:5px 0 0;font-size:12px;line-height:1.45}.career{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;display:grid}.career div{background:#090a1580;border:1px solid #7c83ae33;padding:12px}.career span{color:#777990;letter-spacing:.12em;text-transform:uppercase;font-size:9px;display:block}.career strong{color:#fff;margin-top:4px;font:600 18px Chakra Petch;display:block}.hud{padding:clamp(15px,2.5vw,32px);position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.hud-cluster{align-items:flex-start;gap:28px;display:flex}.hud-stat label{color:#85869c;letter-spacing:.2em;text-transform:uppercase;font:600 9px Chakra Petch;display:block}.hud-stat strong{margin-top:3px;font:600 25px Chakra Petch;display:block}.score-value{min-width:120px}.combo strong{color:var(--amber)}.wave strong{color:var(--cyan)}.icon-button{pointer-events:auto;cursor:pointer;width:40px;height:40px;font-size:17px}.status-bars{width:min(350px,42vw);position:absolute;bottom:clamp(15px,2.5vw,32px);left:clamp(15px,2.5vw,32px)}.bar-row{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin-top:8px;display:grid}.bar-row label{color:#a3a4b7;letter-spacing:.12em;font:600 9px Chakra Petch}.bar{background:#72779d2e;height:7px;overflow:hidden}.bar i{background:var(--cyan);width:100%;height:100%;transition:width .12s;display:block;box-shadow:0 0 13px}.bar.heat i{background:var(--amber)}.bar.dash i{background:var(--violet)}.hull-pips{gap:4px;display:flex}.hull-pips i{background:var(--red);width:15px;height:7px;transform:skew(-18deg);box-shadow:0 0 8px #ff496c73}.module-rack{flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;bottom:clamp(15px,2.5vw,32px);right:clamp(15px,2.5vw,32px)}.module-chip{color:#b7b6c8;border-right:2px solid var(--violet);letter-spacing:.08em;text-transform:uppercase;background:#080913b8;padding:5px 8px;font:500 9px Chakra Petch}.announcement{text-align:center;transition:opacity .35s,transform .35s;position:absolute;top:18%;left:50%;transform:translate(-50%)}.announcement.fade{opacity:0;transform:translate(-50%,-12px)}.announcement strong{color:#fff;letter-spacing:-.04em;text-shadow:0 0 28px #61f8ff66;font:700 clamp(30px,5vw,62px)/1 Chakra Petch;display:block}.announcement span{color:var(--cyan);letter-spacing:.24em;text-transform:uppercase;font:600 10px Chakra Petch}.rift-meter{text-align:center;min-width:250px;transition:opacity .2s;position:absolute;bottom:25px;left:50%;translate:-50%}.rift-meter label{color:var(--cyan);letter-spacing:.22em;font:600 9px Chakra Petch}.rift-meter .bar{height:4px;margin-top:7px}.modal-card{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #7986bf59;width:min(820px,92vw);padding:clamp(24px,4vw,48px);box-shadow:0 30px 100px #000000a8,inset 0 1px #ffffff0a}.modal-card.compact{text-align:center;width:min(520px,92vw)}.modal-card h2{letter-spacing:-.04em;margin:0;font:700 clamp(34px,6vw,62px)/1 Chakra Petch}.modal-card>p{color:#9697aa;line-height:1.55}.choice-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;display:grid}.module-card{text-align:left;cursor:pointer;min-height:190px;padding:20px;position:relative;overflow:hidden}.module-card:after{content:"";border:1px solid #61f8ff24;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-34px;right:-32px;box-shadow:0 0 25px #61f8ff14}.module-card small{color:var(--cyan);letter-spacing:.15em;font:600 9px Chakra Petch}.module-card h3{margin:30px 0 8px;font:600 20px Chakra Petch}.module-card p{color:#9b9caf;margin:0;font-size:13px;line-height:1.55}.module-card .level{color:#77798f;font:600 10px Chakra Petch;position:absolute;top:14px;right:14px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0;display:grid}.summary-grid div{background:#ffffff09;border:1px solid #797fa826;padding:14px 8px}.summary-grid span{color:#7e8096;letter-spacing:.12em;font-size:9px;display:block}.summary-grid strong{margin-top:5px;font:600 21px Chakra Petch;display:block}.new-best{letter-spacing:.15em;text-transform:uppercase;font:600 11px Chakra Petch;color:var(--cyan)!important}.controls{color:#85869b;flex-wrap:wrap;gap:16px;margin-top:28px;font-size:11px;display:flex}.controls b{color:#fff;border:1px solid #45485e;margin-right:4px;padding:3px 6px;font:600 10px Chakra Petch}.toast-stack{gap:8px;display:grid;position:absolute;top:90px;right:28px}.toast{border-left:2px solid var(--cyan);background:#080a16e6;padding:12px 16px;animation:3.2s both toast;box-shadow:0 10px 28px #0008}.toast small{color:var(--cyan);letter-spacing:.16em;font:600 8px Chakra Petch;display:block}.toast strong{font:600 13px Chakra Petch}@keyframes toast{0%{opacity:0;transform:translate(20px)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@media (width<=780px){.title-layout{grid-template-columns:1fr;align-items:center;gap:26px}.title-side{border-top:1px solid #848bba3d;border-left:0;padding:22px 0 0}.logo{font-size:clamp(48px,16vw,78px)}.tagline{margin:16px 0 20px}.choice-grid{grid-template-columns:1fr;max-height:62vh;overflow:auto}.module-card{min-height:130px}.module-card h3{margin-top:16px}.module-rack{display:none}.hud-cluster{gap:12px}.hud-stat strong{font-size:19px}.score-value{min-width:80px}.summary-grid{grid-template-columns:repeat(2,1fr)}}