:root{color:#f6f7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#050914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,#0509145c,#0509140f 48%,#05091433),linear-gradient(#0509142e,#05091494),url(/assets/backgrounds/space-mining-worksite-bg.png) 50%/cover no-repeat,#050914;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{color:inherit;font:inherit;background:#091627d1;border:1px solid #ffffff2e;border-radius:8px}button:focus-visible{outline-offset:2px;outline:3px solid #4ecdc4}button:disabled{cursor:not-allowed;opacity:.48}.icon-button{place-items:center;min-width:42px;min-height:42px;display:inline-grid}.button-icon{color:#f6f7fb;width:24px;height:24px;display:block;position:relative}.button-detail{overflow-wrap:anywhere;color:#f6f7fb;min-width:0;font-weight:800;line-height:1.2}.icon-arrow-up:before,.icon-arrow-right:before,.icon-arrow-down:before,.icon-arrow-left:before{content:"";border-top:3px solid;border-right:3px solid;position:absolute;inset:6px}.icon-arrow-up:before{transform:rotate(-45deg)}.icon-arrow-right:before{transform:rotate(45deg)}.icon-arrow-down:before{transform:rotate(135deg)}.icon-arrow-left:before{transform:rotate(-135deg)}.icon-mine:before,.icon-mine:after{content:"";transform-origin:50%;position:absolute}.icon-mine:before{background:#ffd166;border-radius:999px;width:3px;height:20px;top:3px;left:11px;transform:rotate(38deg)}.icon-mine:after{border-top:3px solid #f6f7fb;border-left:3px solid #f6f7fb;border-radius:10px 0 0;width:17px;height:9px;top:3px;left:4px;transform:rotate(-24deg)}.icon-drone:before,.icon-drone:after{content:"";position:absolute}.icon-drone:before{background:#4ecdc447;border:2px solid #b8f2fff2;border-radius:8px;inset:8px 3px;box-shadow:0 0 12px #4ecdc461}.icon-drone:after{background:#b8f2ff;border-radius:999px;width:4px;height:14px;top:5px;left:10px;transform:rotate(90deg)}.icon-generator:before,.icon-generator:after{content:"";position:absolute}.icon-generator:before{border:3px solid #ffd166;border-radius:50%;inset:4px;box-shadow:0 0 14px #ffd1666b}.icon-generator:after{background:#4ecdc4;border-radius:50%;width:4px;height:4px;top:10px;left:10px;box-shadow:0 -8px #4ecdc4,0 8px #4ecdc4}.icon-pause:before,.icon-pause:after{content:"";background:currentColor;border-radius:2px;width:5px;height:15px;position:absolute;top:5px}.icon-pause:before{left:6px}.icon-pause:after{right:6px}.icon-play:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;width:0;height:0;position:absolute;top:4px;left:8px}.icon-volume:before,.icon-volume:after,.icon-muted:before,.icon-muted:after{content:"";position:absolute}.icon-volume:before,.icon-muted:before{background:currentColor;border-radius:2px 0 0 2px;width:7px;height:10px;top:7px;left:3px;box-shadow:7px 2px 0 -1px}.icon-volume:after{border:2px solid;border-left:0;border-radius:0 999px 999px 0;width:8px;height:14px;top:5px;right:3px}.icon-muted:after{border-top:3px solid #ff7a90;width:14px;height:14px;top:5px;right:4px;transform:rotate(45deg)}.icon-reset:before,.icon-reset:after{content:"";position:absolute}.icon-reset:before{border:3px solid;border-right-color:#0000;border-radius:50%;inset:5px}.icon-reset:after{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid;width:0;height:0;top:4px;right:5px;transform:rotate(-38deg)}.icon-gear:before,.icon-gear:after{content:"";position:absolute}.icon-gear:before{border:3px solid;border-radius:50%;inset:5px;box-shadow:0 -7px 0 -4px,0 7px 0 -4px,7px 0 0 -4px,-7px 0 0 -4px,5px 5px 0 -4px,-5px -5px 0 -4px,5px -5px 0 -4px,-5px 5px 0 -4px}.icon-gear:after{background:currentColor;border-radius:50%;inset:10px}#app{isolation:isolate;width:100vw;height:100vh;position:relative}#app:before,#app:after{content:"";pointer-events:none;position:absolute;inset:0}#app:before{z-index:-1;opacity:.8;background:radial-gradient(circle at 19% 18%,#885bff2e,#0000 28vw),radial-gradient(circle at 74% 28%,#ffb14f24,#0000 24vw),radial-gradient(circle at 42% 78%,#4ecdc41f,#0000 26vw)}#app:after{z-index:0;background-color:#0000;background-image:linear-gradient(90deg,#4ecdc414 1px,#0000 1px),linear-gradient(0deg,#4ecdc40f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#0000 38%,#000000b8);mask-image:linear-gradient(#0000 38%,#000000b8)}#space-scene{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:relative}.settings-toggle{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff1c,#ffffff0b),#091627db;width:46px;height:46px;position:absolute;box-shadow:0 14px 38px #00000052,inset 0 1px #ffffff14}.settings-toggle[aria-expanded=true]{background:#112c43eb;border-color:#4ecdc4b8}.settings-panel{top:calc(max(12px, env(safe-area-inset-top)) + 54px);left:max(12px, env(safe-area-inset-left));z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#4ecdc414,#0000 48%),#060f1bdb;border:1px solid #ffffff24;border-radius:8px;width:min(248px,100vw - 24px);padding:10px;position:absolute;box-shadow:0 18px 52px #00000057,inset 0 1px #ffffff12}.settings-panel[hidden]{display:none}.settings-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.settings-actions button{min-height:42px}.settings-actions button:hover{background:#112c43eb;border-color:#4ecdc4b8}.hud{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3;background:linear-gradient(135deg,#ffd16614,#0000 38%),linear-gradient(#0b1a2de6,#050d19c7);border:1px solid #ffffff24;border-radius:8px;gap:12px;width:min(520px,100vw - 24px);max-height:calc(100vh - 24px);margin:12px;padding:16px;display:grid;position:absolute;bottom:0;left:0;overflow:auto;box-shadow:0 22px 70px #00000061,inset 0 1px #ffffff14}.ops-panel{color:#f6f7fb;z-index:3;gap:12px;width:min(320px,100vw - 24px);display:grid;position:absolute;top:12px;right:12px}.planet-readout,.drone-readout,.site-readout{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#4ecdc414,#0000 48%),#060f1bc2;border:1px solid #ffffff24;border-radius:8px;gap:10px;padding:14px;display:grid;box-shadow:0 16px 48px #00000047,inset 0 1px #ffffff12}.planet-readout{grid-template-columns:84px 1fr;align-items:center}.eyebrow{color:#4ecdc4;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}h1{letter-spacing:0;margin:0 0 14px;font-size:1.75rem;line-height:1.15}h2{letter-spacing:0;margin:0 0 6px;font-size:1.08rem;line-height:1.2}.operator-dialogue{background:linear-gradient(90deg,#4ecdc42e,#0000 62%),#091627ad;border:1px solid #4ecdc452;border-radius:8px;gap:6px;margin:0 0 12px;padding:10px 12px;display:grid}.operator-dialogue span{color:#4ecdc4;font-size:.72rem;font-weight:800}.operator-dialogue p{color:#f6f7fb;min-height:2.5em;margin:0;font-size:.92rem;line-height:1.35}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.metrics div{background:linear-gradient(#ffffff17,#ffffff0b);border:1px solid #ffffff1f;border-radius:8px;min-width:0;padding:10px}dt{color:#b9c8d8;font-size:.76rem}dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:1.2rem;font-weight:800}#generator-state{color:#d8e4ef;margin:0;font-size:.9rem}.orbit-map{aspect-ratio:1;width:72px;position:relative}.asteroid-mark,.orbit-ring,.base-mark{display:block;position:absolute}.asteroid-mark{background:radial-gradient(circle at 34% 28%,#ffffff3d,#0000 20px),#8c8177;border-radius:45% 55% 52% 48%;inset:18px;box-shadow:inset -8px -10px #231c1e47}.asteroid-mark:before,.asteroid-mark:after{content:"";background:#ffd166;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 12px #ffd166b8}.asteroid-mark:before{top:8px;left:12px}.asteroid-mark:after{background:#9b7bff;bottom:12px;right:10px;box-shadow:0 0 12px #9b7bffb8}.orbit-ring{border:1px solid #4ecdc46b;border-radius:50%;inset:4px}.base-mark{background:#4ecdc4;border:2px solid #08111f;border-radius:4px;width:14px;height:14px;bottom:18px;right:11px}.drone-pips{grid-template-columns:repeat(8,minmax(16px,1fr));gap:6px;min-height:18px;display:grid}.drone-pips span{background:#b8f2ff33;border:1px solid #b8f2ff7a;border-radius:6px;height:18px}.drone-pips span.active{background:linear-gradient(#b8f2ff,#4ecdc4);border-color:#b8f2fff2;box-shadow:0 0 14px #4ecdc452}.site-readout-list{gap:8px;display:grid}.site-readout-item{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:8px;gap:6px;padding:9px;display:grid}.site-readout-item.selected{background:linear-gradient(90deg,#ffd16629,#0000 72%),#ffffff0f;border-color:#ffd166a3}.site-readout-item[data-site=deepVein].selected{border-color:#b8cce6ad}.site-readout-item[data-site=chargedVein].selected{border-color:#a67bffb8}.site-readout-item div{justify-content:space-between;gap:10px;display:flex}.site-readout-item strong{font-size:.86rem}.site-readout-item span:not(.site-readout-meter){color:#ffd166;font-size:.82rem;font-weight:800}.site-readout-item small{color:#b9c8d8;font-size:.72rem}.site-readout-meter{background:#ffffff1f;border-radius:999px;height:7px;display:block;overflow:hidden}.site-readout-meter span{border-radius:inherit;background:linear-gradient(90deg,#4ecdc4,#ffd166);height:100%;display:block;box-shadow:0 0 12px #4ecdc461}.controls{gap:10px;display:grid}.site-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.site-card{gap:6px;min-width:0;display:grid}.site-select{text-align:left;background:linear-gradient(160deg,#ffffff14,#0000 52%),#091627d1;gap:4px;min-height:74px;padding:8px;display:grid}.site-select[aria-pressed=true]{background:linear-gradient(150deg,#ffd1663d,#0000 58%),#47300ed1;border-color:#ffd166c7;box-shadow:0 0 16px #ffd1662e}.site-allocation{grid-template-columns:1fr 1fr;gap:6px;display:grid}.site-drone-button{text-align:center;min-height:32px;padding:4px;font-size:1rem;font-weight:800;line-height:1}.site-controls strong{color:#f6f7fb;font-size:.82rem;line-height:1.2}.site-controls span{color:#b9c8d8;font-size:.72rem;line-height:1.25}.action-row{grid-template-columns:1.2fr 1fr 1fr;align-items:stretch;gap:10px;display:grid}.operator-controls{gap:8px;display:grid}.operator-controls button{min-height:44px;padding:8px;font-weight:700}.operator-controls .command-button{grid-template-columns:32px minmax(0,1fr);gap:8px;width:100%;padding:8px 12px}.controls>button,.action-row>button{text-align:left;background:linear-gradient(90deg,#4ecdc414,#0000 60%),#091627d1;grid-template-columns:32px minmax(0,1fr);justify-content:stretch;align-items:center;gap:14px;min-height:56px;padding:12px;display:grid}.controls>button:not(:disabled):hover,.action-row>button:not(:disabled):hover,.site-select:not(:disabled):hover,.site-drone-button:not(:disabled):hover{background:#112c43eb;border-color:#4ecdc4b8}.controls strong{color:#ffd166;white-space:nowrap;justify-self:end}.utility-button.danger .button-icon{color:#ffb0bc}.messages{color:#d8e4ef;gap:4px;font-size:.88rem;display:grid}.messages p{min-height:1.2em;margin:0}@media (width<=680px){body{overflow:hidden}#app{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}#space-scene{height:100dvh;min-height:0;overflow:hidden}.hud{right:8px;bottom:calc(40px + env(safe-area-inset-bottom));overscroll-behavior:contain;background:linear-gradient(135deg,#ffd16614,#0000 38%),linear-gradient(#0b1a2dd6,#050d19b3);border-radius:8px;gap:8px;width:auto;max-height:calc(100dvh - 72px);margin:0;padding:10px;position:absolute;left:8px}.ops-panel{top:max(8px, env(safe-area-inset-top));pointer-events:none;gap:6px;width:min(154px,100vw - 16px);margin:0;padding:0;position:absolute;right:8px}.status{gap:8px;display:grid}.status>.eyebrow,.planet-readout .eyebrow,.drone-readout,.site-readout{display:none}h1{margin:0;font-size:.95rem}.planet-readout h2{margin:0 0 2px;font-size:.76rem}.operator-dialogue{gap:3px;margin:0;padding:7px 8px}.operator-dialogue span{font-size:.64rem}.operator-dialogue p{min-height:0;max-height:2.7em;font-size:.78rem;line-height:1.35;overflow:hidden}.metrics{gap:6px}.metrics div{padding:7px 8px}dt{font-size:.66rem}dd{margin-top:2px;font-size:.98rem}.controls{gap:7px}.site-controls{gap:6px}.site-card{gap:4px}.site-select{text-align:center;min-height:44px;padding:6px}.site-controls strong{font-size:.72rem}.site-controls span{display:none}.site-allocation{gap:4px}.site-drone-button{min-height:28px;padding:2px;font-size:.94rem}.action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.operator-controls{gap:0}.operator-controls button,.action-row>button{min-height:36px;padding:5px 6px}.operator-controls .command-button,.action-row>button{text-align:left;grid-template-columns:22px minmax(0,1fr);gap:4px}.button-icon{width:22px;height:22px}.button-detail{font-size:.78rem}.controls>button,.action-row>button{grid-template-columns:26px minmax(0,1fr);gap:8px;min-height:40px;padding:7px 9px}.controls strong{font-size:.8rem}.messages{grid-template-columns:minmax(0,1fr);gap:2px;font-size:.72rem}.messages p{text-overflow:ellipsis;white-space:nowrap;min-height:1em;overflow:hidden}.planet-readout,.drone-readout,.site-readout{background:#060f1bd6;padding:8px}.planet-readout{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:7px}.orbit-map{width:42px}.asteroid-mark{inset:10px}.asteroid-mark:before,.asteroid-mark:after{width:5px;height:5px}.asteroid-mark:before{top:5px;left:7px}.asteroid-mark:after{bottom:7px;right:6px}.base-mark{border-radius:3px;width:9px;height:9px;bottom:10px;right:6px}#generator-state{font-size:.68rem;line-height:1.25}}@media (width<=680px) and (height<=760px),(width<=390px){.hud{gap:6px;max-height:min(54dvh,390px);padding:8px}.operator-dialogue{display:none}.site-select{min-height:38px}.site-drone-button{min-height:26px}.operator-controls button,.controls>button,.action-row>button{min-height:36px}.messages{display:none}}