:root{color-scheme:dark;--bg:#08121d;--panel:#0e1c2b;--line:#29415a;--ink:#e9eff5;--muted:#a6b8c9;--green:#a6e4b1;--blue:#7fc6ff;--gold:#dec990;font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:var(--ink);background:#162a3e;border:1px solid #39516b;border-radius:9px;min-height:44px;padding:9px 13px;cursor:pointer;touch-action:manipulation}button:hover{background:#213b54}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.primary{background:var(--green);color:#092217;border-color:var(--green);font-weight:750}.primary:hover{background:#c5f2cd}.is-active{background:#284e68!important;border-color:var(--blue)!important;color:#fff!important}small{font-size:11px;letter-spacing:.06em;color:var(--muted)}
#app{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:74px minmax(0,1fr);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:12px 22px;border-bottom:1px solid var(--line);z-index:2;background:var(--bg)}.wordmark{color:var(--ink);text-decoration:none;display:flex;flex-direction:column;line-height:1.15;flex-shrink:0}.wordmark span{font-size:27px;letter-spacing:.13em;font-weight:800}.wordmark b{color:var(--gold)}.wordmark small{font-size:8px;letter-spacing:.12em;margin-top:4px}.resources{display:grid;grid-template-columns:repeat(3,minmax(70px,100px));gap:35px;flex:1;justify-content:center;min-width:0}.resource{display:flex;flex-direction:column;min-width:0;line-height:1.1}.resources b{font-size:20px;font-variant-numeric:tabular-nums;font-weight:650;margin:3px 0}.resource-income{font-style:normal;font-size:10px;letter-spacing:0;color:var(--green);white-space:nowrap}.iconbtn{font-size:22px;padding:3px 12px;flex-shrink:0}.battlefield{position:relative;min-width:0;min-height:0;overflow:hidden;background:#050c15}canvas{display:block;width:100%;height:100%;touch-action:none;outline:0}
.mission{position:absolute;top:14px;left:16px;width:min(570px,calc(100% - 32px));padding:9px 12px 7px;background:#08121de8;border:1px solid #29415a88;border-radius:8px;pointer-events:none}.mission-top{display:flex;gap:7px;align-items:center;min-width:0}.mission strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.025em;font-weight:650}.mission-top small{margin-left:auto;font-variant-numeric:tabular-nums;font-size:10px;flex-shrink:0}.mission p{font-size:11px;color:#b9cada;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--green)}.mission progress{display:block;width:100%;height:3px;appearance:none;border:0;border-radius:3px;background:#29415a;overflow:hidden}.mission progress::-webkit-progress-bar{background:#29415a}.mission progress::-webkit-progress-value{background:var(--green)}.mission progress::-moz-progress-bar{background:var(--green)}.camera-controls{position:absolute;bottom:17px;right:16px;display:flex;gap:5px}.camera-controls button{min-width:44px;font-size:21px;background:#0f2031e8}#toast{position:absolute;left:18px;bottom:19px;margin:0;max-width:calc(100% - 184px);font-size:12px;color:#c4d9e9;background:#08121dd9;padding:6px 9px;border-radius:6px;pointer-events:none}
.command-panel{border-left:1px solid var(--line);background:var(--panel);padding:22px 18px;overflow:auto;display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.panel-heading>div{min-width:0}.panel-heading h1{font-size:20px;margin:2px 0 0;font-weight:650;overflow-wrap:anywhere}.panel-heading>span{font-size:11px;color:var(--muted);white-space:nowrap}#selectionInfo{margin:0;font-size:13px;color:var(--muted)}.selection-vitals{font-size:11px;line-height:1.3;color:var(--blue);font-variant-numeric:tabular-nums}.orders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.orders button{padding:10px 2px;font-size:12px;white-space:nowrap}kbd{font:9px system-ui;color:var(--muted);margin-left:1px}.primary kbd{color:#1f5734}.context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.context p{grid-column:1/-1;font-size:12px;color:var(--muted);margin:0}.context button{text-align:left;min-width:0;font-size:12px;padding:8px}.context button small{display:block;letter-spacing:0;font-size:9px;color:inherit;font-weight:400}.context .full{grid-column:1/-1}.queue:empty{display:none}.queue>div{display:flex;justify-content:space-between;align-items:center;gap:4px;border-top:1px solid var(--line);padding:7px 0;font-size:12px}.queue button{min-height:36px;padding:2px 10px}.panel-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;justify-content:space-between}.panel-foot>span{font-size:10px;color:var(--muted)}.panel-foot button{font-size:12px;flex-shrink:0}
.wide{width:100%;margin-top:9px}dialog{width:min(580px,calc(100% - 26px));max-height:calc(100dvh - 26px);padding:30px;border:1px solid #3b536b;border-radius:16px;background:linear-gradient(155deg,#13283b,#0a1725);color:var(--ink);overflow:auto;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#030912d9;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:12px;top:12px;font-size:25px;min-width:44px;padding:0;background:transparent;border:0}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold);margin:7px 0 14px}h2{font-size:clamp(30px,7vw,48px);line-height:1.04;letter-spacing:-.035em;margin:0}h2 em{font-style:normal;color:var(--gold)}.intro{font-size:14px;color:#c9d8e5;margin:14px 0}.preview-note{font-size:12px;color:var(--muted);border-left:2px solid var(--gold);padding-left:12px}.captains{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:20px 0 10px}.captains button{padding:4px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;background:#091724}.captains img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;max-height:70px}.captains span{font-size:9px;color:var(--muted);letter-spacing:0}.captain-note{display:block;font-size:10px;letter-spacing:0}.menu-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}.menu-actions button{font-size:12px;padding:7px}.menu-actions [hidden]{display:none}details{margin:18px 0;font-size:12px;color:var(--muted)}details p{margin:10px 0}summary{cursor:pointer;min-height:36px;padding-top:6px;color:var(--ink)}#saveStatus{display:block;font-size:10px;letter-spacing:0}.build{display:block;font-size:9px;margin-top:16px;letter-spacing:.08em}.selected-captain{border-color:var(--green)!important;box-shadow:0 0 0 1px var(--green)}#resultText{color:#c8d8e5;font-size:14px;line-height:1.6}#result{width:min(470px,calc(100% - 26px))}[hidden]{display:none!important}
@media(max-width:760px){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr) auto}.topbar{padding:8px 12px;gap:10px}.wordmark span{font-size:21px}.wordmark small{font-size:6px}.resources{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;justify-content:end}.resources small{font-size:9px;letter-spacing:0}.resources b{font-size:16px;margin:2px 0}.resource-income{font-size:10px}.iconbtn{min-width:44px}.command-panel{border-left:0;border-top:1px solid var(--line);padding:10px 12px;gap:7px;height:min(238px,43dvh);max-height:43dvh}.panel-heading h1{font-size:16px}.panel-heading small{font-size:8px}#selectionInfo{font-size:11px}.selection-vitals{font-size:10px}.orders{gap:6px}.orders button{min-height:44px;padding:7px 2px}.context{gap:6px}.context p{font-size:10px}.context button{padding:7px;font-size:11px}.context button small{font-size:9px}.panel-foot{padding-top:0;border:0;min-height:26px}.panel-foot button{min-height:36px;padding:3px 12px}.queue{max-height:80px;overflow:auto}.mission{top:8px;left:8px;width:calc(100% - 16px);padding:7px 9px 5px}.mission strong{font-size:11px}.mission p{font-size:10px}#toast{left:8px;bottom:13px;font-size:10px;max-width:calc(100% - 166px)}.camera-controls{right:8px;bottom:8px}.camera-controls button{min-width:40px;min-height:44px;padding:5px}.queue>div{padding:3px 0}.captains{gap:4px}.captains span{font-size:8px}dialog{padding:22px}kbd{display:none}}
@media(max-width:360px){.topbar{padding:7px 8px;gap:7px}.resources{gap:9px}.wordmark span{font-size:20px}.resources b{font-size:15px}.command-panel{padding:8px 10px;gap:6px}.panel-heading h1{font-size:15px}.panel-heading>span{font-size:10px}.mission strong{font-size:10px}.mission p{font-size:9px}}
@media(max-height:500px) and (min-width:600px){#app{grid-template-columns:minmax(0,1fr) 255px;grid-template-rows:56px minmax(0,1fr)}.topbar{grid-column:1/-1}.command-panel{border-left:1px solid var(--line);border-top:0;height:auto;max-height:none;padding:10px;overflow:auto}.context{grid-template-columns:repeat(3,minmax(0,1fr))}.context button{font-size:10px}.context button small{font-size:8px}.panel-foot{margin-top:auto}.panel-heading h1{font-size:15px}#selectionInfo{font-size:10px}.resources b{font-size:16px}.mission{width:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.mission p.warning{color:#ffad9b}.mission progress.warning::-webkit-progress-value{background:#f68879}.mission progress.warning::-moz-progress-bar{background:#f68879}
/* Context-only construction and research keep the map and portrait viewport stable. */
.navigation-controls{position:absolute;right:16px;bottom:72px;display:flex;gap:5px;z-index:4}.navigation-controls button{min-width:44px;min-height:44px;padding:7px 10px;font-size:12px;background:#0f2031ed}#minimapPanel{position:absolute;right:16px;top:88px;width:180px;height:135px;z-index:3;border:1px solid #46647e;border-radius:7px;overflow:hidden;box-shadow:0 3px 16px #0005;background:#07101b}#minimap{width:100%;height:100%;cursor:crosshair;touch-action:none}.placement-toolbar{display:grid;gap:8px}.placement-toolbar p{font-size:12px;margin:0;color:var(--muted)}.placement-toolbar p.valid{color:var(--green)}.placement-toolbar p.invalid{color:#ffad9b}.placement-toolbar small{font-size:10px;letter-spacing:0}.placement-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.placement-actions button{min-height:44px}.context button{min-height:44px}.queue button,.panel-foot button{min-height:44px}.research-intro{font-size:12px;color:var(--muted);margin:14px 0 18px}.research-tracks{display:grid;gap:9px}.research-card{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px;background:#0a1826}.research-card>div{min-width:0}.research-card strong,.research-card small{display:block}.research-card strong{font-size:15px}.research-card small{font-size:10px;letter-spacing:0}.research-card p{font-size:11px;color:var(--muted);margin:4px 0}.research-card button{font-size:11px;min-width:100px;min-height:44px;padding:7px;flex-shrink:0}.research-queue{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px}.research-queue strong{font-size:13px}.research-queue p,#researchMessage{font-size:12px;color:var(--muted);margin:0}.research-queue progress{height:5px;width:100%;accent-color:var(--green)}.research-queue button{justify-self:start;min-height:44px}#researchDialog h2{font-size:30px}#researchMessage{margin-top:12px}
@media(max-width:760px){.navigation-controls{right:8px;bottom:61px}#minimapPanel{right:8px;top:75px;width:96px;height:72px}.camera-controls button{min-width:44px}.placement-toolbar{gap:7px}.placement-toolbar p{font-size:11px}.research-card{padding:10px;gap:8px}.research-card button{min-width:92px;font-size:10px}.research-card strong{font-size:13px}.research-intro{font-size:11px;margin:12px 0}.research-card p{font-size:10px}}
@media(max-height:500px) and (min-width:600px){#minimapPanel{top:76px;width:140px;height:105px}.navigation-controls{bottom:72px}}

@media(max-width:360px){#minimapPanel{width:80px;height:60px}}
.queue button{min-width:44px}@media(max-width:360px){.captains{grid-template-columns:repeat(3,minmax(0,1fr))}}
summary{min-height:44px}
.context.planet-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-summary,.dialog-message{font-size:12px;color:var(--muted);line-height:1.5}.dialog-summary{margin:12px 0}.dialog-message{margin:12px 0 0}.development-comparison{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center;background:#091725;border:1px solid var(--line);border-radius:9px;padding:14px}.development-comparison>div{min-width:0}.development-comparison small,.development-comparison strong,.development-comparison span{display:block}.development-comparison small{font-size:10px}.development-comparison strong{font-size:16px;margin:3px 0}.development-comparison span{font-size:13px;color:var(--green)}.development-comparison.at-max{grid-template-columns:minmax(0,1fr)}.production-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.production-tracks button{text-align:left;min-height:78px;min-width:0;padding:12px}.production-tracks strong,.production-tracks small{display:block}.production-tracks strong{font-size:14px}.production-tracks small{font-size:10px;letter-spacing:0;margin-top:5px}.production-tracks .cruiser-card{border-color:#8c794c}.production-tracks p{font-size:10px;color:var(--muted);margin:4px 0 0}#productionQueue{margin-top:14px}#capitalDialog h2,#developmentDialog h2,#productionDialog h2{font-size:30px}
@media(max-width:760px){.development-comparison{padding:10px;gap:5px}.development-comparison strong{font-size:14px}.development-comparison span{font-size:12px}.production-tracks button{padding:10px}.production-tracks strong{font-size:13px}.dialog-summary,.dialog-message{font-size:11px}}

/* Full resource names remain readable when costs wrap inside compact controls. */
.context button small,.production-tracks small,.research-card small,#placementCost{line-height:1.35;overflow-wrap:normal}.context button small{font-size:10px}.context button,.research-card,.production-tracks button{overflow-wrap:normal}
.context.build-catalog{min-height:0;overflow:auto;align-content:start;grid-auto-rows:minmax(min-content,auto);flex:1}.panel-heading,.panel-foot{flex-shrink:0}


/* Fleet tools use existing drawer space; long content scrolls inside its section. */
.context.ship-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.context.yard-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.context.ship-actions button{min-height:44px}.context.yard-actions button{min-height:44px;text-align:center;padding:7px 4px}#selectionInfo.ship-order{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:0}#selectionInfo.warning{color:#d8b2ff}.selection-vitals{flex-shrink:0}.orders,.placement-toolbar{flex-shrink:0}.fleet-tracks{display:grid;gap:10px}.fleet-card{border:1px solid var(--line);border-radius:9px;padding:12px;background:#0a1826}.fleet-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.fleet-card strong{font-size:15px}.fleet-card span{font-size:12px;color:var(--muted)}.fleet-actions{display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:7px}.fleet-actions button{min-height:44px;min-width:0;font-size:12px;padding:8px 5px}#fleetDialog h2{font-size:30px}#fleetDialog .dialog-summary{margin:12px 0}
@media(max-width:760px){.context.ship-actions,.context.yard-actions{gap:6px}.context.ship-actions button small{font-size:9px}.context.yard-actions button{font-size:10px}.fleet-card{padding:10px}.fleet-actions{gap:5px}.fleet-actions button{font-size:11px}.fleet-card strong{font-size:14px}.fleet-card span{font-size:11px}.command-panel:has(.context.ship-actions) .panel-heading h1{font-size:15px}}

@media(max-width:760px) and (min-height:501px){.command-panel{padding:8px 12px;gap:6px}.panel-heading small{display:block;line-height:1.1}.panel-heading h1{line-height:1.15}.panel-heading>span{font-size:10px}.context.ship-actions button{padding:6px 7px}.context.ship-actions button small{line-height:1.2}}
@media(max-width:360px) and (min-height:501px){.command-panel{padding-right:10px;padding-left:10px}}

@media(max-width:760px){#fleetDialog .desktop-shortcuts{display:none}.fleet-card>div:first-child{margin-bottom:6px}#fleetDialog .dialog-summary{margin:10px 0}}

/* Compact cost rows retain readable line spacing in the command drawer. */
.context .cost-action .resource-costs{line-height:1.4}

/* A ready action uses dark detail text against its green button surface. */
.cost-action.primary:not(:disabled) .resource-costs,.cost-action.primary:not(:disabled) .cost-required{color:#092217}.cost-action.primary:not(:disabled) .cost-label,.cost-action.primary:not(:disabled) .cost-affordability,.cost-action.primary:not(:disabled) .cost-duration{color:#204c2c}.cost-action.primary:not(:disabled) .cost-prerequisite{color:#3a3920}.cost-action.primary:not(:disabled) .cost-resource.is-short .cost-label,.cost-action.primary:not(:disabled) .cost-resource.is-short .cost-required,.cost-action.primary:not(:disabled) .is-unaffordable>.cost-affordability{color:#6b1c12}

/* Resource labels and shortages remain readable even when an action is disabled. */
.resource-costs{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;width:100%;margin-top:7px;font-size:11px;line-height:1.3;letter-spacing:0;color:var(--ink);font-weight:400;text-align:left}.cost-resource{display:flex;justify-content:space-between;align-items:baseline;gap:7px;min-width:0}.cost-label{color:#bed0df}.cost-required{font-size:inherit;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;color:#e9eff5}.cost-resource.is-short .cost-label,.cost-resource.is-short .cost-required{color:#ffb7a8}.cost-affordability{display:block;color:#b5ecc1;font-size:10px;line-height:1.35;margin-top:4px}.is-unaffordable>.cost-affordability{color:#ffc2b5}.cost-prerequisite{display:block;color:#c9d8e5;font-size:10px;line-height:1.35;margin-top:3px}.cost-duration{display:block;font-size:10px;line-height:1.3;color:#bdcddd;letter-spacing:0;margin-top:5px}.cost-action:disabled,.cost-action.primary:disabled{opacity:1;color:var(--ink);background:#122334;border-color:#46617a}.cost-action:disabled:hover{background:#122334}.cost-action:disabled>.cost-duration,.cost-action:disabled>p{color:#bdcddd}.cost-action:disabled .resource-costs{opacity:1}.cost-container{min-width:0}.research-card>div{flex:1}.research-card .resource-costs{margin-top:8px}.research-card .cost-affordability,.research-card .cost-prerequisite{font-size:11px}.context.cost-context{min-height:0;overflow:auto;align-content:start;flex:1}.context .resource-costs{font-size:10px}.context .cost-affordability,.context .cost-prerequisite{font-size:10px}.production-tracks .resource-costs{margin-top:8px}.production-tracks .cost-required{font-size:11px}.placement-toolbar{flex:1;flex-shrink:1;min-height:0;overflow:auto;align-content:start}.placement-toolbar .resource-costs{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;row-gap:2px;margin:0}.placement-toolbar .cost-resource{flex-direction:column;align-items:flex-start;gap:0}.placement-toolbar .cost-affordability,.placement-toolbar .cost-prerequisite{grid-column:1/-1}.placement-toolbar .cost-duration{margin-top:4px}.placement-actions{flex-shrink:0}.range-legend{position:absolute;left:16px;top:88px;display:flex;gap:12px;max-width:calc(100% - 32px);padding:5px 8px;border:1px solid #29415a88;border-radius:5px;background:#08121de8;pointer-events:none;font-size:10px;color:#c6d9e9}.range-key{display:flex;align-items:center;gap:5px;white-space:nowrap}.range-key::before{content:'';display:block;width:17px;border-top:2px solid #88e4a5}.range-key.missile::before{border-top:2px dashed #f2d16d}.range-legend.enemy .range-key::before{border-color:#ff8d7d}
@media(max-width:760px){.resource-costs{font-size:11px}.research-card .cost-affordability,.research-card .cost-prerequisite{font-size:10px}.production-tracks button{padding:10px}.context.cost-context .cost-action{padding:7px}.placement-toolbar{gap:5px}.range-legend{left:8px;top:69px;max-width:calc(100% - 122px);gap:8px;padding:4px 6px;font-size:9px;flex-wrap:wrap}.range-key{gap:4px}.range-key::before{width:14px}}
@media(max-height:500px) and (min-width:600px){.range-legend{top:83px;max-width:calc(100% - 170px)}.context .resource-costs{font-size:10px}.context .cost-affordability{font-size:9px}}

.context.build-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.placement-toolbar{display:flex;flex-direction:column;overflow:visible}.placement-toolbar>p,.placement-toolbar>.placement-actions{flex-shrink:0}.placement-toolbar>#placementCost{min-height:0;overflow:auto;flex:1}.placement-toolbar .cost-duration{display:none}.placement-actions{min-height:44px}
@media(max-width:760px){.placement-toolbar .resource-costs{font-size:10px;line-height:1.15}.placement-toolbar .cost-affordability{font-size:9.5px;line-height:1.2;margin-top:3px}}

/* Captain and sound choices live in the menu, keeping battlefield controls stable. */
#map.is-panning{cursor:grabbing}.captain-chooser-label{font-size:11px;color:var(--gold);letter-spacing:.08em;margin-top:16px}.captains{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0}.captains button{min-height:44px;padding:8px 5px;gap:3px;justify-content:flex-start}.captains img{width:42px;height:42px;max-height:42px;aspect-ratio:1;flex-shrink:0}.captains .captain-name{font-size:12px;font-weight:650;color:var(--ink)}.captains .captain-bonus,.captains .captain-tradeoff{font-size:10px;line-height:1.25;letter-spacing:0}.captains .captain-bonus{color:#b5ecc1}.captains .captain-tradeoff{color:#ffc2b5}.captain-preview,.active-captain{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:10px 0;background:#0b1b2b}.captain-preview strong,.active-captain strong{font-size:12px;font-weight:650;display:block}.captain-preview p,.active-captain p{font-size:11px;line-height:1.4;margin:4px 0 0;color:#bdcddd}.captain-preview .doctrine-bonus{color:#b5ecc1}.captain-preview .doctrine-tradeoff{color:#ffc2b5}.active-captain{border-left:2px solid var(--gold)}.audio-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 15px;margin:8px 0}.audio-toggle{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink);font-size:12px;cursor:pointer}.audio-toggle input{width:22px;height:22px;accent-color:var(--green);margin:0}.audio-volume{display:flex;flex-direction:column;min-width:0;font-size:11px;color:#c4d5e3}.audio-volume>span{display:flex;justify-content:space-between;gap:7px}.audio-volume input{width:100%;min-height:44px;margin:0;accent-color:var(--green);touch-action:pan-y}.audio-volume output{color:var(--muted);font-variant-numeric:tabular-nums}#audioStatus{font-size:11px;line-height:1.4;color:var(--muted);margin:7px 0 0}
@media(max-width:760px){.captains{gap:5px}.captains .captain-name{font-size:11px}.captains .captain-bonus,.captains .captain-tradeoff{font-size:9px}.captains button{padding:7px 3px}.captain-preview,.active-captain{padding:9px}.captain-preview strong,.active-captain strong{font-size:11px}.captain-preview p,.active-captain p{font-size:10px}.audio-settings{gap:7px 10px}.audio-toggle{font-size:11px}.audio-volume{font-size:10px}.resource-income{font-size:9.5px}}
@media(max-width:360px){.captains img{display:none}.captains button{padding:7px 2px}.captains .captain-bonus,.captains .captain-tradeoff{font-size:8px}.captain-chooser-label{font-size:10px}.audio-settings{grid-template-columns:minmax(0,1fr)}.audio-toggle{border-bottom:1px solid #29415a88}}

.preview-compact{display:none}
@media(max-width:360px){#menu{padding:16px}#menu .eyebrow{font-size:9px;margin:0 0 8px}#menu h2{font-size:26px;line-height:1.05}#menu:not(.has-mission) .intro{display:none}#menu .preview-note{font-size:10px;line-height:1.25;padding-left:8px;margin:7px 0}#menu .preview-full{display:none}#menu .preview-compact{display:inline}.captain-chooser-label{margin-top:8px}.captains{gap:4px;margin:7px 0}.captains button{padding:5px 2px;gap:2px}.captain-preview{margin:8px 0;padding:7px 8px}.captain-preview strong{font-size:10px}.captain-preview p{font-size:9px;line-height:1.3;margin-top:3px}.captain-note{font-size:9px;line-height:1.3}}

/* Save and queue access keep the command drawer free for selected actions. */
.panel-foot{gap:6px}.panel-foot>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-foot button{min-width:44px;padding:7px 9px}.selection-damage{display:grid;gap:2px;font-size:10px;line-height:1.3;color:#d3e1ed;flex-shrink:0}.selection-damage span{display:block}.selection-damage .damage-total{font-size:9px;color:#a6b8c9}.queue-add{display:block;color:var(--green);font-size:11px;margin-top:8px;font-weight:650}.queue-job{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:center;padding:10px 0!important}.queue-job-content{min-width:0}.queue-job-title{display:block;font-size:12px;font-weight:650}.queue-job-detail{display:block;font-size:11px;color:var(--muted);line-height:1.4;margin:3px 0}.queue-job progress{display:block;width:100%;height:5px;accent-color:var(--green)}.queue-job[data-state="waiting"] progress{opacity:.45}.queue-job .queue-cancel{width:44px;min-height:44px;padding:0;font-size:22px}.queue-empty{font-size:12px;color:var(--muted)}#productionQueue,#queue.queue-full{max-height:none;overflow:visible;margin-top:12px}#productionSummary,#buildQueueSummary{font-size:11px;line-height:1.45}#saveGameDialog h2,#buildQueueDialog h2{font-size:30px}.save-slots{display:grid;gap:10px;margin:16px 0}.save-slots section{padding:12px;border:1px solid var(--line);border-radius:9px;background:#0a1826}.save-slots h3{font-size:13px;margin:0 0 5px}.save-slots p{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 8px}.save-slots section>div,.save-files,.import-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.save-slots button,.save-files button,.import-actions button{font-size:12px;min-height:44px}.save-files{margin:14px 0;align-items:start}.save-files label{font-size:11px;color:var(--muted);min-width:0}.save-files input{display:block;width:100%;min-width:0;min-height:44px;margin-top:6px;color:var(--ink);font:11px system-ui}.save-files input::file-selector-button{min-height:44px;border:1px solid #39516b;border-radius:7px;background:#162a3e;color:var(--ink);font:11px system-ui;margin-right:6px;cursor:pointer}.import-preview{padding:12px;border:1px solid var(--green);border-radius:9px;background:#0b1b2b;margin:12px 0}.import-preview strong{font-size:13px}.import-preview p{font-size:12px;color:#cbdcea;line-height:1.5;margin:7px 0}.import-actions{margin-top:12px}
@media(max-width:760px){.panel-foot button{font-size:11px;padding:6px 8px}.panel-foot>span{font-size:9px}.selection-damage{font-size:10px;line-height:1.3}.selection-damage .damage-total{display:none}.save-slots section{padding:10px}.save-files{grid-template-columns:minmax(0,1fr)}.queue-job{gap:8px}.queue-job-detail{font-size:10px}.queue-job-title{font-size:11px}.import-actions{grid-template-columns:minmax(0,1fr)}}
.queue-job-refund{display:block;font-size:10px;line-height:1.4;color:#c1d4c5;margin:0 0 6px}
/* Armed selections retain both damage rows and full footer controls in compact drawers. */
@media(max-width:760px) and (min-height:501px){.command-panel:has(.selection-damage:not([hidden])){gap:2px}}
@media(max-height:500px) and (min-width:600px){.command-panel:has(.selection-damage:not([hidden])){gap:4px}}