/* CODEX: Responsive foundry art direction and fixed-size tactical controls. */
:root{color-scheme:dark;--bg:#171e20;--panel:#1d2729;--line:#344346;--muted:#9eaead;--ink:#f0f4ee;--mint:#7ee6bc;--yellow:#f1c75a;--red:#f47f70;--blue:#a9c8fa;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;letter-spacing:0}button:disabled{cursor:default;opacity:.32}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}svg{display:block}button svg{width:18px;height:18px;flex-shrink:0}h1,h2,p{margin:0}button:active:not(:disabled){transform:translateY(1px)}.app{max-width:1560px;margin:auto;padding:0 42px}.topbar{height:109px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;color:var(--ink);text-decoration:none;flex-shrink:0;font-size:13px;line-height:1.25;font-weight:600}.brand strong{font-size:24px;font-weight:850}.brand img{width:43px;height:46px}.run-heading{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:30px}.eyebrow{font-size:10px;font-weight:750;color:var(--mint)}.top-tools{display:flex;gap:8px;align-items:center;margin-left:auto}.icon-button{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--line);border-radius:5px}.icon-button:hover:not(:disabled){background:#2c3a3d;border-color:#607370}.save-status{font-size:10px;color:var(--muted);margin-right:12px}.mission-bar{min-height:64px;display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.wave-title{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700}.wave-title b{font-size:13px;color:var(--muted);font-weight:500;padding-left:10px;border-left:1px solid var(--line)}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%}.wave-progress{display:flex;gap:5px;margin-left:auto}.wave-progress span{height:5px;width:32px;background:#334143;border-radius:1px}.wave-progress .done{background:var(--mint)}.wave-progress .current{background:var(--yellow)}.turn-label{color:var(--muted);font-size:10px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:626px}.battlefield{min-width:0;position:relative;padding:26px 28px 0 0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 50%,#24343800 20%,#11171826 80%)}.board-heading{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;pointer-events:none}.board-heading .eyebrow{color:var(--muted);font-size:10px}h1{font-size:26px;margin-top:4px;line-height:1.1;font-weight:650}.phase-tag{font-size:10px;color:var(--mint);padding:7px 9px;border:1px solid #49685d;border-radius:3px;background:#1c2a27}.board-wrap{width:100%;margin-top:-30px;flex:1;min-height:380px;display:flex;align-items:center;justify-content:center}#board{width:100%;max-height:550px;overflow:visible;touch-action:manipulation;user-select:none}.board-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0 13px;color:var(--muted);font-size:9px}.terrain-key{display:flex;gap:14px}.terrain-key span{display:flex;align-items:center;gap:5px}.key{display:block;width:6px;height:6px;border-radius:1px}.key.crew{background:var(--mint)}.key.threat{background:var(--red)}.key.wreck{background:#95a19d}.key.live{background:var(--yellow)}.inspection{height:55px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px;line-height:1.45}.inspection svg{width:17px;height:17px;flex-shrink:0;color:var(--mint)}.inspection b{color:var(--ink);font-weight:650}.sidebar{padding:25px 0 10px 23px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.section-heading h2{font-size:10px;font-weight:700}.section-heading>span{font-size:9px;color:var(--muted)}.section-heading svg{width:14px;height:14px;color:var(--muted)}.core-health{display:flex;gap:4px;height:7px}.core-health i{background:#344244;flex:1;border-radius:1px}.core-health i.full{background:var(--mint)}.core-health i.danger{background:var(--red)}#core-numbers{color:var(--mint);font-size:12px}.crew-card{display:flex;width:100%;align-items:center;gap:10px;padding:10px 8px;margin-bottom:5px;border:1px solid transparent;background:transparent;border-radius:5px;text-align:left;height:79px;position:relative}.crew-card.selected{border-color:#517067;background:#273732}.crew-card:hover{background:#283436}.crew-card.down{opacity:.5}.portrait{height:48px;width:48px;flex:0 0 48px;background:#1a2426;border-radius:4px;overflow:hidden}.portrait svg{height:100%;width:100%}.crew-info{flex:1;min-width:0}.crew-info h3{font-size:14px;margin:0 0 3px;display:flex;justify-content:space-between;align-items:center}.crew-info p{font-size:10px;color:var(--muted);margin-bottom:8px}.crew-health{display:flex;gap:3px}.crew-health i{width:14px;height:3px;background:#465451}.crew-health i.full{background:var(--unit-color)}.action-pips{display:flex;gap:3px}.action-pips i{width:4px;height:4px;border-radius:50%;background:var(--mint)}.action-pips i.used{background:#53635e}.threat-row{display:flex;gap:9px;align-items:center;border-bottom:1px solid #2c393b;padding:9px 0;font-size:11px;min-height:40px}.threat-row:last-child{border-bottom:0}.threat-icon{color:var(--red);width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.threat-icon svg{width:16px;height:16px}.threat-row strong{font-weight:600}.threat-row small{color:var(--muted);display:block;font-size:10px;margin-top:3px}.threat-row>b{margin-left:auto;font-size:10px;color:var(--red);font-weight:600}.threat-row.wait>b{color:var(--muted)}.log-section{margin-top:auto}#event-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:10px;line-height:1.5;color:var(--muted)}#event-log li{padding-left:9px;border-left:2px solid #40514f}#event-log li.good{border-color:var(--mint)}#event-log li.bad{border-color:var(--red)}#event-log li.wave{color:var(--ink);border-color:var(--yellow)}.command-dock{min-height:98px;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.selected-unit{min-width:143px;display:flex;flex-direction:column;gap:5px}.selected-unit b{font-size:17px;font-weight:650}.selected-unit span{font-size:10px;color:var(--muted)}.selected-unit .eyebrow{color:var(--mint);font-size:9px}.action-bar{display:flex;gap:5px;flex:1;min-width:0}.action-button{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:57px;flex:1;max-width:157px;background:#202b2d;border:1px solid #344447;border-radius:4px;text-align:left}.action-button span{font-size:11px;font-weight:650}.action-button small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px;white-space:nowrap}.action-button svg{color:var(--muted);width:17px;height:17px}.action-button.active{border-color:var(--mint);background:#2b4037}.action-button.active svg{color:var(--mint)}.action-button:hover:not(:disabled){background:#30403f}.commit-button,.primary-button{display:flex;justify-content:center;align-items:center;gap:20px;background:var(--mint);color:#182820;font-size:11px;font-weight:800;border-radius:4px;padding:17px 20px;min-height:53px;white-space:nowrap}.commit-button:hover,.primary-button:hover{background:#a0f6d4}.commit-button{margin-left:4px;min-width:148px}.undo{flex-shrink:0}.run-footer{display:flex;justify-content:space-between;gap:15px;padding:18px 0;font-size:9px;color:#95a4a1}.run-footer b{font-weight:400;color:#697c79;margin-left:13px}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%,20px);padding:12px 20px;background:#f0f4ee;color:#172522;border-radius:4px;box-shadow:0 8px 40px #0007;font-size:12px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:5;max-width:90%}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{color:var(--ink);background:#202c2d;border:1px solid #60706a;border-radius:8px;padding:32px;width:min(480px,calc(100% - 32px));box-shadow:0 20px 100px #0008}dialog::backdrop{background:#091210bf;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:10px 0 15px;line-height:1.15}dialog p{color:var(--muted);font-size:14px;line-height:1.65}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.secondary-button{padding:14px 16px;background:transparent;border:1px solid #51625f;border-radius:4px;font-size:12px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.result-stats div{border-top:1px solid var(--line);padding-top:15px}.result-stats b{font-size:25px;display:block;color:var(--mint)}.result-stats span{font-size:10px;color:var(--muted)}.tile-target{cursor:pointer;outline:none}.tile-target:focus-visible .tile-face{stroke:var(--yellow);stroke-width:3}.tile-target:hover .tile-face{filter:brightness(1.15)}.unit-visual{pointer-events:none}.unit-ring{animation:ring-breathe 2.8s ease-in-out infinite}.core-light{animation:core-pulse 3s ease-in-out infinite}.entry-arrow{opacity:.5}.board-flash{animation:board-flash .28s ease-out}.intent-line{pointer-events:none}.tile-coordinate{font-family:"Consolas",monospace;font-size:9px;fill:#8a9c98;pointer-events:none}.board-label{font-family:"Segoe UI",Arial,sans-serif;pointer-events:none}.damage-label{font-size:11px;font-weight:bold;fill:#ffd2c9}.salvage-available{stroke:#f1c75a;stroke-width:2}@keyframes ring-breathe{50%{opacity:.48}}@keyframes core-pulse{50%{opacity:.55}}@keyframes board-flash{50%{opacity:.75}}
@media(min-width:1450px){.game-layout{min-height:690px}.board-wrap{min-height:510px}#board{max-height:600px}.sidebar{gap:25px}}
@media(max-width:1120px){.app{padding:0 24px}.run-heading{display:none}.game-layout{grid-template-columns:minmax(0,1fr) 245px;min-height:590px}.battlefield{padding-right:18px}.sidebar{padding-left:17px}.command-dock{gap:8px}.selected-unit{min-width:110px}.action-button{padding:10px 9px;gap:7px}.commit-button{min-width:122px;padding:15px 12px;gap:12px}.action-button small{font-size:8px}.terrain-key{gap:9px}}
@media(max-width:850px){.app{padding:0 18px}.topbar{height:86px}.brand strong{font-size:21px}.brand{font-size:11px}.brand img{width:36px;height:40px}.save-status{font-size:8px;margin-right:4px}.game-layout{grid-template-columns:1fr;min-height:0}.battlefield{padding:19px 0 0}.board-wrap{min-height:0;margin-top:-28px}#board{max-height:540px}.sidebar{border-left:0;border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.relay-section{grid-column:1/-1}.crew-section{grid-column:1}.threat-section{grid-column:2;grid-row:2}.log-section{display:none}.crew-card{height:71px;margin-bottom:3px;padding:7px}.command-dock{position:sticky;bottom:0;z-index:2;background:#172123;flex-wrap:wrap;box-shadow:0 -8px 20px #0d131322}.selected-unit{flex:1;min-width:100px;order:0}.selected-unit .eyebrow{display:none}.selected-unit b{font-size:15px}.undo{order:1}.commit-button{order:2;margin-left:2px;min-height:44px;padding:12px 16px}.action-bar{order:3;flex-basis:100%;gap:6px}.action-button{max-width:none;min-height:50px}.action-button small{font-size:9px}.run-footer{font-size:8px}.run-footer b{display:none}.wave-progress span{width:21px}.wave-title b{font-size:12px}.mission-bar{gap:12px;min-height:56px}.wave-title{gap:8px;font-size:10px}.turn-label{font-size:9px}}
@media(max-width:500px){.app{padding:0 12px}.topbar{gap:10px;height:78px}.brand{gap:9px}.brand strong{font-size:18px}.brand img{width:30px}.top-tools{gap:5px}.icon-button{height:35px;width:35px}.save-status{display:none}.mission-bar{flex-wrap:wrap;gap:6px;padding:11px 0}.wave-title{width:100%}.wave-progress{margin-left:0;gap:4px}.wave-progress span{width:22px;height:3px}.turn-label{margin-left:auto}.board-heading h1{font-size:22px}.phase-tag{font-size:9px;padding:6px}.board-wrap{margin-top:-10px;margin-left:-8px;width:calc(100% + 16px)}.board-footer{font-size:8px;gap:5px}.terrain-key{gap:8px}.terrain-key .key{width:5px;height:5px}.inspection{font-size:10px;height:49px}.sidebar{gap:14px;padding-top:15px}.section-heading h2{font-size:9px}.section-heading>span{font-size:8px}.portrait{width:35px;height:40px;flex-basis:35px}.crew-card{gap:5px;padding:6px 4px;height:68px}.crew-info h3{font-size:12px}.crew-info p{font-size:9px}.crew-health i{width:10px}.threat-row{gap:4px;font-size:10px;min-height:44px}.threat-row small{font-size:9px}.threat-icon{width:20px}.command-dock{padding:10px 0;gap:7px}.action-button{padding:8px 6px;gap:5px;justify-content:center;min-height:49px}.action-button span{font-size:10px}.action-button small{font-size:8px}.action-button svg{width:14px;height:14px}.commit-button{font-size:10px;min-width:130px}.selected-unit span{font-size:9px}.run-footer{padding-bottom:12px}.dialog-actions{gap:8px}.primary-button{gap:10px;padding:13px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* CODEX: Keep the whole crew together above the mobile command dock. */
@media(max-width:500px){.crew-section{grid-column:1/-1}.threat-section{grid-column:1/-1;grid-row:3}.crew-section #crew-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.crew-card{height:82px;flex-direction:column;gap:2px;align-items:flex-start;padding:7px 8px}.crew-card .portrait{position:absolute;right:5px;top:5px;width:26px;height:30px}.crew-info{width:100%;padding-top:3px}.crew-info h3{font-size:12px;padding-right:25px;margin-bottom:14px}.crew-info p{font-size:8px;margin-bottom:6px;white-space:nowrap}.crew-info .action-pips{display:none}.crew-health i{width:11px}.threat-section #threat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.threat-section .threat-row{font-size:10px}.section-heading{margin-bottom:9px}}
/* CODEX: Preserve readable tool labels on the narrowest supported phone width. */
@media(max-width:360px){.action-button{flex-direction:column;gap:4px;min-width:0;padding:7px 3px;text-align:center}.action-button small{font-size:8px}.crew-card{padding:7px 5px}.crew-card .portrait{width:22px;right:2px}.crew-info h3{padding-right:20px}.crew-info p{font-size:8px;white-space:normal;height:17px;margin-bottom:3px}.terrain-key{gap:6px;font-size:7px}}