:root{--sky-top:#6ec5ff;--sky-mid:#3a7ec8;--sky-deep:#0e1a32;--panel:#0a1830e0;--panel-border:#5ef9b873;--mint:#5ef9b8;--mint-dim:#3dd68c;--text:#e8f4ff;--muted:#a8c7e8;--gold:#ffd166;--scrap:#e8c07a;--rare:#3de8ff;--hazard:#ff4757;--storm:#ffb464;--font:"Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--font);color:var(--text);background:var(--sky-deep)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow:hidden}#game-canvas{width:100vw;height:100vh;display:block}#overlay{pointer-events:none;z-index:10;position:fixed;inset:0}#overlay button{pointer-events:auto;cursor:pointer;background:linear-gradient(135deg, var(--mint), var(--mint-dim));color:#042818;border:none;border-radius:8px;padding:.65rem 1.25rem;font-size:1rem;font-weight:600}#overlay button:hover{filter:brightness(1.08)}.panel-card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 8px 32px #00000059}#start-screen{pointer-events:auto;background:radial-gradient(at 30% 20%,#6ec5ff40,#0000 55%),radial-gradient(#0e1a32bf,#050a14f2);justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.start-card{text-align:center;background:#0a1830b8;border:1px solid #6ec5ff59;border-radius:14px;flex-direction:column;gap:.85rem;max-width:26rem;padding:1.75rem 1.5rem;display:flex}.start-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid #ffd16673;border-radius:999px;align-self:center;padding:.2rem .65rem;font-size:.72rem;display:inline-block}#start-screen h1{letter-spacing:.04em;color:#f5fbff;font-size:clamp(2rem,5vw,2.75rem)}.tagline{opacity:.85;color:var(--mint);font-style:italic}.start-copy{opacity:.92;font-size:.95rem;line-height:1.55}.hidden{display:none!important}.hud-panel{min-width:13rem;padding:.75rem 1rem;font-size:.9rem;position:absolute;top:1rem;left:1rem}.hud-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:0;font-size:.72rem}.hud-row{justify-content:space-between;gap:1rem;margin-bottom:.35rem;display:flex}.hud-row strong{color:var(--mint)}#hud-hint{opacity:.9;color:var(--muted);margin-top:.5rem;font-size:.78rem;line-height:1.35}#hud-hint.hud-hint-dock{color:var(--mint);opacity:1;font-weight:600}#crosshair{pointer-events:none;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}.crosshair-dot{background:#ffffffd9;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #7ee8ffa6}.crosshair-bracket{border:2px solid #ffffff8c;width:10px;height:10px;position:absolute}.crosshair-tl{border-bottom:none;border-right:none;top:4px;left:4px}.crosshair-tr{border-bottom:none;border-left:none;top:4px;right:4px}.crosshair-bl{border-top:none;border-right:none;bottom:4px;left:4px}.crosshair-br{border-top:none;border-left:none;bottom:4px;right:4px}#crosshair.crosshair-grab .crosshair-bracket{border-color:#9dffcfbf}#crosshair.crosshair-lock .crosshair-dot{background:var(--mint);box-shadow:0 0 14px #5ef9b8e6}#crosshair.crosshair-lock .crosshair-bracket{border-color:var(--mint)}#sell-panel{pointer-events:auto;text-align:center;flex-direction:column;gap:.65rem;min-width:20rem;max-width:92vw;padding:1.35rem 1.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#sell-panel h2{font-size:1.25rem}.panel-kicker{color:var(--muted);margin-top:-.35rem;font-size:.78rem}#sell-summary{opacity:.92;white-space:pre-line;text-align:left;font-size:.9rem;line-height:1.45}.sort-bay-help{color:var(--muted);text-align:left;opacity:.9;margin:0;font-size:.72rem}.sort-bay{text-align:left;flex-direction:column;gap:.55rem;max-height:12rem;display:flex;overflow-y:auto}.sort-row{background:#6ec5ff0f;border:1px solid #6ec5ff26;border-radius:8px;padding:.45rem .5rem}.sort-row-head{flex-direction:column;gap:.1rem;margin-bottom:.35rem;display:flex}.sort-row-head strong{font-size:.88rem}.sort-row-meta{color:var(--muted);font-size:.72rem}.sort-chutes{flex-wrap:wrap;gap:.3rem;display:flex}.sort-chute{flex:30%;min-width:4.5rem;color:var(--text)!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;padding:.28rem .35rem!important;font-size:.68rem!important;line-height:1.2!important}.sort-chute-scrap{color:#f0c878!important;border-color:#f0c87873!important}.sort-chute-rare{color:#6ee8ff!important;border-color:#40e8ff73!important}.sort-chute-hazard{color:#ff8fa3!important;border-color:#ff4d6d80!important}.sort-chute-selected{box-shadow:0 0 0 1px #5ef9b88c;background:#5ef9b826!important}#btn-sell:disabled{opacity:.45;cursor:not-allowed}.start-status{opacity:.85;color:var(--muted);font-size:.88rem}#hud-toast{color:#c8ffe0;background:#5ef9b81f;border:1px solid #5ef9b866;border-radius:6px;margin-top:.65rem;padding:.45rem .55rem;font-size:.78rem;line-height:1.35}.dock-tabs{justify-content:center;gap:.35rem;display:flex}.dock-tab{flex:1;color:var(--text)!important;background:#ffffff14!important;padding:.4rem .5rem!important;font-size:.85rem!important}.dock-tab-active{background:linear-gradient(135deg, var(--mint), var(--mint-dim))!important;color:#042818!important}.dock-sub{opacity:.88;text-align:left;font-size:.85rem}#upgrades-list{text-align:left;flex-direction:column;gap:.5rem;max-height:14rem;display:flex;overflow-y:auto}.upgrade-row{background:#6ec5ff14;border:1px solid #6ec5ff1f;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .5rem;display:flex}.upgrade-info{flex-direction:column;gap:.15rem;font-size:.82rem;display:flex}.upgrade-info strong{color:var(--mint)}.upgrade-info span{opacity:.82;font-size:.75rem}.upgrade-row button{flex-shrink:0;padding:.35rem .65rem!important;font-size:.8rem!important}#crosshair.crosshair-net-locked .crosshair-bracket{border-color:#ffd166d9}#crosshair.crosshair-net-locked .crosshair-dot{background:var(--gold);box-shadow:0 0 12px #ffd166bf}.net-grade-summary{color:var(--mint);background:#5ef9b814;border-radius:6px;margin-bottom:.25rem;padding:.35rem .5rem;font-size:.82rem}.junk-tags{flex-wrap:wrap;gap:.35rem;margin-top:.2rem;display:flex}.junk-tag{border:1px solid #ffffff26;border-radius:4px;padding:.12rem .4rem;font-size:.68rem}.junk-tag-active{color:#042818;background:var(--mint);border-color:var(--mint-dim)}.junk-tag-locked{opacity:.55;color:var(--muted)}.upgrade-row-locked{opacity:.88}.upgrade-lock-reason{color:var(--gold);margin-top:.15rem;font-size:.72rem}.btn-ghost,#btn-close-sell{color:var(--text)!important;background:#ffffff1a!important}.hud-storm{color:#ffe9a8;background:#ff643c38;border:1px solid #ffb46480;border-radius:6px;margin-top:.45rem;padding:.35rem .5rem;font-size:.75rem;font-weight:600;animation:1.2s ease-in-out infinite storm-pulse}@keyframes storm-pulse{50%{opacity:.75}}.hud-drone-btn{pointer-events:auto;width:100%;margin-top:.45rem;color:var(--text)!important;background:#ffffff1a!important;padding:.4rem .5rem!important;font-size:.78rem!important}.hud-drone-on{background:linear-gradient(135deg, var(--mint), var(--mint-dim))!important;color:#042818!important}.drone-shop-row{border-top:1px solid #6ec5ff33;margin-top:.65rem;padding-top:.65rem}.hud-dock-compass{pointer-events:none;z-index:4;color:var(--mint);background:#0a1830b8;border:1px solid #5ef9b859;border-radius:999px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .65rem;font-size:.72rem;display:flex;position:fixed;top:.85rem;bottom:auto;left:50%;transform:translate(-50%)}.hud-dock-compass--at-dock{border-color:#5ef9b88c;box-shadow:0 0 12px #5ef9b840}.dock-compass-arrow{transform-origin:50%;text-shadow:0 0 8px #5ef9b8a6;font-size:1rem;line-height:1;display:inline-block}.dock-compass-label{letter-spacing:.04em;font-weight:600}.loading-screen{pointer-events:auto;z-index:30;background:radial-gradient(#0e1a32eb,#050a14fa);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card{text-align:center;min-width:18rem;padding:1.5rem}.loading-title{margin-bottom:.5rem;font-size:1.5rem}.loading-meter{margin-top:1rem}.start-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tip-list{text-align:left;opacity:.9;color:var(--muted);padding-left:1.1rem;font-size:.82rem;line-height:1.45}.settings-panel,.pause-panel,.shift-summary-panel{pointer-events:auto;z-index:25;flex-direction:column;gap:.65rem;min-width:20rem;max-width:92vw;padding:1.35rem 1.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.88rem;display:flex}.settings-check{justify-content:flex-start}.shift-summary-body{white-space:pre-wrap;text-align:left;opacity:.92;max-height:14rem;font-size:.85rem;line-height:1.5;overflow-y:auto}.hud-shell{z-index:12;pointer-events:none;position:absolute;top:1rem;left:1rem}.hud-shell .hud-panel{pointer-events:auto;min-width:14rem;position:static}.hud-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.hud-sector-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);border:1px solid #ffd16659;border-radius:999px;padding:.12rem .45rem;font-size:.65rem}.tabular{font-variant-numeric:tabular-nums}.hud-meter-block{margin-bottom:.45rem}.meter-track{background:#ffffff1f;border-radius:999px;height:4px;margin-top:.25rem;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--mint-dim), var(--mint));width:0%;height:100%;transition:width .2s}.meter-fill-full{background:linear-gradient(90deg, var(--gold), #ffb347)}.meter-fill-cleared{background:linear-gradient(90deg, #5eb8ff, var(--sky-top))}.sell-panel{max-width:26rem}.shop-grid{flex-direction:column;gap:.55rem;max-height:15rem;display:flex;overflow-y:auto}.upgrade-card{background:#081428a6;border-radius:10px;flex-direction:column;gap:.45rem;padding:.65rem .7rem;display:flex}.upgrade-card-maxed{border-color:#5ef9b8a6}.upgrade-card-locked{opacity:.82}.upgrade-level-tag{color:var(--gold);font-size:.72rem}.upgrade-blurb{opacity:.88;font-size:.78rem;line-height:1.35}.upgrade-actions{justify-content:flex-end;display:flex}.upgrade-actions button{padding:.35rem .75rem!important;font-size:.78rem!important}.hud-brake-cue{z-index:11;letter-spacing:.06em;text-transform:uppercase;color:var(--mint);pointer-events:none;background:#0a1830b8;border:1px solid #5ef9b859;border-radius:999px;padding:.3rem .65rem;font-size:.72rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.storm-vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 45%,#ff50282e 100%);animation:1.4s ease-in-out infinite storm-pulse;position:fixed;inset:0}#settings-panel{z-index:22}#start-screen{z-index:15}#storm-vignette{z-index:24}.float-text{z-index:18;pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #00000073;font-size:1.15rem;font-weight:700;position:fixed;transform:translate(-50%,-20px)}.float-text-gain{color:var(--mint)}.float-text-warn{color:var(--gold)}.float-text-gold{color:var(--gold);text-shadow:0 0 14px #ffd1668c;font-size:1.25rem}.float-text-combo{color:var(--rare);letter-spacing:.04em;text-shadow:0 0 12px #3de8ff73;font-size:1.05rem;font-weight:800}.hud-work-order{background:#ffd16614;border:1px solid #ffd16661;border-radius:8px;margin-top:.45rem;padding:.4rem .45rem}.hud-work-order-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:.2rem;font-size:.62rem}.hud-work-order-title{color:var(--text);font-size:.78rem;font-weight:700;line-height:1.25}.hud-work-order-kicker{color:var(--muted);margin-top:.15rem;font-size:.7rem;line-height:1.35}.hud-work-order-meter{margin-top:.35rem}.meter-fill-work-order{background:linear-gradient(90deg, var(--gold), #ffd16673)}.hud-work-order-meta{color:var(--mint);font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:.68rem}.hud-combo{color:var(--rare);text-align:center;background:#3de8ff1a;border:1px solid #3de8ff59;border-radius:6px;margin-top:.35rem;padding:.28rem .45rem;font-size:.74rem;font-weight:700}