#battle-launch { border-color:#b8814c; color:#ffda9c; background:linear-gradient(120deg,#472923,#172832); }
body.battle-active { overflow:hidden!important; }
#battle-shell { --battle-score:#ffdc9d; --battle-loss:#ff9d90; --battle-muted:#9cb4b7; position:fixed; inset:0; z-index:1000; overflow:hidden; color:#ddf6eb; background:#06131b; font-family:'Noto Sans TC',system-ui,sans-serif; }
#battle-shell *,#battle-shell *:before,#battle-shell *:after { box-sizing:border-box; }
#battle-shell [hidden] { display:none!important; }
.battle-world,.battle-world>canvas,.battle-sights,.battle-hit-overlay { position:absolute; inset:0; width:100%; height:100%; }
.battle-world>canvas { display:block; outline:none; cursor:crosshair; }
.battle-sights { z-index:2; pointer-events:none; }
.battle-hit-overlay { z-index:3; pointer-events:none; }
.is-menu .battle-hit-overlay,.is-replay .battle-hit-overlay { visibility:hidden; }
.battle-seeker-status { position:absolute;right:30px;bottom:260px;width:250px;max-width:27vw;text-align:right;color:#ffe5a0;text-shadow:0 2px 5px #001019; }
.battle-seeker-status strong { display:block;font-size:19px;letter-spacing:2px; }
.battle-seeker-status span { display:block;font:12px ui-monospace,monospace;margin-top:6px; }
.battle-seeker-status[data-ready=true] { color:#ff9e91; }
.battle-seeker-status[data-phase=empty],.battle-seeker-status[data-phase=busy] { color:#afbec5; }
.battle-seeker-meter { width:130px;height:2px;margin:9px 0 0 auto;background:#64848644; }
.battle-seeker-meter i { display:block;width:100%;height:100%;background:currentColor;transform-origin:left;box-shadow:0 0 7px currentColor; }
.is-menu .battle-seeker-status,.is-replay .battle-seeker-status { visibility:hidden; }
.battle-hud { position:absolute; inset:0; z-index:3; pointer-events:none; text-shadow:0 1px 5px #000; }
.battle-hud>div:not(.battle-warning):not(.battle-notice):not(.battle-danger-alert) { opacity:var(--hud-opacity,1); }
#battle-shell button { border:1px solid #609f9677; background:#0b2028e8; color:#d8ffef; border-radius:5px; padding:10px 15px; font:inherit; cursor:pointer; }
#battle-shell button:hover { background:#244a4d; border-color:#baffdc; }
#battle-shell button:focus-visible { outline:2px solid #fff0b9; outline-offset:3px; }
#battle-shell button:disabled { cursor:default; opacity:.55; }
#battle-shell button:disabled:hover { background:#0b2028e8; border-color:#609f9677; }
#battle-shell .battle-primary { color:#0a2224; background:#bcf1d4; border-color:#d5ffe8; font-weight:800; }
.battle-top { position:absolute; top:22px; left:30px; right:30px; display:flex; justify-content:space-between; align-items:flex-start; }
.battle-top strong { display:block; font-size:20px; letter-spacing:3px; font-weight:500; }
.battle-top small { font-size:11px; letter-spacing:1px; margin-left:12px; opacity:.7; }
.battle-score-strip { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 13px; max-width:440px; margin-top:9px; font:11px ui-monospace,monospace; color:#b6d1c8; }
.battle-score-strip b { color:var(--battle-score); font-size:15px; font-weight:600; margin-left:5px; }
.battle-score-strip b.is-negative { color:var(--battle-loss); }
.battle-kicker { display:block; font:10px ui-monospace,monospace; letter-spacing:3px; color:#8ab3ad; margin-bottom:8px; }
.battle-top-actions { display:flex; gap:7px; pointer-events:auto; }
#battle-shell .battle-top-actions button { padding:7px 10px; font-size:12px; }
.battle-flight { position:absolute; left:30px; bottom:65px; display:flex; gap:22px; align-items:end; padding:14px 18px; border-left:2px solid #b2ffe4; background:linear-gradient(90deg,#061d26c4,transparent); }
.battle-flight>div { min-width:62px; }
.battle-flight span { display:block; font-size:11px; letter-spacing:2px; color:#a5c8c4; }
.battle-flight strong { display:inline-block; font:30px ui-monospace,monospace; margin:5px 4px 5px 0; }
.battle-flight small { font:10px ui-monospace,monospace; }
.battle-health { position:relative; }
.battle-health .battle-health-repair { position:absolute; top:100%; left:0; margin-top:5px; white-space:nowrap; color:#a5c8c4; }
.battle-health.is-critical strong,.battle-health.is-critical>span { color:#ff8c82; }
#battle-shell .battle-health.is-critical progress { appearance:none; accent-color:#ff6256; background:#582c2b; }
#battle-shell .battle-health.is-critical progress::-webkit-progress-bar { background:#582c2b; }
#battle-shell .battle-health.is-critical progress::-webkit-progress-value { background:#ff6256; }
#battle-shell .battle-health.is-critical progress::-moz-progress-bar { background:#ff6256; }
#battle-shell progress { width:100%; height:3px; border:0; display:block; accent-color:#a1f4d3; }
.battle-weapon { position:absolute; right:30px; bottom:65px; width:205px; padding:14px 18px; border-right:2px solid #ffda9c; background:linear-gradient(270deg,#061d26da,transparent); }
.battle-weapon>strong { font-size:20px; letter-spacing:3px; }
.battle-weapon>div { display:flex; align-items:center; gap:12px; margin:10px 0; }
.battle-weapon b { font:32px ui-monospace,monospace; color:#ffdc9d; }
.battle-weapon span:not(.battle-kicker) { font-size:11px; color:#b6cacc; }
.battle-weapon small { display:block; font-size:11px; margin-top:12px; }
.battle-bottom { position:absolute; bottom:20px; left:30px; right:30px; display:flex; justify-content:space-between; gap:15px; font:11px ui-monospace,monospace; color:#b3cec9; }
.battle-radar { --radar-friendly:#72ffe0; --radar-enemy:#ff796d; position:absolute; bottom:53px; left:50%; transform:translateX(-50%); width:210px; padding:10px 12px; border:1px solid #69c3a654; border-radius:10px 10px 5px 5px; background:linear-gradient(145deg,#102b2cf5,#030f17f5); box-shadow:0 5px 20px #0008,inset 0 0 22px #26765d20; }
.battle-radar canvas { display:block; width:100%; aspect-ratio:1; }
.battle-radar-title,.battle-radar-counts,.battle-radar-legend { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.battle-radar-title { font-size:12px; color:#d2f3df; letter-spacing:2px; }
.battle-radar-title span { font:11px ui-monospace,monospace; color:#9ec7b9; letter-spacing:0; }
.battle-radar-counts { color:#d2e8e0; font:11px ui-monospace,monospace; }
.battle-radar-counts>span:last-child,.battle-radar-legend { color:#9dbfb4; font-size:10px; }
.battle-radar-legend { margin-top:6px; }
.battle-radar-legend i { font-style:normal; }
.radar-friendly { color:var(--radar-friendly); }.radar-enemy { color:var(--radar-enemy); }
.battle-radar-nearest { margin-top:7px; padding-top:6px; border-top:1px solid #6cba9e30; color:#ffb7a5; font:11px ui-monospace,monospace; text-align:center; }
.is-menu .battle-radar { visibility:hidden; }
@media(min-height:900px) { .battle-radar { width:240px; bottom:58px; } }
@media(max-width:1100px) { .battle-radar { left:auto; right:25px; bottom:250px; transform:none; width:185px; } }
@media(max-height:650px) { .battle-radar { width:180px; bottom:42px; padding:7px 10px; } .battle-radar-legend { display:none; } }
.battle-warning { position:absolute; top:90px; width:100%; text-align:center; color:#ffc6a5; font-size:18px; font-weight:700; letter-spacing:3px; }
.battle-notice { position:absolute; top:135px; width:100%; text-align:center; font-size:14px; color:#ffdda6; }
.battle-danger-alert { position:absolute; inset:0; pointer-events:none; }
.battle-danger-alert:before { content:''; position:absolute; inset:0; border:4px solid #ff493e; box-shadow:inset 0 0 75px 12px #f32436a8; opacity:var(--warning-glow,.7); transition:opacity .12s linear; }
.battle-danger-alert>div { position:absolute; top:22%; left:50%; transform:translateX(-50%); display:grid; gap:14px; width:max-content; max-width:90%; text-align:center; color:#ffe7de; text-shadow:0 0 15px #f52929,0 2px 4px #360000; }
.battle-danger-alert strong { display:block; font-size:32px; letter-spacing:8px; }
.battle-danger-alert span { display:block; margin-top:5px; font-size:12px; letter-spacing:2px; }
.is-menu .battle-danger-alert { display:none; }
.battle-replay { position:absolute; inset:0; z-index:4; pointer-events:none; background:linear-gradient(#000c,transparent 19%,transparent 79%,#000d); }
.battle-replay-heading { position:absolute; top:25px; left:32px; color:#fff0db; text-shadow:0 2px 5px #000; }
.battle-replay-heading>strong { display:block; font-size:22px; letter-spacing:3px; }
.battle-replay-heading>[data-replay-angle] { display:block; margin-top:9px; font:13px ui-monospace,monospace; color:#ffce96; }
.battle-replay-footer { position:absolute; left:32px; right:32px; bottom:28px; display:flex; align-items:end; justify-content:space-between; gap:25px; }
.battle-replay-footer>div:first-child { width:min(340px,45%); }
.battle-replay-footer span { font-size:13px; letter-spacing:2px; }
#battle-shell .battle-replay progress { height:4px; margin:12px 0 8px; accent-color:#ffce96; }
.battle-replay-footer small { font-size:11px; color:#bac4c5; }
.battle-replay-actions { display:flex; gap:10px; pointer-events:auto; }
.is-replay .battle-world>canvas { cursor:default; }
.battle-menu-layer { position:absolute; inset:0; z-index:5; display:flex; align-items:center; justify-content:center; padding:24px; background:radial-gradient(ellipse at 50% 30%,#18454a99,#020b13e8 75%); backdrop-filter:blur(6px); overflow:auto; }
.battle-panel { position:relative; width:min(640px,100%); max-height:calc(100dvh - 48px); overflow:auto; padding:35px; background:linear-gradient(145deg,#14323be8,#07151df7 65%); border:1px solid #6fb19f55; border-top:2px solid #b0f1cb; box-shadow:0 30px 90px #0009; border-radius:8px; }
#battle-shell .battle-panel h2 { display:block; font-size:34px; margin:12px 0 20px; letter-spacing:6px; color:#efffee; font-weight:600; }
.battle-intro { color:#c8ded6; font-size:16px; line-height:1.9; }
.battle-time-options { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:25px 0; }
#battle-shell .battle-time-options button { padding:19px 8px; text-align:left; font-size:16px; background:#0a1923; }
#battle-shell .battle-time-options button[aria-pressed=true] { border-color:#ffdba3; background:linear-gradient(150deg,#66534466,#15272b); color:#ffe9c2; box-shadow:inset 0 0 25px #a76b1d14; }
.battle-time-options b { display:block; font-size:28px; font-weight:400; margin-bottom:18px; }
.battle-time-options small { display:block; font-size:11px; color:#93b2b6; margin-top:7px; }
.battle-menu-note { margin:18px 0 0; color:#9cb4b7; font-size:12px; line-height:1.9; }
.battle-menu-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; margin-top:28px; }
.battle-panel.battle-results { width:min(720px,100%); padding:28px; }
.battle-panel.battle-leaderboard { width:min(920px,100%); padding:28px; }
#battle-shell .battle-results h2,#battle-shell .battle-leaderboard h2 { margin:8px 0 12px; }
.battle-result-intro,.battle-board-intro { margin:0 0 18px; color:#b6d1c8; font-size:13px; line-height:1.8; }
.battle-result-score { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 18px; padding:15px 18px; border:1px solid #cba56a50; border-radius:5px; background:linear-gradient(110deg,#8d632c25,transparent); }
.battle-result-score>span { color:#ead1ac; font-size:13px; letter-spacing:2px; }
.battle-result-score>strong { color:var(--battle-score); font:36px ui-monospace,monospace; }
.battle-result-score>small { margin-left:auto; font-size:11px; color:var(--battle-muted); }
.battle-result-score.is-negative>strong,.battle-board-score.is-negative { color:var(--battle-loss); }
.battle-result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:14px 0; }
.battle-result-grid>div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 15px; border:1px solid #83c9b228; background:#183e3935; border-radius:4px; }
.battle-result-grid dt { font-size:13px; color:#a6d8c8; }
.battle-result-grid dd { margin:0; font:24px ui-monospace,monospace; color:#dcffed; }
.battle-result-grid>.battle-friendly-loss { border-color:#e18c7828; background:#70382d20; }
.battle-result-grid>.battle-friendly-loss dt,.battle-result-grid>.battle-friendly-loss dd,.battle-board-table .battle-friendly-loss { color:var(--battle-loss); }
.battle-result-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 18px; margin:14px 0; font-size:12px; color:var(--battle-muted); }
.battle-result-meta b { color:#d2eade; font-weight:500; margin-left:5px; }
.battle-shot-details { margin:13px 0; border-top:1px solid #719b8c38; }
.battle-shot-details summary { padding:11px 0; color:#b8d6ca; font-size:12px; cursor:pointer; }
.battle-shot-details dl { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:2px 0 10px; }
.battle-results .battle-shot-details dl { grid-template-columns:repeat(auto-fit,minmax(85px,1fr)); gap:12px; }
.battle-shot-details dt { color:var(--battle-muted); font-size:11px; margin-bottom:5px; }
.battle-shot-details dd { margin:0; color:#e0f3e7; font:15px ui-monospace,monospace; overflow-wrap:anywhere; }
.battle-score-rules { margin:12px 0; color:var(--battle-muted); font-size:11px; line-height:1.9; }
.battle-score-entry { border-top:1px solid #719b8c38; padding-top:16px; margin-top:16px; }
.battle-score-entry label { display:block; margin-bottom:8px; font-size:13px; color:#e0f2e7; }
.battle-score-entry label small { font-size:11px; color:var(--battle-muted); margin-left:8px; }
.battle-score-entry>div { display:flex; gap:10px; }
.battle-score-entry input { flex:1; min-width:0; width:100%; padding:10px 12px; border:1px solid #76af9d77; border-radius:5px; background:#04131c; color:#e5fff0; font:inherit; font-size:15px; }
.battle-score-entry input::placeholder { color:#81a79c; }
.battle-score-entry input[readonly] { color:#a8c3b7; background:#071820; }
.battle-score-entry button { flex:none; }
.battle-score-entry [data-score-status] { min-height:20px; margin:9px 0 0; font-size:12px; line-height:1.7; color:var(--battle-muted); overflow-wrap:anywhere; }
.battle-score-entry [data-score-status].is-saved { color:#b9efcf; }
.battle-score-entry [data-score-status].is-error,.battle-board-status.is-error { color:var(--battle-loss); }
.battle-board-status { font-size:14px; line-height:1.9; color:#b8d6ca; overflow-wrap:anywhere; }
.battle-board-status:empty { display:none; }
.battle-board-scroll { overflow-x:auto; scrollbar-color:#597d6f #0c2027; }
.battle-board-table { width:100%; min-width:680px; border-collapse:collapse; table-layout:fixed; color:#cce7d9; font:13px ui-monospace,monospace; }
.battle-board-table th,.battle-board-table td { padding:11px 8px; text-align:right; vertical-align:top; }
.battle-board-table thead th { font:11px 'Noto Sans TC',system-ui,sans-serif; color:#98c5b5; border-bottom:1px solid #9bcdb966; }
.battle-board-table thead th:first-child { width:50px; text-align:center; }
.battle-board-table thead th:nth-child(2) { width:26%; text-align:left; }
.battle-board-table thead th:nth-child(3) { width:100px; }
.battle-board-table .battle-board-rank { text-align:center; color:#92b7a9; }
.battle-board-table .battle-board-callsign { text-align:left; color:#e5f5e9; font:500 14px 'Noto Sans TC',system-ui,sans-serif; overflow-wrap:anywhere; }
.battle-board-table .battle-board-score { color:var(--battle-score); font-weight:700; }
.battle-board-table .battle-board-score.is-negative { color:var(--battle-loss); }
.battle-board-table tbody:nth-of-type(-n+3) .battle-board-rank { color:var(--battle-score); }
.battle-board-table tbody { border-bottom:1px solid #7db49a2b; }
.battle-board-table .battle-board-detail-cell { padding:0 8px 5px 58px; text-align:left; }
.battle-board-table .battle-shot-details { margin:0; border:0; }
.battle-board-table .battle-shot-details summary { padding:0 0 8px; font-size:11px; color:#86ac9d; }
.battle-board-table .battle-shot-details dl { grid-template-columns:repeat(4,minmax(0,1fr)); margin:6px 0 12px; gap:14px; }
.battle-board-table .battle-shot-details dd { font-size:12px; line-height:1.6; }
.battle-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#battle-shell input:focus-visible,#battle-shell summary:focus-visible,#battle-shell .battle-board-scroll:focus-visible { outline:2px solid #fff0b9; outline-offset:3px; }
.battle-results .battle-menu-actions,.battle-leaderboard .battle-menu-actions { margin-top:20px; }
.battle-control-list { display:grid; gap:8px; }
.battle-control-list>div { display:grid; grid-template-columns:125px 1fr; gap:12px; font-size:13px; line-height:1.6; padding:5px 0; border-bottom:1px solid #709b8d20; }
.battle-control-list kbd { color:#ffdca5; font:12px ui-monospace,monospace; }
.battle-loading-line { height:2px; margin:25px 0; background:linear-gradient(90deg,transparent,#b0efce,transparent); background-size:50% 100%; background-repeat:no-repeat; animation:battle-load 1.3s ease-in-out infinite alternate; }
@keyframes battle-load { from {background-position:0 0;} to {background-position:100% 0;} }
.battle-load-status { font-size:14px; min-height:45px; line-height:1.8; }
@media(max-width:900px) { .battle-flight { gap:10px; left:14px; } .battle-flight strong { font-size:22px; } .battle-top,.battle-bottom { left:14px;right:14px; } .battle-weapon { right:14px; width:175px; } }
@media(max-width:600px) { .battle-panel {padding:22px;} .battle-time-options {gap:6px;} .battle-control-list>div {grid-template-columns:95px 1fr;} .battle-top strong {font-size:14px;} }
@media(max-width:600px) { .battle-panel.battle-results,.battle-panel.battle-leaderboard {padding:20px;} .battle-score-strip {max-width:260px;gap:5px 8px;} .battle-result-grid>div {padding:10px;} .battle-result-grid dt {font-size:12px;} .battle-result-score>small {margin-left:0;} .battle-results .battle-shot-details dl {grid-template-columns:repeat(3,minmax(0,1fr));} .battle-score-entry>div {flex-wrap:wrap;} .battle-score-entry input {flex-basis:100%;} .battle-score-entry button {width:100%;} }
@media(max-height:850px) and (min-width:900px) {
  .battle-panel.battle-results { padding:20px 28px; }
  .battle-results .battle-result-intro { margin-bottom:10px; }
  .battle-results .battle-result-score { padding:10px 18px; }
  .battle-results .battle-result-grid { margin:10px 0; }
  .battle-results .battle-result-grid>div { padding:10px 15px; }
  .battle-results .battle-shot-details { margin:10px 0; }
  .battle-results .battle-score-entry { padding-top:12px; margin-top:12px; }
  .battle-results .battle-menu-actions { margin-top:14px; }
}
@media(prefers-reduced-motion:reduce) { .battle-loading-line {animation:none;} }
.command-header[hidden],.dashboard-shell[hidden] { display:none!important; }
#battle-device-note { font-size:12px; color:#ffd39b; }
#battle-device-note:empty { display:none; }

/* 跳傘與徒步僅保留邊緣資訊，中央留給視野與小準星。 */
#battle-shell.is-pilot .battle-flight,#battle-shell.is-pilot .battle-weapon,#battle-shell.is-pilot .battle-warning,#battle-shell.is-pilot .battle-danger-alert,#battle-shell.is-pilot .battle-radar { display:none!important; }
.battle-pilot { position:absolute;left:30px;bottom:68px;max-width:calc(100% - 60px);font-size:12px;color:#cbeee0; }
.battle-pilot-state { font-size:16px;letter-spacing:2px;color:#f4e1b7;margin-bottom:7px; }
.battle-pilot-metrics { display:flex;flex-wrap:wrap;gap:5px 18px; }
.battle-pilot-metrics b { font:16px ui-monospace,monospace;color:#effff7; }
.battle-pilot-tool { display:flex;align-items:baseline;gap:14px;margin-top:10px; }
.battle-pilot-tool>b { color:#ffdc9d;font-size:19px; }
.battle-pilot-tool>span,.battle-pilot-hint { color:#a5c6bb;font-size:11px; }
.battle-pilot-progress { color:#f6d4a2;min-height:18px;margin-top:5px; }
.battle-pilot-hint { margin-top:4px; }
.battle-eject-progress { position:absolute;top:125px;left:50%;transform:translateX(-50%);color:#ffdc9d;font-size:13px;letter-spacing:2px; }
@media(max-width:900px) { .battle-pilot {left:14px;max-width:calc(100% - 28px);} .battle-pilot-metrics {gap:5px 12px;} }

.battle-panel.battle-setup {width:min(780px,100%);padding:24px 28px;}
.battle-setup-controls,.battle-board-filters {display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;}
.battle-setup-controls label,.battle-board-filters label {display:flex;align-items:center;gap:10px;color:#b9d7cb;font-size:12px;}
#battle-shell select {color:#e1f5e9;background:#0b2028;border:1px solid #609f9677;border-radius:4px;padding:8px;font:inherit;}
.battle-difficulty-note,.battle-mission-briefing {font-size:12px;line-height:1.7;color:#b9d1c8;margin:10px 0;}
.battle-vehicle-note {font-size:12px;line-height:1.7;color:#ffe0a9;margin:10px 0;}
.battle-mission-picker {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
#battle-shell .battle-mission-picker button {text-align:left;font-size:12px;padding:11px 9px;}
#battle-shell .battle-mission-picker button[aria-pressed=true] {border-color:#ffdc83;color:#ffe8b7;background:#453b2d;}
.battle-setup .battle-time-options {margin:14px 0;gap:8px;}
#battle-shell .battle-setup .battle-time-options button {padding:10px;font-size:13px;}
.battle-setup .battle-time-options b {display:inline;font-size:17px;margin-right:10px;}
.battle-setup .battle-menu-note {margin-top:10px;}
.battle-setup .battle-menu-actions {margin-top:16px;}
.battle-board-mode {display:block;font-size:10px;font-weight:400;color:#a8c5b8;max-width:230px;line-height:1.6;}
.battle-mission-hud {position:absolute;top:96px;left:30px;max-width:min(490px,60vw);max-height:20vh;overflow:hidden;color:#ffdfa2;font-size:12px;}
.battle-boss-bars {display:grid;gap:4px;margin-top:5px;}
.battle-boss {display:flex;gap:7px;align-items:center;font-size:11px;}
.battle-boss span {max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#battle-shell .battle-boss progress {width:110px;height:5px;margin:0;accent-color:#efb867;}
.battle-boss b {font:11px ui-monospace,monospace;white-space:nowrap;}
@media(max-width:600px){.battle-mission-picker{grid-template-columns:repeat(2,minmax(0,1fr));}.battle-panel.battle-setup{padding:20px;}.battle-mission-hud{left:14px;max-width:80vw;}.battle-boss span{max-width:100px;}}

#battle-shell .battle-mission-hud [data-action=receive-mission] { pointer-events:auto; margin-top:8px; padding:6px 10px; font-size:12px; color:#ffdf91; }

/* Naval radar stays beside the instruments so the ship and aim remain clear. */
#battle-shell.is-naval .battle-radar {left:30px;right:auto;bottom:205px;transform:none;width:190px;}
#battle-shell.is-naval .battle-weapon {width:235px;}
#battle-shell.is-naval .battle-weapon .is-drone-active {color:#a8ffe6;}
#battle-shell.is-naval .battle-flight>div:nth-child(3) {min-width:90px;}
@media(max-width:900px){#battle-shell.is-naval .battle-radar{left:14px;width:170px;}#battle-shell.is-naval .battle-weapon{width:210px;}}
@media(max-height:650px){#battle-shell.is-naval .battle-radar{bottom:185px;width:155px;}#battle-shell.is-naval .battle-radar-nearest{display:none;}}