#rc-app .mars-ui{position:absolute;inset:0;z-index:25;pointer-events:none;color:#ffe4ca;font-family:Manrope,system-ui,sans-serif}.mars-ui[hidden]{display:none}.mars-location{position:absolute;top:80px;left:22px;display:grid;gap:5px;text-shadow:0 2px 10px #130e0b}.mars-location small{letter-spacing:.22em;font-size:10px}.mars-location strong{font-size:22px}.mars-progress{font-size:11px;color:#d9b59a}.mars-actions{position:absolute;right:18px;top:80px;display:flex;gap:6px;pointer-events:auto}#rc-app .mars-ui button{border:1px solid #b99d7966;border-radius:7px;background:#241c18dc;padding:10px;color:#f5dabc;font:12px system-ui;cursor:pointer;min-height:42px;touch-action:manipulation}#rc-app .mars-ui button:focus-visible{outline:2px solid #a5f0e6}.mars-mission{position:absolute;top:145px;left:22px;font-size:12px;background:#241c18bf;padding:8px 12px;border-left:2px solid #e7b577;max-width:calc(100% - 44px)}.mars-map{position:absolute;top:60px;right:18px;width:min(580px,calc(100% - 36px));max-height:calc(100% - 80px);overflow:auto;background:#211d20f5;border:1px solid #bea080;border-radius:12px;pointer-events:auto;padding:14px;box-sizing:border-box}.mars-map-head{display:flex;align-items:center;justify-content:space-between;letter-spacing:.14em;font-size:12px}.mars-map canvas{display:block;width:100%;max-height:48vh;object-fit:contain}.mars-destinations{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mars-map p{font:12px system-ui;color:#d0ad95}.mars-map[hidden]{display:none!important}#rc-app[data-mars="true"] .rc-airhint{display:none}#rc-app .rc-mars-axis{display:none}#rc-app[data-mars="true"] .rc-kbdhint{max-width:90vw;white-space:normal;text-align:center}#rc-app[data-mars="true"] #rc-hud .rc-objective{display:none}@media(max-width:850px){.mars-location{top:66px;left:12px}.mars-location strong{font-size:15px}.mars-actions{top:110px;right:10px;gap:4px}#rc-app .mars-ui button{padding:7px;font-size:10px}.mars-mission{top:165px;left:12px;max-width:70%;font-size:10px}.mars-map{top:40px;max-height:calc(100% - 50px)}}@media(max-height:500px){.mars-location{top:58px}.mars-location small,.mars-progress{display:none}.mars-actions{top:56px}.mars-mission{top:95px;max-width:65%}.mars-map{top:12px;max-height:calc(100% - 24px)}}
/* Two thumb zones stay separate in portrait and landscape. */
#rc-app[data-mars="true"] .rc-controls:not(.rc-kbd) .rc-left{display:flex;flex-direction:row;gap:8px;left:calc(12px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom))}
#rc-app[data-mars="true"] .rc-controls .rc-left .rc-spin{width:68px;min-width:68px;height:68px;min-height:68px;font-size:23px;padding:0}
#rc-app[data-mars="true"] .rc-controls .rc-right{display:grid;grid-template-columns:68px 68px;grid-template-areas:"throttle thrust" "brake thrust" "suction suction";gap:7px;right:calc(12px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}
#rc-app[data-mars="true"] .rc-controls.rc-kbd .rc-right{display:none}
#rc-app[data-mars="true"] .rc-controls .rc-right .rc-btn{width:auto;min-width:0;margin:0;font-size:11px;padding:7px;min-height:54px}
#rc-app[data-mars="true"] .rc-controls .rc-thr{grid-area:throttle}
#rc-app[data-mars="true"] .rc-controls .rc-brk{grid-area:brake}
#rc-app[data-mars="true"] .rc-controls .rc-thrust{grid-area:thrust;height:115px;border-radius:24px}
#rc-app[data-mars="true"] .rc-controls .rc-suction{grid-area:suction;min-height:44px!important}

