/* Compact cockpit: keep the playfield clear, with full-sized touch targets. */
#hud{padding:calc(8px + env(safe-area-inset-top)) 14px 0}
.topline{height:36px}.brand{font-size:18px}.brand span{font-size:6px;letter-spacing:1.5px}
#pause{width:44px;height:44px;font-size:19px}
.stats{margin-top:5px;gap:5px}.pill{padding:4px 9px;border-radius:11px;font-size:15px;height:29px}.pill small{font-size:7px}
.sleep{top:calc(50px + env(safe-area-inset-top));right:15px;width:112px;font-size:8px}.sleep span{margin-bottom:3px}
#journey{top:calc(86px + env(safe-area-inset-top));left:15px;right:15px;gap:7px}
#hazard,#hazard[data-type=calm]{top:calc(102px + env(safe-area-inset-top));left:14px;right:14px;padding:5px 9px;border-radius:11px}
#hazard b{font-size:10px}#hazard small{font-size:8px;margin-top:2px}
#floating{top:calc(145px + env(safe-area-inset-top));left:20px;right:20px}#combo{font-size:19px}#notice{font-size:9px;padding:4px 9px}
#controls{padding:6px 12px calc(4px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;display:flex;flex-direction:column;gap:3px;background:linear-gradient(180deg,#355459ed,#203744fa);box-shadow:0 -4px 18px #182d4226}
#controls:before,#controls:after{display:none}
#flightPanel{position:absolute;bottom:calc(100% + 6px);left:12px;right:12px;padding:5px 9px;margin:0;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:3px 8px;background:#203641d9}
#flightPanel>div:first-child{min-width:0;gap:7px}#flightStage{font-size:8px;letter-spacing:0}#flightReadout{font-size:10px;white-space:nowrap}
#flightPanel .flightStats{gap:6px}#hull{font-size:11px;letter-spacing:1px}#keys{font-size:10px}#flightGoal{display:none}
#flightPanel .flightTrack{grid-column:1/-1;grid-row:2;height:3px;margin:0}
#controls .energy{order:0;margin:0;min-height:12px;gap:6px}.energy span{font-size:6px;letter-spacing:.25px}.energy b{font-size:8px}
#controls .utilityBelt{order:1;margin:0;gap:5px}
#controls .utilityBelt button,#controls #inspect{min-height:44px;height:44px;padding:3px 2px;border-radius:11px;font-size:8px;gap:3px}
.utilityBelt .toolIcon{font-size:16px}.utilityBelt button small{font-size:6px;margin-top:1px}
#controls .thumbDeck{order:2;min-height:78px;height:78px;margin:2px 0 0;gap:8px}
#controls #steeringPad{width:36%;height:62px;flex-shrink:1;border-radius:32px}
#steeringPad .padTrack{inset:6px}#controls #steeringKnob{width:42px;height:42px;left:calc(50% - 21px);top:8px;transform:translateX(calc(var(--steer,0)*22px))}
#controls #steeringPad button{height:58px;font-size:34px;padding-top:0;padding-bottom:0;min-height:44px}
#controls #guideLeft{padding-left:9px}#controls #guideRight{padding-right:9px}#steeringPad span{display:none}
#controls .launchButton{width:34%;height:76px;min-height:76px;border-radius:25px;flex-shrink:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px}
#controls .launchButton b{font-size:24px;line-height:1}#controls .launchButton>span{font-size:12px;letter-spacing:.5px}#controls .launchButton small{font-size:8px;margin-top:1px}
#controls #brake{width:64px;height:64px;min-height:64px;border-width:2px;flex-shrink:0}#controls #brake svg{width:23px;height:19px}#controls #brake b{font-size:11px}#controls #brake small{font-size:5.5px}
#controls .balance{order:3;width:100%;max-width:none;gap:8px;margin:0;height:32px;padding:0 6px}
#controls .balance input{height:32px;min-width:0;margin:0;flex:1}#controls .balance span{font-size:11px}
#hint{display:none}
#stability{top:calc(134px + env(safe-area-inset-top));bottom:auto;right:16px;gap:3px}#stability span{font-size:6px}#stability b{font-size:8px}#stability>div{width:50px}
@media(min-height:780px){#controls .thumbDeck{height:86px;min-height:86px}#controls .launchButton{height:84px}#controls #brake{width:70px;height:70px}#controls #steeringPad{height:68px}#controls #steeringKnob{top:11px}#controls #steeringPad button{height:64px}}
@media(max-width:340px){#controls{padding-left:8px;padding-right:8px}.utilityBelt .toolIcon{font-size:13px}#controls .utilityBelt button,#controls #inspect{font-size:7px}.sleep{width:99px}.pill{padding:4px 7px}}