:root{color:#d9e7ea;font-synthesis:none;--ui-bg:#071017;--ui-bg-secondary:#0b1821;--ui-surface-1:#10212b;--ui-surface-2:#142a35;--ui-surface-raised:#193540;--ui-overlay:#030a0feb;--ui-border:#294752;--ui-border-strong:#40616b;--ui-border-active:#36c7d0;--ui-text:#d9e7ea;--ui-text-strong:#f1fafb;--ui-text-muted:#829da5;--ui-accent:#36c7d0;--ui-accent-soft:#36c7d024;--ui-success:#4bc58c;--ui-warning:#e6a447;--ui-danger:#e06459;--ui-mining:#e79a3b;--ui-power:#4e9ee8;--ui-shield:#7c82e8;--ui-weapon:#e2674e;--ui-cargo:#8fb1ba;--ui-space-xs:.25rem;--ui-space-sm:.5rem;--ui-space-md:.875rem;--ui-space-lg:1.25rem;--ui-space-xl:1.75rem;--ui-radius-sm:2px;--ui-radius-md:4px;--ui-font-body:Inter, "Segoe UI", system-ui, sans-serif;--ui-font-heading:"Arial Narrow", "Roboto Condensed", var(--ui-font-body);--ui-font-numeric:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--joystick-size:clamp(112px, 24vh, 176px);--mine-button-size:clamp(90px, 19vh, 140px);--fire-button-size:clamp(68px, 13vh, 104px);background:#071017;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ui-text);background:var(--ui-bg);font-family:var(--ui-font-body)}button,select,input{font:inherit}button{min-height:44px;color:var(--ui-text);background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);cursor:pointer;font-family:var(--ui-font-heading);letter-spacing:.025em;padding:.55rem .75rem;font-weight:700;transition:color .12s,background .12s,border-color .12s,opacity .12s}button:hover:not(:disabled){color:var(--ui-text-strong);border-color:var(--ui-border-active);background:var(--ui-surface-raised)}button:active:not(:disabled),button.active{color:var(--ui-bg);border-color:var(--ui-accent);background:var(--ui-accent)}button:disabled{opacity:.36;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}input{min-width:0;color:var(--ui-text-strong);background:var(--ui-bg-secondary);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm)}h1,h2,h3{font-family:var(--ui-font-heading);letter-spacing:.05em}.app-shell,.game-host{position:absolute;inset:0}.game-host canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block}.section-label,.inspector-kicker{color:var(--ui-text-muted);font-family:var(--ui-font-heading);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.panel,.inspector-panel{border:1px solid var(--ui-border);background:var(--ui-surface-1)}.progress-bar{background:var(--ui-bg);border:1px solid var(--ui-border);height:7px;overflow:hidden}.progress-bar i{background:var(--ui-accent);height:100%;transition:width .18s;display:block}.progress-bar.tone-mining i{background:var(--ui-mining)}.progress-bar.tone-power i{background:var(--ui-power)}.progress-bar.tone-shield i{background:var(--ui-shield)}.progress-bar.tone-weapon i{background:var(--ui-weapon)}.progress-bar.tone-warning i{background:var(--ui-warning)}.badge{min-height:24px;margin:0 var(--ui-space-xs) var(--ui-space-xs) 0;border:1px solid var(--ui-border);color:var(--ui-text-muted);background:var(--ui-bg-secondary);text-transform:uppercase;align-items:center;padding:.15rem .4rem;font-size:.68rem;font-weight:700;display:inline-flex}.rarity-uncommon{--rarity:var(--ui-accent)}.rarity-rare{--rarity:var(--ui-shield)}.badge.rarity-uncommon,.badge.rarity-rare{color:var(--rarity);border-color:var(--rarity)}.stat-list{margin:var(--ui-space-md) 0}.stat-list>div{justify-content:space-between;gap:var(--ui-space-md);border-bottom:1px solid var(--ui-border);padding:.5rem 0;display:flex}.stat-list dt{color:var(--ui-text-muted);letter-spacing:.08em;font-size:.72rem;font-weight:700}.stat-list dd{color:var(--ui-text-strong);font-family:var(--ui-font-numeric);text-align:right;margin:0;font-weight:700}.icon-button,.tooltip-trigger{width:44px;min-width:44px;padding:0;font-size:1.25rem}.window-controls{align-items:center;gap:var(--ui-space-sm);display:flex}.tooltip-root{display:inline-flex;position:relative}.tooltip-popover{z-index:30;width:min(280px,70vw);color:var(--ui-text);border:1px solid var(--ui-border-active);background:var(--ui-bg-secondary);padding:.65rem;font-size:.78rem;line-height:1.45;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 10px 30px #0009}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.empty-state{color:var(--ui-text-muted);font-size:.78rem}.error{color:var(--ui-danger)}.warning,.warning-message{color:var(--ui-warning)}.hud{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);z-index:3;pointer-events:none;font-size:11px;position:fixed}.hud-panel{border:1px solid var(--ui-border);background:#071017db;padding:.55rem .65rem;position:absolute;box-shadow:0 4px 16px #0007}.status-panel{align-items:center;gap:.65rem;min-width:min(310px,100vw - 24px);display:flex;top:12px;left:12px}.status-panel strong{color:var(--ui-text-strong);font-family:var(--ui-font-heading);letter-spacing:.12em;display:block}.status-panel small{max-width:230px;color:var(--ui-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;display:block;overflow:hidden}.status-light{background:var(--ui-warning);width:8px;height:8px}.status-light.online{background:var(--ui-success)}.status-light.offline{background:var(--ui-danger)}.players{color:var(--ui-text-muted);font-family:var(--ui-font-numeric);margin-left:auto}.identity-panel{pointer-events:auto;gap:.25rem;width:250px;display:grid;top:12px;right:12px}.identity-panel label{color:var(--ui-text-muted);letter-spacing:.1em;font-size:.65rem;font-weight:800}.identity-panel div{gap:.25rem;display:flex}.identity-panel input{flex:1;padding:.38rem .5rem}.identity-panel button{min-height:34px;padding:.3rem .55rem}.cargo-panel{width:250px;top:77px;right:12px}.panel-heading,.vital-row{color:var(--ui-text-muted);letter-spacing:.05em;justify-content:space-between;gap:.4rem;font-weight:700;display:flex}.panel-heading b,.vital-row b{color:var(--ui-text-strong);font-family:var(--ui-font-numeric)}.vital-row{border-bottom:1px solid var(--ui-border);margin-bottom:.45rem;padding-bottom:.4rem}.power-line{margin-top:.5rem}.cargo-chips{flex-wrap:wrap;gap:.25rem;margin-top:.4rem;display:flex}.cargo-chips span{color:var(--ui-text-muted);background:var(--ui-bg-secondary);padding:.1rem .25rem}.telemetry-panel{gap:.3rem;min-width:225px;display:grid;bottom:12px;left:12px}.telemetry-panel label{color:var(--ui-text-muted)}.telemetry-panel b{color:var(--ui-text-strong);font-family:var(--ui-font-numeric)}.telemetry-panel button{pointer-events:auto;min-height:34px;margin-top:.15rem;padding:.25rem;font-size:10px}.mining-panel{right:calc(var(--safe-right) + 5vw + var(--mine-button-size) + 24px);border-left:3px solid var(--ui-mining);gap:.28rem;width:250px;display:grid;bottom:12px}.mining-panel>span{color:var(--ui-text-muted)}.mining-panel b{color:var(--ui-mining)}.mining-panel small{color:var(--ui-text-muted)}.mining-target-details{border-top:1px solid var(--ui-border);gap:.15rem;padding-top:.25rem;display:grid}.combat-panel{width:250px;color:var(--ui-text-muted);text-align:center;gap:.25rem;display:grid;top:84px;left:50%;transform:translate(-50%)}.combat-panel b{color:var(--ui-text-strong)}.combat-panel.locked{border-color:var(--ui-weapon)}.combat-panel.locked b,.combat-panel.locked small{color:var(--ui-warning)}.combat-panel.destroyed{border-color:var(--ui-danger)}.combat-panel.destroyed b,.combat-panel.destroyed small{color:var(--ui-danger)}.diagnostics-panel{display:none}.station-waypoint{color:var(--ui-warning);border:1px solid color-mix(in srgb, var(--ui-warning), transparent 45%);white-space:nowrap;background:#071017db;align-items:center;gap:.5rem;padding:.35rem .55rem;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.station-waypoint-arrow{border-right:6px solid #0000;border-bottom:14px solid var(--ui-warning);transform-origin:50%;border-left:6px solid #0000;width:0;height:0}.station-waypoint span{color:var(--ui-text-muted)}.station-waypoint b{color:var(--ui-warning);font-family:var(--ui-font-numeric);margin-left:.3rem}.station-action{pointer-events:auto;color:var(--ui-warning);border-color:var(--ui-warning);background:var(--ui-bg-secondary);position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.touch-controls{z-index:4;pointer-events:none;touch-action:none;position:fixed;inset:0}.touch-controls.blocked{display:none}.joystick,.mine-button,.fire-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.joystick{left:calc(var(--safe-left) + 4vw);bottom:calc(var(--safe-bottom) + 4vh);width:var(--joystick-size);aspect-ratio:1;border:2px solid color-mix(in srgb, var(--ui-accent), transparent 45%);background:radial-gradient(circle, var(--ui-accent-soft) 0 12%, #071017cc 13% 55%, transparent 56%);border-radius:50%}.joystick i{border:1px solid var(--ui-accent);border-radius:50%;position:absolute;inset:34%}.mine-button,.fire-button{border-radius:50%}.mine-button{right:calc(var(--safe-right) + 5vw);bottom:calc(var(--safe-bottom) + 5vh);width:var(--mine-button-size);aspect-ratio:1;color:var(--ui-mining);border:2px solid var(--ui-mining);background:#3d210ee6}.mine-button.active{color:var(--ui-bg);background:var(--ui-mining)}.mine-button.active.demolition{color:var(--ui-text-strong);border-color:var(--ui-danger);background:var(--ui-danger)}.fire-button{right:calc(var(--safe-right) + 5vw + var(--mine-button-size) + 12px);bottom:calc(var(--safe-bottom) + 5vh);width:var(--fire-button-size);aspect-ratio:1;color:var(--ui-weapon);border:2px solid var(--ui-weapon);background:#361412e6}.resource-feedback{z-index:12;top:max(calc(var(--safe-top) + 12px), 20%);right:calc(var(--safe-right) + 12px);left:calc(var(--safe-left) + 12px);width:max-content;max-width:calc(100% - var(--safe-left) - var(--safe-right) - 24px);color:var(--ui-warning);border:1px solid var(--ui-warning);background:var(--ui-bg-secondary);text-align:center;margin-inline:auto;padding:.7rem 1.2rem;position:fixed}.base-overlay{z-index:10;padding:max(12px, var(--safe-top)) max(12px, var(--safe-right)) max(12px, var(--safe-bottom)) max(12px, var(--safe-left));background:var(--ui-overlay);place-items:center;display:grid;position:fixed;inset:0}.base-window{border:1px solid var(--ui-border-strong);background:var(--ui-bg-secondary);grid-template-rows:auto auto 1fr auto;width:min(1280px,100%);min-width:0;max-width:100%;height:min(820px,100%);min-height:0;max-height:100%;display:grid;overflow:hidden;box-shadow:0 24px 70px #000c}.base-window>header{border-bottom:1px solid var(--ui-border);background:var(--ui-surface-1);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.base-window h1{color:var(--ui-text-strong);margin:.12rem 0 0;font-size:1.15rem}.base-window>nav{border-bottom:1px solid var(--ui-border);scrollbar-width:thin;display:flex;overflow-x:auto}.base-window>nav button{border-width:0 1px 0 0;flex:1 0 auto;min-width:112px}.base-window>nav button.active{box-shadow:inset 0 -3px var(--ui-bg)}.base-window main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:var(--ui-space-md);touch-action:pan-y;overflow:auto}.base-window footer{border-top:1px solid var(--ui-border);color:var(--ui-warning);font-family:var(--ui-font-numeric);justify-content:space-between;gap:1rem;padding:.55rem 1rem;display:flex}.inspector-layout{gap:var(--ui-space-md);grid-template-columns:180px minmax(0,1fr) 290px;min-height:100%;display:grid}.storage-sidebar{gap:var(--ui-space-sm);padding:var(--ui-space-md);flex-direction:column;display:flex}.segmented-control{margin-bottom:var(--ui-space-md);gap:.3rem;display:grid}.category-list{gap:.2rem;display:grid}.category-list button{text-align:left;justify-content:flex-start;min-height:40px;padding:.45rem .6rem}.category-list button.active{border-left:3px solid var(--ui-bg)}.secondary-action{color:var(--ui-warning);border-color:var(--ui-warning);margin-top:auto}.resource-grid-panel,.recipe-browser{min-width:0}.content-heading{justify-content:space-between;align-items:flex-end;gap:var(--ui-space-md);min-height:58px;margin-bottom:var(--ui-space-md);display:flex}.content-heading h2,.recipe-browser h2{color:var(--ui-text-strong);margin:.15rem 0 0;font-size:1rem}.capacity-display,.currency-display{width:min(220px,40%);color:var(--ui-text-muted);font-size:.68rem}.capacity-display b,.currency-display b{color:var(--ui-text-strong);font-family:var(--ui-font-numeric);text-align:right;margin:.2rem 0;display:block}.resource-grid{gap:var(--ui-space-sm);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;display:grid}.resource-card{border:1px solid var(--ui-border);background:var(--ui-surface-1);min-width:0;transition:border-color .12s,background .12s,opacity .12s;position:relative;overflow:hidden}.resource-card:before{content:"";z-index:1;background:var(--rarity,var(--ui-border-strong));width:2px;position:absolute;inset:0 auto 0 0}.resource-card:hover{border-color:var(--ui-border-strong);background:var(--ui-surface-2)}.resource-card.selected{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.resource-card.unavailable{opacity:.58}.resource-card-select{text-align:center;text-transform:none;background:0 0;border:0;grid-template-rows:70px 1fr;justify-items:center;gap:.35rem;width:100%;min-height:146px;padding:.65rem;display:grid}.resource-card-select:hover:not(:disabled),.resource-card-select:active:not(:disabled),.resource-card-select.active{color:inherit;background:0 0;border:0}.resource-card-copy{width:100%;min-width:0}.resource-card-copy strong,.resource-card-copy small,.resource-card-copy b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.resource-card-copy strong{color:var(--ui-text-strong);font-size:.78rem}.resource-card-copy small{color:var(--ui-text-muted);margin:.18rem 0;font-size:.62rem}.resource-card-copy b{color:var(--ui-warning);font-family:var(--ui-font-numeric)}.resource-icon{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;color:var(--ui-accent);background:var(--ui-bg-secondary);font-family:var(--ui-font-numeric);place-items:center;font-style:normal;display:grid}.resource-icon-large{width:104px;height:104px;font-size:1.25rem}.card-price{color:var(--ui-warning);border-top:1px solid var(--ui-border);font-family:var(--ui-font-numeric);text-align:center;padding:.45rem .6rem;font-size:.7rem;display:block}.inspector-panel{min-width:0;padding:var(--ui-space-md);align-self:stretch}.inspector-panel h2{color:var(--ui-text-strong);margin:.25rem 0 .8rem;font-size:1.15rem}.inspector-titlebar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.inspector-close{display:none}.inspector-placeholder{color:var(--ui-text-muted)}.inspector-placeholder p{font-size:.78rem;line-height:1.5}.inspector-hero{align-items:center;gap:var(--ui-space-md);padding:var(--ui-space-sm);background:var(--ui-bg-secondary);display:flex}.inspector-panel>p{color:var(--ui-text-muted);font-size:.78rem;line-height:1.55}.inspector-relations{margin-top:var(--ui-space-md)}.inspector-relations h3{color:var(--ui-text-muted);margin:0 0 .4rem;font-size:.68rem}.inspector-relations span{color:var(--ui-text);padding:.25rem 0;font-size:.75rem;display:block}.inspector-actions{gap:var(--ui-space-sm);padding-top:var(--ui-space-md);margin-top:auto;display:grid}.mini-actions,.sell-presets{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.mini-actions button,.sell-presets button{min-width:0;padding-inline:.25rem}.processing-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.recipe-grid{gap:var(--ui-space-sm);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.recipe-card{text-align:left;text-transform:none;grid-template-columns:64px 1fr;align-items:center;gap:.6rem;min-height:88px;display:grid}.recipe-card .resource-icon{width:56px;height:56px}.recipe-card>span{align-self:center;min-width:0}.recipe-card span,.recipe-card strong,.recipe-card small,.recipe-card b{min-width:0;display:block}.recipe-card strong{font-size:.84rem;line-height:1.2}.recipe-card small{color:var(--ui-text-muted);margin:.2rem 0;font-size:.68rem}.recipe-card b{color:var(--ui-warning);font-family:var(--ui-font-numeric);font-size:.68rem}.production-panel{flex-direction:column;display:flex}.production-flow{align-content:start;gap:.45rem;display:grid}.flow-group{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.4rem;display:grid}.flow-resource{border:1px solid var(--ui-border);background:var(--ui-bg-secondary);grid-template-columns:48px 1fr;align-items:center;gap:.45rem;padding:.45rem;display:grid}.flow-resource .resource-icon{grid-row:1/3;width:46px;height:46px}.flow-resource strong{font-size:.7rem}.flow-resource span{color:var(--ui-success);font-family:var(--ui-font-numeric);font-size:.7rem}.flow-resource.missing{border-color:var(--ui-danger)}.flow-resource.missing span{color:var(--ui-danger)}.flow-resource.result{border-color:var(--ui-accent)}.flow-arrow{color:var(--ui-text-muted);text-align:center;font-size:1.25rem}.process-node{min-width:140px;color:var(--ui-bg);background:var(--ui-accent);font-family:var(--ui-font-heading);letter-spacing:.1em;text-align:center;justify-self:center;padding:.55rem;font-weight:900}.process-node small{margin-top:.15rem;font-size:.58rem;display:block}.selling-layout{grid-template-columns:minmax(0,1fr) 300px}.sale-total{color:var(--ui-text-muted);justify-content:space-between;display:flex}.sale-total b{color:var(--ui-warning);font-family:var(--ui-font-numeric)}.modal-backdrop{z-index:40;padding:var(--ui-space-md);background:#000b;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(440px,100%);padding:var(--ui-space-lg);border:1px solid var(--ui-border-active);background:var(--ui-surface-1);box-shadow:0 20px 60px #000d}.modal h2{color:var(--ui-text-strong)}.modal p{color:var(--ui-text-muted);line-height:1.5}.modal p b{color:var(--ui-warning)}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.danger-action{color:var(--ui-danger);border-color:var(--ui-danger)}.hangar{touch-action:pan-y;-webkit-user-select:none;user-select:none;gap:.65rem;min-height:100%;display:grid}.hangar-toolbar,.ship-workbench,.ship-stats,.build-actions{gap:.55rem;display:flex}.hangar-toolbar{flex-wrap:wrap;justify-content:space-between}.hangar-mode,.hull-picker{flex-wrap:wrap;gap:.3rem;display:flex}.ship-workbench{min-height:340px}.ship-blueprint,.module-inventory{border:1px solid var(--ui-border);background:var(--ui-surface-1);min-width:0;padding:.8rem}.ship-blueprint{text-align:center;flex:58%;align-content:start;place-items:center;gap:.35rem;display:grid;position:relative}.ship-blueprint h2{color:var(--ui-text-strong);margin:.15rem}.module-inventory{flex:42%}.module-inventory h2,.module-shop h2{color:var(--ui-text-strong);margin:0;font-size:.95rem}.ship-blueprint-actions{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.ship-blueprint-actions button.active{color:var(--ui-warning);border-color:var(--ui-warning);background:var(--ui-bg-secondary)}.ship-grid{place-content:center;margin:.45rem auto;display:grid}.ship-cell{width:48px;height:48px;min-height:48px;color:var(--ui-bg);border:2px solid var(--ui-border-strong);background:var(--ui-surface-2);image-rendering:pixelated;touch-action:pan-y;padding:0;font-size:1.15rem;font-weight:900;position:relative;overflow:hidden}.ship-cell.footprint-tail{border-style:dashed}.ship-cell.core{box-shadow:inset 0 0 0 2px var(--ui-warning)}.ship-cell.selected,.module-card.selected{outline:3px solid var(--ui-accent);outline-offset:1px}.ship-grid.editing-cells .editable-cell{color:var(--ui-danger);border-color:var(--ui-danger);background:color-mix(in srgb, var(--ui-danger), var(--ui-bg) 75%);font-size:1.45rem}.mining-module-sprite{pointer-events:none;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:6%}.mining-direction{z-index:1;color:var(--ui-warning);text-shadow:0 1px 3px #000;place-items:center;font-size:1.55rem;line-height:1;display:inline-grid;position:relative}.module-filters{flex-wrap:wrap;gap:.25rem;margin:.55rem 0;display:flex}.module-filters button{min-height:38px;padding:.3rem .42rem;font-size:9px}.module-grid{grid-template-columns:repeat(3,minmax(86px,1fr));gap:.4rem;display:grid}.module-card{text-align:left;text-transform:none;touch-action:pan-y;grid-template-rows:auto auto auto;grid-template-columns:42px 1fr;gap:.2rem .45rem;min-height:112px;padding:.45rem;display:grid}.module-card i,.module-icon-large{width:42px;height:42px;color:var(--ui-bg);image-rendering:pixelated;grid-row:1/3;place-items:center;font-size:1.1rem;font-style:normal;font-weight:900;display:grid}.module-card strong{font-size:10px}.module-card small{color:var(--ui-text-muted);font-size:9px}.module-card b{color:var(--ui-warning);font-family:var(--ui-font-numeric);grid-column:1/-1}.module-details{min-height:42px}.module-details>.module-inspector{grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:.7rem;width:100%;display:grid}.module-details .module-inspector>.inspector-kicker,.module-details .module-inspector>h2{grid-column:1;margin:0}.module-details .inspector-hero{grid-area:1/2/3}.module-details .stat-list{flex-wrap:wrap;grid-area:3/2;gap:.3rem .8rem;margin:0;display:flex}.module-details .stat-list>div{border:0;gap:.3rem;padding:0}.module-details .inspector-actions{grid-area:1/3/4;padding:0;display:flex}.module-icon-large{grid-row:auto;width:88px;height:88px;font-size:1.6rem}.ship-stats{border:1px solid var(--ui-border);background:var(--ui-surface-1);flex-wrap:wrap;align-items:center;padding:.55rem}.ship-stats>span{color:var(--ui-text-muted);font-size:.72rem}.ship-stats>span b{color:var(--ui-text-strong);font-family:var(--ui-font-numeric)}.ship-stats.invalid{border-color:var(--ui-danger)}.ship-stats>strong{color:var(--ui-danger);margin-left:auto}.energy-stat{border-left:3px solid var(--ui-power);background:var(--ui-bg-secondary);grid-template-columns:1fr auto;gap:.25rem .5rem;min-width:180px;padding:.35rem .5rem;display:grid}.energy-stat.tone-mining{border-color:var(--ui-mining)}.energy-stat span{color:var(--ui-text-muted);font-size:.68rem}.energy-stat b{color:var(--ui-text-strong);font-family:var(--ui-font-numeric);font-size:.72rem}.energy-stat .progress-bar{grid-column:1/-1}.build-actions{justify-content:flex-end}.apply-build{color:var(--ui-warning);border-color:var(--ui-warning);padding-inline:1.4rem}.custom-hull-shop{border:1px solid var(--ui-border);background:var(--ui-bg-secondary);text-align:center;width:min(100%,560px);margin:.35rem auto;padding:.45rem}.custom-hull-shop>span{color:var(--ui-warning)}.ship-cell.purchasable-cell{color:var(--ui-accent);border:1px dashed var(--ui-accent);background:var(--ui-accent-soft);opacity:.75;place-content:center;gap:1px;display:grid}.ship-cell.purchasable-cell:hover{opacity:1;border-style:solid}.ship-cell.purchasable-cell b{font-size:20px;line-height:16px}.ship-cell.purchasable-cell small{color:var(--ui-warning);white-space:nowrap;font-size:8px}.cell-context-menu{z-index:4;min-width:210px;color:var(--ui-text);border:1px solid var(--ui-warning);background:var(--ui-bg-secondary);gap:.35rem;padding:.7rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #000c}.cell-context-menu strong{color:var(--ui-warning)}.cell-context-menu span{color:var(--ui-text-muted)}.module-shop{gap:.55rem;display:grid}.shop-heading{justify-content:space-between;align-items:end;display:flex}.shop-heading b{color:var(--ui-warning);font-family:var(--ui-font-numeric)}.module-shop-layout{grid-template-columns:minmax(0,1fr) 290px;gap:.75rem;display:grid}.shop-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.45rem;display:grid}.module-shop article{border:1px solid var(--ui-border);background:var(--ui-surface-1);min-width:0;overflow:hidden}.module-shop article.selected{border-color:var(--ui-accent)}.module-shop article .module-card{background:0 0;border:0;width:100%}.shop-card-footer{border-top:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .45rem;display:flex}.shop-card-footer b{color:var(--ui-warning);font-family:var(--ui-font-numeric)}.shop-card-footer button{min-height:38px}@media (pointer:fine){:root{--joystick-size:112px;--mine-button-size:90px;--fire-button-size:68px}.joystick,.mine-button,.fire-button{opacity:.28}.mine-button.active{opacity:1}}@media (width<=980px){.inspector-layout{grid-template-columns:150px minmax(0,1fr) 250px}.processing-layout{grid-template-columns:minmax(0,1fr) 300px}.selling-layout{grid-template-columns:minmax(0,1fr) 270px}.module-grid{grid-template-columns:repeat(2,minmax(86px,1fr))}.module-shop-layout{grid-template-columns:minmax(0,1fr) 260px}}@media (width<=760px),(height<=500px){.hud{font-size:10px}.status-panel{min-width:220px;max-width:55vw;padding:.4rem;top:5px;left:5px}.identity-panel{width:210px;padding:.35rem;top:5px;right:5px}.identity-panel input,.identity-panel button{padding:.25rem .35rem}.cargo-panel{width:210px;padding:.4rem;top:76px;right:5px}.telemetry-panel{bottom:calc(4vh + var(--joystick-size) + 12px);min-width:180px;padding:.4rem;left:5px}.mining-panel{right:5px;bottom:calc(5vh + var(--mine-button-size) + 12px);width:170px;padding:.4rem}.combat-panel{width:220px;padding:.4rem;top:112px}.station-waypoint{padding:.3rem .5rem;top:54px}.cargo-chips{display:none}.station-action{bottom:10px}.base-window{height:100%}.base-window>header{padding:.5rem}.base-window h1{font-size:1rem}.base-window main{padding:.5rem}.base-window>nav button{min-width:105px}.inspector-layout,.processing-layout,.selling-layout{grid-template-columns:minmax(0,1fr)}.base-window main{overflow-x:hidden}.storage-sidebar{padding:.55rem}.segmented-control{grid-template-columns:1fr 1fr;margin-bottom:.25rem}.category-list{display:flex;overflow-x:auto}.category-list button{flex:none}.secondary-action{margin-top:0}.resource-grid-panel,.recipe-browser,.inspector-panel,.resource-grid{width:100%;min-width:0;max-width:100%}.resource-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.resource-card-select{grid-template-rows:58px 1fr;min-height:126px;padding:.45rem}.resource-icon{width:54px;height:54px}.inspector-layout>.resource-inspector,.processing-layout>.inspector-panel{z-index:3;border-color:var(--ui-border-active);max-height:min(58vh,430px);position:sticky;bottom:0;overflow:auto;box-shadow:0 -16px 36px #000c}.storage-layout>.inspector-placeholder{display:none}.resource-inspector .inspector-close{display:block}.ship-workbench{flex-direction:column}.ship-blueprint,.module-inventory{flex-basis:auto}.module-shop-layout,.shop-list,.module-details>.module-inspector{grid-template-columns:1fr}.module-details .module-inspector>.inspector-kicker,.module-details .module-inspector>h2,.module-details .inspector-hero,.module-details .stat-list,.module-details .inspector-actions{grid-area:auto/1}}@media (width<=500px) and (orientation:portrait){:root{--joystick-size:140px;--mine-button-size:112px;--fire-button-size:76px}.status-panel{width:auto;min-width:0;max-width:none;left:5px;right:5px}.identity-panel{width:auto;top:58px;left:5px;right:5px}.cargo-panel{width:auto;top:128px;left:5px;right:5px}.station-waypoint{top:244px}.combat-panel{top:281px}.station-action{bottom:calc(4vh + var(--joystick-size) + 104px)}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-heading{align-items:start}.capacity-display,.currency-display{width:46%}.recipe-grid{grid-template-columns:1fr}.flow-group{grid-template-columns:1fr 1fr}.base-window footer{font-size:.7rem}}@media (width>=761px) and (height<=500px){.ship-workbench{flex-direction:row;min-height:320px}.ship-blueprint{flex:55%}.module-inventory{flex:45%}.module-grid{grid-template-columns:repeat(2,minmax(80px,1fr))}.ship-cell{width:40px;height:40px;min-height:40px}}