:root{--sky-top:#6ec5ff;--sky-deep:#0e1a32;--panel:#0e203ae0;--panel-border:#5ef9b873;--mint:#5ef9b8;--mint-dim:#3dd68c;--text:#e8f4ff;--muted:#a8c7e8;--gold:#ffd166;color:var(--text);background:var(--sky-deep);font-family:system-ui,Segoe UI,sans-serif}*{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(8px);backdrop-filter:blur(8px);border-radius:12px}#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:.35rem;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:#ff785033;border:1px solid #ffb46473;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}