/* One semicircular instrument replaces the three rectangular meters. */
#hud .systems,#hud .bottom-hud{display:none!important}.arc-dashboard{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:240px;filter:drop-shadow(0 2px 3px #eef6e6);color:#123e42}.arc-dashboard svg{display:block;width:100%;overflow:visible;background:radial-gradient(ellipse at 50% 70%,#f6f3e6e6,transparent 72%)}.gauge-bg,.gauge-meter{fill:none;stroke-width:8;stroke-linecap:round}.gauge-bg{stroke:#123e4228}.gauge-meter{transition:stroke-dasharray .1s linear}.gauge-meter.hull{stroke:#218451}.gauge-meter.skill{stroke:#377ed0}.gauge-meter.boost{stroke:#c26928}.gauge-label{font:600 10px 'Segoe UI',sans-serif;text-anchor:middle}.gauge-label.hull{fill:#146c43}.gauge-label.skill{fill:#2e66ab}.gauge-label.boost{fill:#9c4d15}.gauge-speed{font:800 40px 'Segoe UI',sans-serif;fill:#123e42;text-anchor:middle}.gauge-unit{font:9px 'Segoe UI',sans-serif;fill:#37575a;text-anchor:middle;letter-spacing:2px}.damaged .gauge-meter.hull{stroke:#bf483d}.skill-ready .gauge-meter.skill{stroke:#207ee9;filter:drop-shadow(0 0 3px #4a95ee)}.gauge-effects{font-size:10px;line-height:1.4;text-align:center;min-height:14px;max-width:240px;background:#f6f3e6bc;border-radius:6px;padding:3px}
.route-guidance{position:absolute;top:148px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;max-width:310px;padding:6px 10px;background:#f6f3e6d9;border-radius:8px;font-size:11px;line-height:1.4}.route-arrow{display:inline-block;font-size:26px;min-width:23px;text-align:center}.route-guidance.missed{background:#8c3929ed;color:#fff9de;border:1px solid #ffdd96}.map-choice{margin:12px 0;display:flex;flex-direction:column;gap:5px;font-size:12px}.map-choice select{min-height:42px;padding:8px 12px;color:#123e42;background:#f6f3e6;border:1px solid #123e4255;border-radius:6px;max-width:100%}.map-choice small{font-size:10px;line-height:1.5;color:#517477}
.touch-mode .arc-dashboard{width:218px;bottom:calc(210px + env(safe-area-inset-bottom))}.touch-mode .route-guidance{top:calc(151px + env(safe-area-inset-top));left:14px;transform:none;max-width:calc(100vw - 152px);font-size:10px;padding:5px 7px}.touch-mode .route-arrow{font-size:22px;min-width:18px}.joystick{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));width:132px;height:116px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;justify-content:center;align-items:center}.joystick-pad{height:108px;width:132px;border:1px solid #f6f3e6b0;border-radius:55%;background:radial-gradient(ellipse,#123e4260,#123e42b0);box-shadow:inset 0 3px 12px #123e4280;position:relative}.joystick-pad:before{content:'◀　　 ▶';position:absolute;left:8px;right:8px;top:44px;color:#f6f3e6a0;font-size:13px;text-align:center}.joystick-ball{position:absolute;left:39px;top:27px;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#f9ffdf,#b9dbc6 35%,#4c8982 80%);border:2px solid #f6f3e6c0;box-shadow:0 5px 9px #123e4290;pointer-events:none}.joystick-label{position:absolute;bottom:-7px;left:0;right:0;font-size:9px;text-align:center;color:#123e42;text-shadow:0 1px #f6f3e6}
@media(orientation:landscape){.touch-mode .arc-dashboard{width:214px;bottom:calc(10px + env(safe-area-inset-bottom))}.touch-mode .route-guidance{top:calc(97px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:300px}.touch-mode .joystick{bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(max-width:360px) and (orientation:portrait){.touch-mode .arc-dashboard{width:200px}.joystick{width:115px;left:10px}.joystick-pad{width:115px}.joystick-ball{left:30.5px}.touch-mode .route-guidance{max-width:calc(100vw - 140px)}}
@media(orientation:portrait){.touch-mode .arc-dashboard{left:16px;transform:none;width:180px;bottom:calc(158px + env(safe-area-inset-bottom))}.gauge-label{font-size:12px}}
@media(max-width:360px) and (orientation:portrait){.touch-mode .arc-dashboard{width:164px;left:12px}}