/* Mars free roam declutter: compact single top bar */
#rc-app[data-mars="true"] .mars-location{
  top:8px;left:10px;right:10px;
  display:flex;align-items:center;gap:8px;
  background:#1a1410d9;border-radius:10px;padding:7px 10px;
}
#rc-app[data-mars="true"] .mars-location small{display:none}
#rc-app[data-mars="true"] .mars-location strong{font-size:13px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rc-app[data-mars="true"] .mars-progress{font-size:10px;white-space:nowrap}
#rc-app[data-mars="true"] .mars-actions{position:static;display:flex;gap:5px;margin-left:auto}
#rc-app[data-mars="true"] .mars-actions button{padding:6px 9px;font-size:11px;min-height:32px}
/* Mission text: compact pill at bottom, above touch controls */
#rc-app[data-mars="true"] .mars-mission{
  top:auto;bottom:108px;left:10px;right:auto;max-width:75%;
  font-size:11px;padding:6px 10px;border-radius:8px;border-left-width:3px;
}
/* In Mars mode, hide G-force and Pressure cards - keep Speed only */
#rc-app[data-mars="true"] #rc-hud .rc-hudcard:nth-child(2),
#rc-app[data-mars="true"] #rc-hud .rc-hudcard:nth-child(3){display:none}
/* Personal records line in map */
.mars-records{font-size:11px;color:#d0ad95;margin:8px 0;line-height:1.4}

/* No ramp in free roam - hide the Ramp button in Mars mode */
#rc-app[data-mars="true"] #rc-ramp{display:none}

/* Mars declutter v2 (owner feedback 2026-10-24, Item 2: "too cluttered,
   hard to explore — this game should be elite"). Root cause: the v1
   declutter block above never ran — index.html linked only
   presentation.css, so Mars showed all three HUD cards, the Ramp button,
   the full nozzle row and the big compass over the 3D view. v2 stacks
   slim translucent chrome so the world dominates. Nothing is removed:
   every value still updates, every button still works. */
/* Ramp stays visible: free-roam retry path (v1 hid it — a capability). */
#rc-app[data-mars="true"] #rc-ramp{display:inline-block}
/* Top stack, row 1: run toolbar, compact on Mars. */
#rc-app[data-mars="true"] .rc-run-toolbar{top:calc(8px + env(safe-area-inset-top))}
#rc-app[data-mars="true"] .rc-run-actions button{padding:7px 10px;font-size:10px;min-height:36px}
#rc-app[data-mars="true"] .rc-run-id{font-size:9px}
/* Row 2: Mars location bar, slim (overrides v1 top:8px which collided
   with the toolbar). */
#rc-app[data-mars="true"] .mars-location{top:calc(50px + env(safe-area-inset-top));padding:6px 10px}
/* Row 3: Mars action chips on their own row. v1 set position:static
   here, but .mars-actions is a SIBLING of .mars-location (not a flex
   child), so static dropped the chips to y=0 behind the toolbar —
   invisible and untappable. Absolute row under the location bar. */
#rc-app[data-mars="true"] .mars-actions{position:absolute;top:calc(84px + env(safe-area-inset-top));left:10px;right:10px;display:flex;gap:5px}
#rc-app[data-mars="true"] .mars-actions button{min-height:32px}
/* Row 4: HUD slim strip — all three values inline, compact. This
   overrides the v1 rule that hid the G-Force and Pressure cards. */
#rc-app[data-mars="true"] #rc-hud .rc-topbar{top:calc(124px + env(safe-area-inset-top));left:10px;right:10px;gap:6px}
#rc-app[data-mars="true"] #rc-hud .rc-hudcard{max-width:none;padding:5px 8px}
#rc-app[data-mars="true"] #rc-hud .rc-hudcard:nth-child(2),
#rc-app[data-mars="true"] #rc-hud .rc-hudcard:nth-child(3){display:block}
#rc-app[data-mars="true"] #rc-hud .rc-speed{font-size:26px}
#rc-app[data-mars="true"] #rc-hud .rc-target,
#rc-app[data-mars="true"] #rc-hud .rc-z60,
#rc-app[data-mars="true"] #rc-hud .rc-drivemode{display:none}
#rc-app[data-mars="true"] #rc-hud .rc-hudcard-c canvas{width:56px;height:auto}
#rc-app[data-mars="true"] #rc-hud .rc-pressure-value{font-size:18px;margin-top:2px}
#rc-app[data-mars="true"] #rc-hud .rc-pbar{margin-top:2px}
#rc-app[data-mars="true"] #rc-hud .rc-sucbadge{margin-top:2px}
/* Row 5: nozzle micro-dots + small compass, tucked under the strip.
   The row move is phone-scoped (presentation.css puts the row at top
   only under 600px); desktop Mars keeps its bottom-center row. */
@media(max-width:600px){
#rc-app[data-mars="true"] #rc-hud .rc-bottom{top:calc(222px + env(safe-area-inset-top));bottom:auto;flex-direction:row;justify-content:center;align-items:center;gap:10px}
}
#rc-app[data-mars="true"] #rc-hud .rc-pips{gap:3px}
#rc-app[data-mars="true"] #rc-hud .rc-pip{width:8px;height:8px;border-radius:50%;font-size:0;color:transparent;padding:0}
#rc-app[data-mars="true"] #rc-hud .rc-att{width:44px!important;height:44px!important}
/* Hint line: sits under the nozzle row, dismissible via its × button
   (hud.js). Reappears on the next drive start (new objective text).
   display:block undoes the v1 rule that hid the hint on Mars entirely. */
#rc-app[data-mars="true"] #rc-hud .rc-objective{top:calc(274px + env(safe-area-inset-top));display:block}
#rc-app[data-mars="true"] #rc-hud .rc-objective.rc-obj-dismissed{display:none}
#rc-app #rc-hud .rc-obj-dismiss{display:none;pointer-events:auto;margin-left:8px;min-width:0;min-height:0;width:22px;height:22px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(8,12,18,.6);color:#fff;font-size:13px;line-height:1;cursor:pointer}
#rc-app[data-mars="true"] #rc-hud .rc-obj-dismiss{display:inline-block}
/* Mission pill: keep it clear of the right-hand drive controls (v1's
   75% width overlapped the Throttle column on phones). */
#rc-app[data-mars="true"] .mars-mission{max-width:55%}
/* Map overlay: clear the toolbar (the ≤850px rule put it at top:40px,
   under the toolbar, so Close was untappable). */
#rc-app[data-mars="true"] .mars-map{top:calc(60px + env(safe-area-inset-top))}