:root{--hull: #cdc6b8;--dark: #2b3038;--deep: #141a22;--accent: #5fe6d8;--gold: #ffe98a;--good: #7ee06a;--bad: #ff6a5c;--font: "Lucida Console", "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#07091a;color:var(--hull);font-family:var(--font);font-size:13px;user-select:none}#game{position:fixed;inset:0;touch-action:none}#game canvas{display:block;image-rendering:pixelated;touch-action:none}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}#resbar{position:absolute;top:10px;left:12px;display:flex;gap:14px;flex-wrap:wrap;background:#141a22b8;border:2px solid var(--dark);padding:6px 10px}.fill-hull{background:linear-gradient(90deg,#d8563a,#ff9a6a)}.lbl-hull{color:#ff9a6a}.res{display:flex;align-items:center;gap:5px}.res .amt{min-width:42px}.res.gain .amt{animation:res-gain .45s steps(3,end)}@keyframes res-gain{0%{color:#fff;text-shadow:0 0 6px currentColor}to{color:inherit;text-shadow:none}}.icon{vertical-align:middle;image-rendering:pixelated}#net-status{position:absolute;top:10px;right:12px;background:#141a22b8;border:2px solid var(--dark);padding:6px 10px;color:#8e8778}#net-status.online{color:var(--accent)}#bottomleft{position:absolute;left:12px;bottom:12px;width:260px}.bar-block{margin-top:8px}.bar-label{font-size:11px;opacity:.85;margin-bottom:3px}.bar{height:12px;background:#0000008c;border:2px solid var(--dark)}.fill{height:100%;transition:width .12s linear}.fill-energy{background:linear-gradient(90deg,#2f8f88,var(--accent))}.fill-xp{background:linear-gradient(90deg,#4a7a2a,var(--good))}#zoneinfo{position:absolute;top:62px;left:12px;background:#141a2299;border-left:3px solid var(--accent);padding:4px 10px}#zone-name{font-size:15px;color:var(--gold)}#zone-sub{font-size:11px;opacity:.75}#boosterstrip{position:absolute;top:118px;left:12px;display:flex;flex-direction:column;gap:4px}.boostchip{background:#602878cc;border:2px solid #c07ce0;padding:2px 8px;font-size:11px}.boostchip.anomaly{background:#78581ecc;border-color:#ffc46a}.boostchip.fleet{background:#1e6046cc;border-color:#7de0a8}.quest.fleet{border-left:3px solid #7de0a8}#toasts{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toast{background:#141a22eb;border:2px solid var(--dark);padding:6px 14px}.toast.good{border-color:var(--good);color:var(--good)}.toast.gold{border-color:var(--gold);color:var(--gold)}#buttons{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.hud-btn,.tab,button{font-family:var(--font);font-size:13px;color:var(--hull);background:var(--dark);border:2px solid #4a4f57;padding:7px 12px;cursor:pointer;position:relative}.hud-btn:hover,.tab:hover,button:hover{background:#3a414c}button:disabled{opacity:.45;cursor:not-allowed}.hud-btn.small{padding:7px 10px}.ic{color:var(--gold)}.badge{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;line-height:16px;background:var(--bad);color:#fff;border:2px solid #2b1010;font-size:11px;text-align:center}.badge:empty{display:none}#panel{position:fixed;inset:0;background:transparent;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:20}.panel-frame{width:min(920px,94vw);height:min(640px,90vh);background:transparent;border:3px solid var(--dark);box-shadow:0 0 0 100vmax #06080ec7;pointer-events:none;display:flex;flex-direction:column;position:relative}#panel-close{position:absolute;top:8px;right:8px;z-index:3;pointer-events:auto}.panel-body{flex:1;overflow:hidden;position:relative}.tabview{position:absolute;inset:0;overflow:auto;padding:14px;background:#10151cf7;pointer-events:auto}#view-upgrades{padding:0;background:transparent;pointer-events:none;display:flex;flex-direction:column;overflow:hidden}#tree-viewport{flex:1;min-height:0}#tree-foot{flex:none;background:#10151cf7}#tree-hint{text-align:center;font-size:11px;opacity:.75;padding:5px}#tree-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 14px;padding:5px 6px 0;font-size:11px}.leg{display:inline-flex;align-items:center;gap:5px}.leg i{width:11px;height:11px;border:2px solid}.leg b{color:#fff;font-weight:400}.tabs{display:flex;gap:2px;border-top:3px solid var(--dark);background:#10151cf7;pointer-events:auto}.tab{flex:1;border:none;border-top:3px solid transparent}.tab.active{background:#3a414c;border-top-color:var(--gold)}.booster,.quest{background:#1e2731e6;border:2px solid var(--dark);padding:10px;margin-bottom:8px}.booster{display:flex;gap:12px;align-items:center}.booster.built{border-color:#3a6a3a}.bi{image-rendering:pixelated;flex:0 0 34px}.btxt{flex:1}.bname{color:var(--gold);margin-bottom:3px}.bdesc{font-size:11px;opacity:.8}.quest.claimable{border-color:var(--gold)}.quest.done{opacity:.6}.quest-top{display:flex;justify-content:space-between;gap:12px}.quest-name{color:var(--gold)}.quest-reward{font-size:11px}.quest-sub{font-size:11px;opacity:.8;margin:4px 0}.quest-bar{height:8px;background:#00000080;border:1px solid var(--dark)}.quest-bar div{height:100%;background:var(--good)}.quest button{margin-top:8px}.stat-group{background:#1e2731e6;border:2px solid var(--dark);padding:10px;margin-bottom:8px}.stat-group h3{color:var(--gold);font-size:12px;font-weight:400;margin:0 0 6px;border-bottom:1px solid var(--dark);padding-bottom:4px}.stat-row,.stat-sub{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0}.stat-row b,.stat-sub b{color:#e8e2d4;font-weight:400;white-space:nowrap}.stat-row span,.stat-sub span{opacity:.85}.stat-sub{font-size:11px;padding-left:12px;opacity:.9}.stat-sub span{flex:1}.stat-sub svg{flex:0 0 12px}.stat-head{margin-top:6px}.stat-head span{color:var(--gold);opacity:1}#point-mark{color:var(--good);margin-left:8px;animation:point-pulse 1.6s infinite}@keyframes point-pulse{0%,to{opacity:1}50%{opacity:.45}}.perk{display:flex;gap:12px;align-items:center;background:#1e2731e6;border:2px solid var(--dark);padding:8px 10px;margin-bottom:6px}.perk.ready{border-color:var(--good)}.perk.maxed{opacity:.55}.perk .ptxt{flex:1}.perk .pname{color:var(--gold)}.perk .pdesc{font-size:11px;opacity:.8}.perk .plevel{font-size:11px;opacity:.85;white-space:nowrap}.perk-head{color:var(--good);margin:0 0 8px;font-size:12px;font-weight:400}.orechip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;margin:0 6px 6px 0;opacity:.45}.orechip.on{opacity:1;border-color:var(--good)}.puzzle{display:grid;grid-template-columns:repeat(3,56px);gap:4px;justify-content:center}.ptile{width:56px;height:56px;font-size:18px;display:flex;align-items:center;justify-content:center}.ptile.hole{background:transparent;border-color:transparent;cursor:default}.chapter{background:#1e2731e6;border-left:3px solid var(--gold);padding:10px 12px;margin-bottom:8px}.chapter h3{color:var(--gold);font-size:13px;font-weight:400;margin:0 0 6px}.chapter p{margin:0;line-height:1.5;opacity:.9}.chapter.locked{border-left-color:var(--dark);opacity:.5}.chapter.probe{border-left-color:#9fe8c8}.chapter.probe h3{color:#9fe8c8}#tooltip{position:fixed;max-width:260px;background:#0c1016f7;border:2px solid var(--gold);padding:8px 10px;z-index:40;pointer-events:none}.tt-name{color:var(--gold);margin-bottom:4px}.tt-desc{font-size:11px;opacity:.85}.tt-eff{font-size:11px;color:var(--accent);margin-top:5px}.tt-max{font-size:11px;color:var(--good);margin-top:5px}.tt-lock{font-size:11px;color:var(--bad);margin-top:5px}.tt-cost{margin-top:6px}.tt-cost.no{color:var(--bad)}#modal{position:fixed;inset:0;background:#06080ed9;display:flex;align-items:center;justify-content:center;z-index:50}.modal-box{width:min(560px,92vw);background:#10151cfa;border:3px solid var(--gold);padding:22px}.modal-box h2{margin:0 0 12px;color:var(--gold);letter-spacing:2px}#modal-actions{margin-top:18px;display:flex;gap:10px;justify-content:flex-end}#modal-actions .dim{opacity:.7}.keys{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:12px}.keys span:nth-child(odd){color:var(--gold)}.kv{display:flex;justify-content:space-between;padding:2px 0}#account-chip{position:absolute;top:46px;right:12px;background:#141a22d1;border:2px solid var(--dark);padding:5px 10px;font-size:12px}#account-chip.gast{border-color:var(--gold);color:var(--gold)}#account-chip.fest{border-color:#3a6a3a;color:var(--good)}.form-row{margin-top:10px}.form-row label{display:block;font-size:11px;opacity:.8;margin-bottom:3px}.form-row input{width:100%;font-family:var(--font);font-size:14px;color:var(--hull);background:#00000073;border:2px solid var(--dark);padding:7px 9px}.form-row input:focus{outline:none;border-color:var(--accent)}.form-error{margin-top:10px;color:var(--bad);font-size:12px}.form-error:empty{display:none}.form-note{margin-top:10px;font-size:11px;opacity:.78}@media(max-width:640px){.panel-frame{width:100vw;height:100dvh;border-width:0}#bottomleft{width:auto;right:12px}#resbar{gap:8px;padding:5px 8px;font-size:12px}#account-chip{top:42px;font-size:11px;padding:4px 8px}#buttons{gap:6px}.hud-btn{padding:9px 10px}.modal-box{padding:16px}}