/* Playfield-first HUD. Information belongs at the edges, never over the ship. */
.game{--header-height:56px;--control-height:164px}
.hud-header{height:var(--header-height);padding:7px 18px;border-bottom:1px solid #95b6d722;background:#06101ce8;gap:12px}
.brand{min-height:42px;gap:9px}.brand .reference-title{font-size:14px;letter-spacing:2px}.brand .reference-title i{font-size:11px;letter-spacing:1px;margin-left:8px}.brand-mark{width:30px;height:30px}
.hud-actions{gap:8px}.hud-actions .round{width:40px;height:40px;min-height:40px;border:1px solid #91b6d34d;box-shadow:inset 0 1px #e1f2ff22,0 2px 0 #020a13;background:linear-gradient(#253d55,#11263b)}
.view-tools-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
.game:is([data-mode=flying],[data-mode=paused],[data-mode=resolving]) .reference-heading,
.game:is([data-mode=flying],[data-mode=paused],[data-mode=resolving]) .contract-strip,
.game:is([data-mode=flying],[data-mode=paused],[data-mode=resolving]) .bottom-left,
.game:is([data-mode=flying],[data-mode=paused],[data-mode=resolving]) .bottom-right,
.game:is([data-mode=flying],[data-mode=paused],[data-mode=resolving]) .orbit-help,
.game:is([data-mode=flying],[data-mode=paused],[data-mode=resolving]) #body-labels,
.game:is([data-mode=flying],[data-mode=paused],[data-mode=resolving]) .hud-actions :is([data-action=assist],[data-action=briefing],[data-action=help]){display:none!important}
.game:is([data-mode=flying],[data-mode=paused]) .hud-actions :is([data-action=view-tools],[data-action=pause],[data-action=settings]){display:grid}
.game:is([data-mode=flying],[data-mode=paused]) .space-stage{height:100%;min-height:0;inset:0}
/* One destination/status strip replaces the target card, timer and floating telemetry. */
.approach-hud{top:72px;left:24px;right:auto;transform:none;width:300px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;display:grid;grid-template-columns:1fr auto;column-gap:20px;row-gap:4px;text-shadow:0 2px 8px #000;pointer-events:none}
.approach-hud>strong{grid-row:1;grid-column:1;font-size:8px;font-weight:600;letter-spacing:1.3px;color:#a7c9dc}
.approach-target{grid-row:2;grid-column:1;font-size:15px!important;font-weight:700;color:#f5e9c9!important;letter-spacing:0!important}
.approach-hud>div:not(.alignment-track){grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:18px;margin:0}
.approach-hud span{font-size:7px;color:#91adc0;letter-spacing:.6px}.approach-hud b{font-size:13px;font-weight:600;margin-top:4px;color:#eef5f8;white-space:nowrap}
.approach-hud p{grid-row:3;grid-column:1/-1;font-size:10px;color:#bfd3df;margin:3px 0 0;line-height:1.4;max-width:none}
.approach-hud .alignment-track{grid-row:4;grid-column:1/-1;margin-top:5px;height:3px;max-width:145px;opacity:.7}
.approach-hud[data-phase=landing]{box-shadow:none}.approach-hud[data-phase=landing]>strong{color:#b4f3ce}
/* View controls are an opt-in popover. The default live screen has no zoom stack or map. */
.game:is([data-mode=flying],[data-mode=paused]) .scene-controls{display:none!important}
.game:is([data-mode=flying],[data-mode=paused])[data-view-tools=true] .scene-controls{display:flex!important;flex-direction:row;gap:8px;top:179px;right:18px;bottom:auto;left:auto}
.game:is([data-mode=flying],[data-mode=paused]) .camera-bar{position:absolute;top:68px;bottom:auto;right:18px;left:auto;transform:none;width:206px;display:grid;grid-template-columns:1fr 1fr;padding:7px;gap:6px;border:1px solid #759bb75e;border-radius:16px;background:#10283ded;box-shadow:0 8px 25px #0008;z-index:8}
.camera-bar button{min-height:40px;border:1px solid transparent;border-radius:10px;padding:8px;font-size:11px;color:#c1d3df}.camera-bar button[aria-pressed=true]{background:#385e7c;border-color:#95bad388;color:#fff0c9}
.game:is([data-mode=flying],[data-mode=paused]) #minimap{top:151px;right:18px;left:auto;bottom:auto;width:125px;height:82px;border:1px solid #8cb4cc55;border-radius:12px;opacity:.9;pointer-events:none}
/* Thumb zone: steering left, throttle right, one low telemetry line. */
.flight-dock{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);width:min(600px,calc(100vw - 60px));max-width:none;display:grid;grid-template-columns:136px 1fr 144px;grid-template-rows:24px 116px;align-items:end;justify-content:normal;gap:10px 18px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;backdrop-filter:none;pointer-events:none}
.flight-telemetry{grid-column:1/-1;grid-row:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none}
.fuel-label{display:flex;align-items:center;gap:7px}.fuel-label>span{font-size:8px;letter-spacing:.8px;color:#a2bccd}.fuel-label strong{font-size:12px;color:#eef6f8}.fuel-dots{display:flex;gap:3px;margin:0}.fuel-dots i{width:13px;height:4px;border-radius:3px;background:#f4cf84}.fuel-dots i.empty{opacity:.18}
.flight-telemetry .live-speed{display:flex;align-items:baseline;gap:7px}.live-speed span{font-size:8px;color:#a2bccd;letter-spacing:.8px}.live-speed b{font-size:13px;color:#edf4f6;font-weight:600;white-space:nowrap}.flight-telemetry p{display:none}
.live-stick{grid-row:2;grid-column:1;justify-self:center;width:110px;height:110px;border:2px solid #789eaf99;background:radial-gradient(circle,#29475d,#162e42 59%,#688897 61%,#1a3448 65%);box-shadow:inset 0 2px 5px #0006,0 3px 0 #03111c;pointer-events:auto;touch-action:none}
.stick-ring{inset:13px;border-color:#95b8c52b}.stick-cross{opacity:.3}.stick-knob{width:36px;height:36px;border:1px solid #c4dbe6aa;box-shadow:0 3px 8px #0008;background:radial-gradient(circle at 30% 20%,#c0d9df,#638b9f 70%)}
.live-stick>small{bottom:-15px;font:7px var(--font);font-weight:700;letter-spacing:1px;color:#a9c8d7}
.orbit-trim{top:33px;width:44px;height:44px;min-height:44px;padding:10px;border-radius:50%;border:1px solid #9bbfce;background:linear-gradient(#426983,#233e54);box-shadow:inset 0 1px #d8efff3b,0 3px 0 #031624;pointer-events:auto}.trim-left{left:-12px}.trim-right{right:-12px}.orbit-trim svg{stroke-width:2.6}.orbit-trim.held{background:linear-gradient(#f4dc9e,#c2914b)}
.live-throttle{grid-column:3;grid-row:2;display:grid;grid-template-columns:68px 68px;gap:8px;align-items:end;pointer-events:auto}
.live-throttle button{width:68px;height:100px;padding:12px 7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:22px;border:1px solid #92b1c29e;background:linear-gradient(#304b64,#1a3249);box-shadow:inset 0 1px #e9f6ff33,0 3px 0 #041321;touch-action:none}
.live-throttle button[data-throttle="1"]{background:linear-gradient(#d8b779,#b28b4e);border-color:#ffe5ac;color:#231d15}.live-throttle button>svg{width:24px;height:24px}.live-throttle button>span{font-size:9px;font-weight:800;letter-spacing:.5px}.live-throttle button>small{font-size:7px;color:inherit;opacity:.7;letter-spacing:.8px}.brake-icon{font-size:24px!important;font-weight:400!important}.live-throttle button.held{transform:translateY(3px);filter:brightness(1.15);box-shadow:inset 0 3px 7px #0005}
.game:is([data-mode=flying],[data-mode=paused]):after{content:'';position:absolute;pointer-events:none;z-index:2;bottom:0;left:0;right:0;height:185px;background:linear-gradient(transparent,#020a12c9)}
/* Planning has one clear primary action, without repeating the destination. */
.game[data-mode=planning] .hud-actions :is([data-action=pause],[data-action=briefing],[data-action=help]){display:none!important}
.game[data-mode=planning] .reference-heading{top:77px;font-size:14px;letter-spacing:1.7px;border:0;padding:0}
.game[data-mode=planning] .contract-strip{top:104px;padding:7px 0;background:none;border:0;box-shadow:none;gap:12px;font-size:9px}
.game[data-mode=planning] .route-card{top:145px;bottom:auto;width:292px;padding:17px;border:1px solid #88abc466;border-radius:20px;background:linear-gradient(145deg,#17334ce8,#0c2036f2);box-shadow:inset 0 1px #cae3f51f,0 8px 24px #0005}
.route-card>span{font-size:8px;letter-spacing:1px;color:#aac3d4}.route-card h2{font-size:20px!important;line-height:1.2;padding:0;margin:6px 60px 7px 0;border:0;color:#fff0ce}.route-card .route-change{position:absolute;right:14px;top:15px;min-height:36px;min-width:60px;padding:7px;border:1px solid #8eb4d25c;border-radius:10px;background:#234763;font-size:9px;color:#d7edfa}
.route-facts{display:flex;gap:10px;padding:4px 0 10px;border:0}.route-facts p{font-size:10px;color:#a9c4d6}.aim-readout{display:flex;justify-content:space-between;gap:14px;border:0;border-top:1px solid #a7c9df24;padding:10px 0 4px}.aim-readout span{font-size:8px;letter-spacing:.8px;gap:7px}.aim-readout b{font-size:15px;color:#e5f1f8}.route-confirm{margin-top:12px}.route-confirm .confirm-route{width:100%;min-height:46px;border-radius:13px;font-size:13px;letter-spacing:1px;border-width:1px;box-shadow:inset 0 1px #fff8,0 3px 0 #876124}
.route-card>small{font-size:10px;line-height:1.4;margin-top:10px;min-height:14px;color:#a8c4d4!important;letter-spacing:0}.route-card:has([data-action=restore-target]:not([hidden])) .route-confirm{flex-wrap:wrap}
.body-tag{max-width:155px;padding:5px 7px}.body-tag>span{font-size:6px;letter-spacing:1px}.body-tag>strong{font-size:12px;font-weight:600}.body-tag:before{height:18px}
.bottom-left .round,.bottom-right .round,.scene-controls .round{width:42px;height:42px;min-height:42px;border-radius:14px}.scene-controls .round{font-size:21px}
@media(max-width:700px){
 .game{--header-height:52px;--control-height:152px}
 .hud-header{padding:4px 12px;gap:8px}.brand .reference-title{font-size:11px;letter-spacing:1px}.brand .reference-title i{display:block;font-size:8px;margin:2px 0 0;letter-spacing:.7px}.brand-mark{width:26px;height:26px}.brand{gap:7px;max-width:145px}.hud-actions{gap:6px}.hud-actions .round{width:38px;height:38px;min-height:38px;border-radius:50%}
 .game[data-mode=planning] .reference-heading{display:none}.game[data-mode=planning] .contract-strip{top:64px;left:15px;font-size:8px;max-width:calc(100vw - 30px);white-space:nowrap;gap:12px}.game[data-mode=planning] .contract-strip>span:first-child{max-width:160px;overflow:hidden;text-overflow:ellipsis}.game[data-mode=planning] .contract-strip b{font-size:9px}
 .game[data-mode=planning] .space-stage{height:calc(100dvh - 215px);min-height:180px;top:0;bottom:auto}
 .game[data-mode=planning] .route-card{top:auto;bottom:62px;left:12px;right:12px;width:auto;padding:12px 14px;border-radius:17px}.route-card h2{font-size:18px!important;margin-top:3px;margin-bottom:4px}.route-card>span{font-size:7px}.route-card .route-change{top:11px;right:12px;min-height:36px;font-size:8px}.route-facts{padding:3px 0 7px;gap:13px}.route-facts p{font-size:9px}.aim-readout{padding:7px 0 2px}.aim-readout b{font-size:14px}.route-confirm{margin-top:9px}.route-confirm .confirm-route{min-height:44px;font-size:12px}.route-card>small{font-size:9px;margin-top:7px;min-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .game[data-mode=planning] .scene-controls{right:12px;top:auto;bottom:286px;gap:7px}.game[data-mode=planning] .scene-controls .round{width:36px;height:36px;min-height:36px;font-size:20px;border-radius:12px}.bottom-left{bottom:max(10px,env(safe-area-inset-bottom));left:12px;gap:12px}.bottom-right{bottom:max(10px,env(safe-area-inset-bottom));right:12px;gap:9px}.bottom-left .round,.bottom-right .round{width:40px;height:40px;min-height:40px}.level-link{min-height:40px}.workshop-button{border-radius:50%!important}
 .approach-hud{top:66px;left:14px;right:14px;width:auto;column-gap:14px;row-gap:3px}.approach-hud>strong{font-size:7px;letter-spacing:1px}.approach-target{font-size:13px!important}.approach-hud>div:not(.alignment-track){gap:14px}.approach-hud b{font-size:12px}.approach-hud span{font-size:6px}.approach-hud p{font-size:9px;margin:3px 0 0}.approach-hud .alignment-track{max-width:100px;height:2px;margin-top:4px}
 .flight-dock{left:22px;right:18px;bottom:max(20px,env(safe-area-inset-bottom));transform:none;width:auto;grid-template-columns:116px 1fr 124px;grid-template-rows:21px 104px;gap:7px 10px;min-height:0}.flight-telemetry{padding:0;gap:10px}.fuel-label{gap:6px}.fuel-label>span{font-size:7px}.fuel-label strong{font-size:11px}.fuel-dots{gap:2px}.fuel-dots i{width:10px;height:3px}.live-speed span{font-size:7px}.live-speed b{font-size:12px}.live-stick{width:96px;height:96px}.stick-knob{width:32px;height:32px}.live-stick>small{font-size:6px;bottom:-13px;letter-spacing:.8px}.orbit-trim{width:42px;height:44px;min-height:44px;top:25px;padding:9px}.trim-left{left:-13px}.trim-right{right:-13px}.live-throttle{grid-template-columns:58px 58px;gap:8px}.live-throttle button{width:58px;height:88px;gap:6px;border-radius:18px;padding:10px 5px}.live-throttle button>span{font-size:8px}.live-throttle button>small{font-size:6px}.live-throttle button>svg{width:22px;height:22px}.game:is([data-mode=flying],[data-mode=paused]):after{height:160px}
 .game:is([data-mode=flying],[data-mode=paused]) .camera-bar{top:62px;right:12px;width:204px}.game:is([data-mode=flying],[data-mode=paused])[data-view-tools=true] .scene-controls{top:172px;right:12px}.game:is([data-mode=flying],[data-mode=paused]) #minimap{top:142px;right:12px;width:108px;height:71px}
 .flight-alert{top:33%;width:calc(100vw - 40px)}.flight-alert strong{font-size:28px;letter-spacing:2px}.flight-alert span{font-size:11px;max-width:260px}
 .body-tag>span{font-size:5px;letter-spacing:.7px}.body-tag>strong{font-size:10px}.body-tag{max-width:120px;padding:4px}.body-tag:before{height:12px}
}
@media(max-width:350px){.flight-dock{left:17px;right:12px;grid-template-columns:108px 1fr 116px;gap:7px}.live-throttle{grid-template-columns:54px 54px}.live-throttle button{width:54px}.fuel-dots i{width:8px}.hud-actions{gap:5px}.hud-actions .round{width:36px;height:38px;min-height:38px}.approach-hud>div:not(.alignment-track){gap:10px}}
@media(max-height:550px) and (min-width:701px){
 .game{--control-height:112px}.flight-dock{left:25px;right:25px;transform:none;bottom:12px;width:auto;grid-template-columns:110px 1fr 126px;grid-template-rows:18px 80px;gap:4px 15px}.live-stick{width:78px;height:78px}.orbit-trim{width:40px;height:40px;min-height:40px;top:18px;padding:9px}.stick-knob{width:28px;height:28px}.live-stick>small{bottom:-11px;font-size:6px}.live-throttle{grid-template-columns:58px 58px}.live-throttle button{width:58px;height:75px;padding:7px;gap:5px}.live-throttle button>small{display:none}.approach-hud{top:64px;left:22px;width:290px}.game:is([data-mode=flying],[data-mode=paused]):after{height:120px}.game[data-mode=planning] .route-card{top:120px;width:270px;padding:12px}.game[data-mode=planning] .reference-heading{top:68px;font-size:12px}.game[data-mode=planning] .contract-strip{top:88px}.game[data-mode=planning] .scene-controls{top:95px;bottom:auto}
}
/* Mobile menus use native scrolling and full-size touch targets. */
.dialog-head .round{width:44px;height:44px;min-height:44px;flex:none}
.app-actions button{min-height:48px;font-size:12px;padding:12px}
.setting{min-height:54px}.setting input[type=checkbox]{width:22px;height:22px;flex:none}
@media(max-width:700px){dialog:not(.journey-dialog){width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;border-radius:22px}.dialog-head h2{font-size:23px}.target-option{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px}.target-option>div{min-width:0}.target-option>button{min-height:44px;grid-row:2;width:100%}.target-option>button:first-of-type{grid-column:1/3}.target-option>button:nth-of-type(2){grid-column:1/3;grid-row:3}.target-option p{line-height:1.5}.target-list{gap:12px}.part-options{gap:8px}.part-options button{min-height:48px}.about-hero{padding:12px;gap:10px}.about-hero strong{font-size:14px}.about-hero p{font-size:10px}}
.flight-telemetry{backdrop-filter:none;min-height:0}.flight-telemetry .live-speed b{font-size:13px}.flight-telemetry .fuel-label{min-width:0}
@media(max-width:700px){.approach-hud>strong{font-size:9px;letter-spacing:.6px}.approach-target{font-size:14px!important}.approach-hud span{font-size:7px}.approach-hud b{font-size:13px}.approach-hud p{font-size:10px}.fuel-label>span,.live-speed span{font-size:9px}.fuel-label strong,.flight-telemetry .live-speed b{font-size:12px}.live-stick>small{font-size:8px;letter-spacing:.5px}.live-throttle button>span{font-size:9px}.live-throttle button>small{font-size:7px}.flight-telemetry{height:21px}.route-card>small{font-size:10px}}
@media(max-width:700px){.target-option{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr)}.target-option>div{grid-column:2/4}.target-option>button:first-of-type{grid-column:2;grid-row:2}.target-option>button:nth-of-type(2){grid-column:3;grid-row:2}.target-dialog>p{font-size:12px;line-height:1.6;margin-bottom:14px}}
.route-facts p{display:flex;align-items:center;gap:5px}.route-facts svg{width:12px;height:12px;flex:none;color:#a8c8dc}
/* Direct mobile play: one stick, an aimable rocket, and linked planet/moon tabs. */
.rocket-grip{position:absolute;z-index:5;width:70px;height:70px;min-height:70px;padding:14px;transform:translate(-50%,-50%);border:2px solid #f8dd98c9;border-radius:50%;background:#0c203537;box-shadow:0 0 0 9px #f5dc8a0c;touch-action:none;color:#fff0cb;cursor:grab;pointer-events:auto}
.rocket-grip svg{width:36px;height:36px;filter:drop-shadow(0 2px 4px #000)}.rocket-grip span{position:absolute;top:75px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff0c2;font:10px var(--font);letter-spacing:.6px;text-shadow:0 2px 5px #000}.rocket-grip[data-dragging=true]{background:#efc47629;border-color:#fff1bc;cursor:grabbing;box-shadow:0 0 0 14px #ffe4a21a}
.destination-nav{position:absolute;z-index:5;left:18px;right:18px;top:67px;max-width:580px;display:grid;gap:5px;pointer-events:auto}.destination-parents,.destination-moons{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px}.destination-nav button{flex:none;display:flex;gap:6px;align-items:center;min-height:36px;padding:7px 12px;border:1px solid #a6c9da3d;border-radius:18px;background:#10243a9e;color:#c3d8e5;font-size:12px;white-space:nowrap}.destination-nav button[aria-pressed=true]{color:#fff0c6;border-color:#ebd28a;background:#53646d80}.destination-nav button[data-route-view]{margin-left:auto;color:#ffe4ad}.destination-nav small{font-size:10px;line-height:1.4;color:#d3e2e8;min-height:14px;padding:0 4px;text-shadow:0 2px 5px #000}.nav-moon,.nav-planet{width:13px;height:13px;display:block;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e4dfd2,#8c929b 50%,#3b4d61)}.nav-planet{background:radial-gradient(circle at 30% 25%,#b3edda,#41969c 50%,#1a395f)}
.game[data-mode=planning] .reference-heading,.game[data-mode=planning] .contract-strip,.game[data-mode=planning] .route-change{display:none!important}
.game[data-mode=planning] .route-card{top:195px}
.flight-dock{left:20px;right:20px;bottom:max(25px,env(safe-area-inset-bottom));width:auto;max-width:none;transform:none;display:grid;grid-template-columns:1fr;grid-template-rows:22px 132px;gap:10px;pointer-events:none}
.flight-telemetry{grid-column:1;grid-row:1;max-width:620px;width:100%;justify-self:center;position:relative}.flight-telemetry p{display:block;position:absolute;left:50%;top:1px;transform:translateX(-50%);margin:0;font-size:10px;color:#bfd5df;white-space:nowrap}
.live-stick{grid-column:1;grid-row:2;justify-self:center;width:132px;height:132px;background:radial-gradient(circle,#c6e3f00d,transparent 70%);border:1px solid #c8e9f067;box-shadow:none;overflow:visible}.stick-ring{inset:12px;border:1px solid #b4deed3b;background:none}.stick-knob{width:40px;height:40px;background:#b9dfe636;border:1px solid #d7f5fbb0;box-shadow:0 2px 8px #0004;backdrop-filter:none}.stick-cross{opacity:.22}.stick-forward,.stick-back{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.8px;color:#a6c2d1;pointer-events:none}.stick-forward{top:14px}.stick-back{bottom:14px}.live-stick>small{font-size:9px;bottom:-17px;letter-spacing:.6px;color:#c5dbe6}.live-stick[data-active=true]{border-color:#edf9ffc9;background:#bbdcf009}.live-stick[data-active=true] .stick-knob{background:#d9eff747}
.game:is([data-mode=flying],[data-mode=paused]) .camera-bar{top:50%;right:13px;left:auto;bottom:auto;transform:translateY(-40%);width:auto;display:flex;flex-direction:column;gap:7px;padding:0;border:0;background:none;box-shadow:none;z-index:5}.camera-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:45px;height:48px;min-height:48px;padding:5px;border-radius:12px;border:1px solid #c1dbe740;background:#0e253936;box-shadow:none;backdrop-filter:none;color:#cfe1ea}.camera-bar button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.camera-bar button span{font-size:7px;letter-spacing:0}.camera-bar button[aria-pressed=true]{background:#7aa8be33;border-color:#dceef387;color:#fff0c2}.game:is([data-mode=flying],[data-mode=paused]) .view-tools-button{display:none!important}.game:is([data-mode=flying],[data-mode=paused]) #minimap{top:150px;right:12px;width:116px;height:76px;background:#08203377;opacity:.8;border-color:#b2d4e14d}
@media(max-width:700px){
 .game[data-mode=planning] .space-stage{height:100dvh!important;min-height:0;inset:0}
 .destination-nav{top:59px;left:10px;right:10px;max-width:none;gap:4px}.destination-nav button{font-size:11px;min-height:36px;padding:7px 11px}.destination-nav small{font-size:10px;min-height:14px}
 .game[data-mode=planning] .route-card{top:auto;bottom:60px;left:12px;right:12px;display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:10px 12px;min-height:0}.route-card>span{display:none}.route-card h2{grid-row:1;grid-column:1;font-size:15px!important;margin:0;padding:0}.route-facts{grid-row:1;grid-column:2;padding:0}.route-facts p:first-child{display:none}.route-facts p{font-size:10px}.aim-readout{grid-column:1;grid-row:2;display:flex;gap:12px;justify-content:flex-start;border:0;padding:0}.aim-readout span{font-size:7px;gap:4px}.aim-readout b{font-size:13px}.route-confirm{grid-row:2;grid-column:2;margin:0;padding:0}.route-confirm .confirm-route{min-height:40px;min-width:112px;font-size:11px;border-radius:11px;padding:9px 14px}.route-confirm [data-action=restore-target]{display:none!important}.route-card>small{grid-column:1/-1;grid-row:3;font-size:10px;white-space:normal;min-height:14px;margin:0}.game[data-mode=planning] .scene-controls{display:none!important}.game[data-mode=planning] #body-labels .body-tag{pointer-events:none}
 .rocket-grip{width:66px;height:66px;min-height:66px;padding:13px}.rocket-grip svg{width:34px;height:34px}.rocket-grip span{top:70px;font-size:9px}
 .flight-dock{left:18px;right:18px;bottom:max(26px,env(safe-area-inset-bottom));grid-template-columns:1fr;grid-template-rows:20px 124px;gap:8px}.live-stick{width:124px;height:124px}.stick-knob{width:38px;height:38px}.live-stick>small{font-size:9px;bottom:-17px}.flight-telemetry p{font-size:9px;top:1px}.game:is([data-mode=flying],[data-mode=paused]) .camera-bar{right:9px;top:48%;gap:6px;transform:translateY(-35%)}.camera-bar button{width:43px;height:46px;min-height:46px}.camera-bar button span{font-size:7px}.game:is([data-mode=flying],[data-mode=paused]) #minimap{top:145px;right:10px;width:110px;height:72px}
 .game:is([data-mode=flying],[data-mode=paused]):after{height:170px;background:linear-gradient(transparent,#020a1270)}
}
@media(max-height:550px) and (min-width:701px){.flight-dock{left:20px;right:20px;bottom:18px;grid-template-columns:1fr;grid-template-rows:18px 88px;gap:5px}.live-stick{width:88px;height:88px}.stick-knob{width:30px;height:30px}.stick-forward{top:8px;font-size:6px}.stick-back{bottom:8px;font-size:6px}.destination-nav{max-width:450px;top:61px}.game[data-mode=planning] .route-card{top:170px}.game:is([data-mode=flying],[data-mode=paused]) .camera-bar{top:49%;right:10px;gap:4px}.camera-bar button{height:40px;min-height:40px}}
.destination-parents button[data-route-view]{position:sticky;right:0;z-index:1;background:#173248eb;border-color:#c8dce04d}.game[data-mode=planning] .body-tag[data-body=crumb]{display:none}
/* Readable game identity and touch labels at normal phone scale. */
.hud-header{height:64px}.brand-mark{width:40px;height:40px}.brand .reference-title{font-size:22px;font-weight:850;letter-spacing:2px}.brand .reference-title i{font-size:12px}.brand{gap:10px;max-width:none}.destination-nav{top:77px}.destination-nav button{font-size:14px;min-height:38px}.destination-nav small{font-size:12px}.game[data-mode=planning] .route-card{top:212px}.body-tag>strong{font-size:14px}.body-tag>span{font-size:9px;letter-spacing:.5px}.camera-bar button span{font-size:9px}.approach-hud{top:78px}.approach-hud>strong{font-size:11px}.approach-target{font-size:18px!important}.approach-hud span{font-size:9px}.approach-hud b{font-size:15px}.approach-hud p{font-size:12px}.live-stick>small{font-size:11px}.stick-forward,.stick-back{font-size:10px}.fuel-label>span,.live-speed span{font-size:10px}.fuel-label strong,.flight-telemetry .live-speed b{font-size:14px}.flight-telemetry p{font-size:11px}
@media(max-width:700px){.hud-header{height:62px;padding:5px 12px}.brand-mark{width:38px;height:38px}.brand .reference-title{font-size:20px;font-weight:850;letter-spacing:1.5px}.brand .reference-title i{font-size:11px;margin-top:2px}.brand{max-width:none;gap:8px}.hud-actions .round{width:40px;height:40px;min-height:40px}.destination-nav{top:69px;gap:3px}.destination-nav button{font-size:13px;min-height:38px;padding:7px 10px}.destination-nav small{font-size:11px;line-height:1.35}.rocket-grip span{font-size:11px;top:69px}.route-card h2{font-size:18px!important}.route-facts p{font-size:12px}.aim-readout span{font-size:10px}.aim-readout b{font-size:16px}.route-confirm .confirm-route{font-size:14px;min-height:44px}.route-card>small{font-size:11px}.body-tag>strong{font-size:13px}.body-tag>span{font-size:8px}.approach-hud{top:77px}.approach-hud>strong{font-size:10px}.approach-target{font-size:17px!important}.approach-hud span{font-size:9px}.approach-hud b{font-size:14px}.approach-hud p{font-size:11px}.game:is([data-mode=flying],[data-mode=paused]) #minimap{top:161px;width:116px;height:76px}.camera-bar button{height:51px;min-height:51px;width:48px}.camera-bar button span{font-size:9px}.camera-bar button svg{width:22px;height:22px}.live-stick>small{font-size:11px}.stick-forward,.stick-back{font-size:10px}.fuel-label>span,.live-speed span{font-size:10px}.fuel-label strong,.flight-telemetry .live-speed b{font-size:14px}.flight-telemetry p{font-size:10px}.destination-parents button[data-route-view]{font-size:12px}.game[data-mode=planning] .route-card{padding:10px 12px}.game[data-mode=planning] .body-tag{max-width:140px}}
@media(max-width:350px){.brand .reference-title{font-size:19px}.brand-mark{width:34px;height:34px}.destination-nav button{font-size:12px;padding:7px 9px}.route-confirm .confirm-route{min-width:100px;font-size:13px}.route-card h2{font-size:16px!important}.route-facts p{font-size:11px}.aim-readout span{font-size:9px}.aim-readout b{font-size:14px}.flight-telemetry p{display:none}}

@media(max-width:700px){.game[data-mode=planning] .route-card{top:auto;bottom:60px;height:auto}}

.destination-actions{display:flex;gap:8px;margin:8px 0}.destination-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;flex:1;padding:8px 12px;border:1px solid #a5ccd34d;border-radius:11px;background:#0a22375c;color:#c2d8e1;font-size:13px}.destination-actions svg{width:18px;height:18px}.destination-actions button[aria-pressed=true]{border-color:#b8e5b8;color:#ddffdc;background:#42694755}.destination-actions button[data-destination-operation=attack][aria-pressed=true]{border-color:#f3b196;color:#ffdfcc;background:#9d4d3355}.destination-actions button:disabled{opacity:.4}
@media(max-width:700px){.destination-actions{grid-row:2;grid-column:1/-1;margin:0;gap:8px}.destination-actions button{min-height:38px;font-size:13px}.aim-readout,.route-confirm{grid-row:3}.route-card>small{grid-row:4}.game[data-mode=planning] .route-card{top:auto;height:auto}}

@media(max-width:700px){.rocket-grip span{top:-24px;font-size:11px}.game[data-mode=planning] .body-tag[data-body="mint-nine"]>span{font-size:8px}}

.destination-actions button{min-height:44px}
.flight-telemetry p{top:auto;bottom:26px}.camera-bar button span{white-space:nowrap}
@media(max-height:550px) and (min-width:701px){
 .game[data-mode=planning] .route-card{top:auto;bottom:56px;left:auto;right:14px;width:320px;height:auto;display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:10px 12px}
 .route-card>span{display:none}.route-card h2{grid-row:1;grid-column:1;margin:0;font-size:17px!important}.route-facts{grid-row:1;grid-column:2;padding:0}.route-facts p:first-child{display:none}.destination-actions{grid-row:2;grid-column:1/-1;margin:0}.destination-actions button{min-height:40px}.aim-readout{grid-row:3;grid-column:1;border:0;padding:0;gap:12px}.route-confirm{grid-row:3;grid-column:2;margin:0}.route-confirm .confirm-route{min-height:40px;padding:8px 12px;font-size:12px}.route-confirm [data-action=restore-target]{display:none!important}.route-card>small{grid-row:4;grid-column:1/-1;margin:0;font-size:10px}
 .destination-nav{top:70px;max-width:450px}.game[data-mode=planning] .scene-controls{display:none!important}
}