#ui{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;color:var(--c-cream);font:14px/1.25 monospace;position:fixed;inset:0}#ui *,#ui :before,#ui :after{box-sizing:border-box}#ui button{pointer-events:auto;font:inherit;color:var(--c-cream);background:var(--c-night);border:2px solid var(--c-dusk);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:0;min-width:44px;min-height:44px}#ui button:disabled{color:var(--c-stone_l);background:var(--c-ink);border-color:var(--c-stone_d);cursor:default}#ui button:not(:disabled):active{background:var(--c-dusk)}.hud-layer{--nav-h:54px;flex-direction:column;width:100%;max-width:56.25vh;height:100%;margin:0 auto;display:flex;position:relative}.hud{pointer-events:auto;background:var(--c-void);border-bottom:2px solid var(--c-ink);flex-direction:column;gap:4px;padding:6px;display:flex}.hud-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.hud-coins{color:var(--c-gold);align-items:center;gap:6px;font-size:18px;display:flex}.hud-depth{flex-direction:column;align-items:flex-end;font-size:16px;display:flex}.hud-depth small,.mineral-name small,.primary-button small{color:var(--c-haze);font-size:11px}.coin{background:var(--c-gold);border:2px solid var(--c-gold_d);width:10px;height:10px;display:inline-block}.bar{background:var(--c-ink);border:2px solid var(--c-stone_d);height:22px;display:block;position:relative;overflow:hidden}.bar-fill{background:var(--c-teal_d);position:absolute;inset:0 auto 0 0}.bar-label{white-space:nowrap;padding:0 6px;font-size:12px;line-height:18px;display:block;position:relative}.hud-bars{flex-direction:column;flex:1;gap:2px;display:flex}.hud-bar{height:21px}.hud-bar .bar-label{line-height:17px}.storage-bar .bar-fill{background:var(--c-dusk)}.hud-bar.is-full{border-color:var(--c-ember);animation:.8s steps(2,jump-none) infinite pulse}.hud-bar.is-full .bar-fill{background:var(--c-ruby_d)}@keyframes pulse{0%{border-color:var(--c-ember)}to{border-color:var(--c-ember_l)}}#ui .hud-drone{text-align:left;flex-direction:column;justify-content:center;gap:2px;width:44%;padding:2px 6px;display:flex}#ui .hud-drone.is-warn{border-color:var(--c-ember_l)}.drone-bar{border-width:1px;height:6px}.drone-bar .bar-fill{background:var(--c-sky)}.hud-drone-label{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sheet{z-index:1;pointer-events:auto;height:calc(100% / 3 - var(--nav-h));background:var(--c-void);border-top:2px solid var(--c-dusk);flex-direction:column;margin-top:auto;display:flex;position:relative}.sheet-header{justify-content:space-between;align-items:center;padding:0 0 0 10px;display:flex}.sheet-header h2{margin:0;font-size:16px}#ui .icon-button{background:0 0;border:none;font-size:20px}.sheet-body{scrollbar-width:none;touch-action:none;flex-direction:column;gap:8px;padding:0 10px 10px;display:flex;overflow-y:auto}.sheet-body h3{color:var(--c-haze);margin:4px 0 0;font-size:13px}.hint{color:var(--c-haze);margin:0;font-size:12px}.hint.is-info{color:var(--c-ice)}.hint.is-warn{color:var(--c-ember_l)}#ui .primary-button{background:var(--c-teal_d);border-color:var(--c-teal);flex-direction:column;align-items:center;padding:6px;display:flex}.mineral-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mineral-list li{align-items:center;gap:8px;min-height:32px;display:flex}.mineral-icon{flex:none;grid-template-columns:6px 6px;width:12px;height:12px;display:grid}.mineral-icon i{display:block}.mineral-name{flex-direction:column;flex:1;display:flex}.mineral-amount{text-align:right;min-width:3em}.sell-buttons{gap:2px;display:flex}#ui .small-button{padding:2px 6px;font-size:12px}.tabs{gap:4px;display:flex}#ui .tabs button{flex:1}#ui .tabs button.is-active,#ui .bottom-nav button.is-active{background:var(--c-dusk);border-color:var(--c-sky)}.upgrade-card{background:var(--c-ink);border:2px solid var(--c-night);flex-direction:column;gap:4px;padding:6px;display:flex}.upgrade-card.is-bottleneck{border-color:var(--c-gold_d)}.upgrade-card header{align-items:center;gap:8px;display:flex}.upgrade-card header strong{flex:1}.badge{color:var(--c-void);background:var(--c-gold);padding:0 4px;font-size:11px;font-style:normal}.upgrade-desc,.upgrade-values{margin:0;font-size:12px}.upgrade-values{color:var(--c-teal)}.upgrade-buttons{gap:4px;display:flex}#ui .upgrade-buttons button{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.bottom-nav{background:var(--c-void);border-top:2px solid var(--c-ink);gap:2px;margin-top:auto;padding:4px;display:flex}.sheet+.bottom-nav{margin-top:0}.bottom-nav{box-sizing:border-box;height:var(--nav-h)}#ui .bottom-nav button{letter-spacing:-.3px;flex:1;min-width:0;padding:0;font-size:12px}.rotate-hint{pointer-events:auto;background:var(--c-void);color:var(--c-cream);text-align:center;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;inset:0}.hud-drone-count{color:var(--c-haze);font-size:10px}.camera-buttons{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:62px;right:26px}#ui .camera-buttons button{background:var(--c-ink);opacity:.9;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}#ui .camera-buttons button.is-active{border-color:var(--c-sky)}.setting-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.segmented{gap:2px;display:flex}#ui .small-button.is-active{background:var(--c-dusk);border-color:var(--c-sky)}#ui .small-button.danger{background:var(--c-ruby_d);border-color:var(--c-ruby)}.confirm{flex-direction:column;gap:6px;display:flex}.confirm-buttons{gap:6px;display:flex}#ui .confirm-buttons button{flex:1}.modal-backdrop{pointer-events:auto;z-index:2;background:rgb(from var(--c-void) r g b / .8);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.modal-backdrop.is-fixed{position:fixed}#ui .start-drill{min-width:60%;font-size:16px;animation:.8s steps(2,jump-none) infinite pulse;position:absolute;top:38%;left:50%;transform:translate(-50%)}.modal{background:var(--c-void);border:2px solid var(--c-dusk);flex-direction:column;gap:8px;width:100%;max-height:80%;padding:12px;display:flex;overflow-y:auto}.modal h2{color:var(--c-gold);margin:0;font-size:18px}.modal h3{color:var(--c-haze);margin:4px 0 0;font-size:13px}.modal p{margin:0}.modal-buttons{flex-direction:column;gap:6px;margin-top:6px;display:flex}.debug-panel{pointer-events:auto;flex-direction:column;gap:4px;max-width:60%;display:flex;position:absolute;top:30%;left:6px}.debug-body{background:var(--c-void);border:2px solid var(--c-ember);flex-direction:column;gap:4px;padding:6px;font-size:12px;display:flex}.debug-row{gap:4px;display:flex}.debug-row input{width:6em;min-height:44px;font:inherit;color:var(--c-cream);background:var(--c-ink);border:2px solid var(--c-dusk)}#ui .small-button.lock{justify-content:center;align-items:center;display:flex}.base-section{border-top:2px solid var(--c-ink);flex-direction:column;gap:6px;margin-top:6px;padding-top:6px;display:flex}.slot-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}#ui .slot{background:var(--c-ink);flex-direction:column;justify-content:center;align-items:center;padding:2px;font-size:11px;display:flex}#ui .slot.is-free{color:var(--c-haze);border-style:dashed}#ui .slot.is-active{border-color:var(--c-gold)}.status{font-size:10px;font-style:normal}.status-running{color:var(--c-grass)}.status-waitingInput{color:var(--c-haze)}.status-storageFull{color:var(--c-ember_l)}.status-noRecipe{color:var(--c-ice)}.status-off{color:var(--c-stone_l)}.module-detail,.build-list{background:var(--c-ink);border:2px solid var(--c-night);flex-direction:column;gap:6px;padding:6px;display:flex}.module-detail header{align-items:baseline;gap:8px;display:flex}.module-detail header strong{flex:1}.module-detail h3,.build-list h3{margin:0}.recipe-list{flex-direction:column;gap:4px;display:flex}#ui .recipe-button{text-align:left;flex-direction:column;align-items:flex-start;padding:4px 6px;display:flex}#ui .recipe-button small{color:var(--c-haze);font-size:11px}#ui .recipe-button.is-active{background:var(--c-dusk);border-color:var(--c-sky)}.cycle-bar{border-width:1px;align-self:stretch;height:18px;margin-top:4px}.cycle-bar .bar-fill{background:var(--c-moss)}.cycle-bar.status-storageFull .bar-fill{background:var(--c-ember)}.cycle-bar.status-off .bar-fill{background:var(--c-stone_d)}.cycle-bar .bar-label{color:var(--c-cream);font-size:11px;line-height:16px}.info-toast{pointer-events:auto;z-index:1;background:var(--c-void);border:2px solid var(--c-ember_l);flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:104px;left:8px;right:8px}.info-toast header{justify-content:space-between;align-items:center;display:flex}.info-toast strong{color:var(--c-ember_l)}.info-toast p{margin:0;font-size:12px}#ui .info-toast .icon-button{min-height:32px}.market-list{grid-template-columns:1fr 1fr;gap:4px;display:grid}#ui .market-item{text-align:left;align-items:center;gap:6px;padding:2px 6px;font-size:12px;display:flex}#ui .market-item.is-active{background:var(--c-dusk);border-color:var(--c-gold)}.status-noSelection{color:var(--c-ice)}.shaft-bar{pointer-events:auto;width:18px;min-height:0;margin:calc(8px + var(--shaft-offset,0px)) 3px 8px 0;cursor:pointer;touch-action:none;flex-direction:column;flex:1 1 0;align-self:flex-end;align-items:center;display:flex}.shaft-storage{background:var(--c-clay);border:1px solid var(--c-soil_d);border-top:3px solid var(--c-copper_d);flex:none;width:14px;height:8px}.shaft-track{background:var(--c-void);border:1px solid var(--c-stone_d);opacity:.9;border-top:none;flex:1;width:8px;position:relative}.shaft-frame{border:1px solid var(--c-haze);position:absolute;top:0;left:-4px;right:-4px}.shaft-drill,.shaft-drone{position:absolute;top:0;left:50%}.shaft-drill{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--c-chalk);width:0;height:0;margin:-6px 0 0 -6px}.shaft-drone{background:var(--c-ice);width:4px;height:4px;margin:-2px 0 0 -2px}.shaft-drone.is-warn{background:var(--c-ember_l)}.cycle-bar.is-demolishing .bar-fill{background:var(--c-ember)}.demolish{border-top:2px solid var(--c-ink);flex-direction:column;align-items:flex-start;gap:4px;margin-top:8px;padding-top:8px;display:flex}.upgrade-tabs{z-index:1;background:var(--c-void);padding-bottom:4px;position:sticky;top:0}#ui .upgrade-tabs button{flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px;display:flex}.upgrade-tabs small{color:var(--c-haze);font-size:10px}#ui .help-button{background:0 0;border:none;flex:none;margin:-10px -6px -10px 0;padding:0;font-size:12px;font-weight:700}.help-button span{width:18px;height:18px;color:var(--c-void);background:var(--c-sky);border:2px solid var(--c-dusk);justify-content:center;align-items:center;display:inline-flex}.help-dialog p{margin:0;line-height:1.4}.sheet-body::-webkit-scrollbar{display:none}