@import url('theme.css?v=1.6.0');
:root{color-scheme:dark;--amber:#ffad4c;--blue:#80d3f0;--ink:#101619;--muted:#8a9ba1;--text:#dce5e6;--line:#465156;--danger:#ff7b67;font-family:'Bahnschrift','Segoe UI',sans-serif;font-size:14px;background:#090e10;color:var(--text)}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button{border:0}input,select{background:#0b1318;border:1px solid #52636a;border-radius:3px;color:#e8eeee;padding:12px 14px;min-width:0}label{display:block;font-size:11px;letter-spacing:1.3px;color:#a4b6bf;text-transform:uppercase}label input,label select{display:block;width:100%;margin-top:8px;font-size:15px;letter-spacing:.5px}button,input,select,a{-webkit-tap-highlight-color:transparent}a{color:var(--blue)}h1,h2,h3,p{margin:0}button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.amber{color:var(--amber)}.blue{color:var(--blue)}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--amber);font-weight:600}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.stack{display:grid;gap:15px}.fine{font-size:12px;color:var(--muted);line-height:1.6}.hidden{display:none!important}.screen{height:100dvh;width:100%;position:relative}.boot{height:100vh;display:grid;place-content:center;justify-items:center;gap:25px;background:#0b1014}.boot img{width:420px}.boot p{letter-spacing:5px;color:#9bacb4;font-size:11px}.loader{height:2px;width:180px;background:linear-gradient(90deg,transparent,#ffac51,transparent);animation:load 1.3s infinite}
.metal-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(165deg,#334049,#131b22 50%,#10171c);border:1px solid #526069;border-radius:3px;box-shadow:inset 0 1px #6f7b8159,inset 0 -3px #0207098f,0 3px 9px #0006;text-transform:uppercase;letter-spacing:1.6px;font-size:12px;font-weight:600;padding:12px 19px;transition:filter .15s,border-color .15s,transform .15s;white-space:nowrap}
.metal-button:hover:not(:disabled){filter:brightness(1.2);border-color:#a3b2bb;transform:translateY(-1px)}.metal-button.primary{color:#ffd59d;border-color:#b67c41;background:linear-gradient(140deg,#714321,#321f17 60%,#593720);box-shadow:inset 0 1px #ffc07373,inset 0 -3px #080806aa,0 0 24px #ff881510}.metal-button.cyan{color:#b8ebff;border-color:#458bab;background:linear-gradient(150deg,#264b60,#12222d)}.metal-button.danger{color:#ff998b;border-color:#854b45}.metal-button.small{font-size:10px;padding:8px 11px;letter-spacing:1px}.text-button{background:transparent;color:#9cafb8;font-size:11px;text-transform:uppercase;letter-spacing:1.3px;padding:9px;display:flex;align-items:center;justify-content:center;gap:7px}.text-button:hover{color:#fff}.text-button svg{width:17px;height:17px}
.menu-screen{background:#0c1115 url('assets/hangar.png') center center/cover no-repeat}.menu-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070c11ec 0%,#080e14a8 35%,#080c1010 68%),linear-gradient(0deg,#02080bbf,transparent 20%)}.menu-top{position:absolute;top:24px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center}.menu-top .eyebrow{color:#91a9b7;font-size:10px}.menu-content{position:absolute;left:6%;top:50%;transform:translateY(-49%);width:min(530px,43vw)}.menu-logo{width:100%;display:block;margin-left:-12px;filter:drop-shadow(0 5px 10px #0008)}.menu-tagline{letter-spacing:6px;color:#ccb291;font-size:12px;margin:0 0 29px 3px}.menu-copy{line-height:1.7;font-size:15px;color:#9eafb9;max-width:370px;margin-bottom:25px}.menu-actions{display:grid;gap:10px;width:360px;max-width:100%}.menu-actions>.metal-button{justify-content:flex-start;padding:18px 23px;font-size:13px;letter-spacing:2px}.menu-actions>.metal-button svg{width:24px;height:24px;margin-right:6px}.menu-mini{display:flex;gap:18px;margin-top:18px}.menu-mini button{padding-left:0}.menu-bottom{position:absolute;left:36px;right:36px;bottom:25px;display:flex;justify-content:space-between;font-size:10px;color:#7d949f;letter-spacing:2px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#82c6b3;margin-right:8px;box-shadow:0 0 8px #6fcab199}
.game-shell{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% -10%,#303436 0%,transparent 60%),repeating-linear-gradient(0deg,#13191b40 0px,#13191b40 1px,transparent 2px,transparent 4px),#0c1114;overflow:hidden;padding:0 22px 12px}.top-bar{display:flex;align-items:center;justify-content:space-between;height:74px;flex-shrink:0;border-bottom:1px solid #3b454c;box-shadow:0 1px #0008;gap:20px}.header-logo{height:64px;width:225px;object-fit:contain;object-position:left center}.top-bar .brand{display:flex;align-items:center;gap:18px}.room-label{font-size:10px;color:#879ea7;letter-spacing:1.7px;padding-left:18px;border-left:1px solid #46535b;line-height:1.8}.top-nav{display:flex;gap:10px;align-items:center}.top-nav .text-button{font-size:10px}.version-pill{border:1px solid #475055;font-size:9px;padding:5px 7px;letter-spacing:2px;color:#91a1a8}
.panel{background:linear-gradient(125deg,#242d33,#131b21 45%,#151e24);border:1px solid #4d5b63;box-shadow:inset 0 0 0 4px #101619,inset 0 0 0 5px #414e535e,0 7px 20px #0005;position:relative;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))}.panel:before,.panel:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#828c8f;box-shadow:inset 1px 1px 1px #000a;left:10px;top:10px;z-index:1}.panel:after{left:auto;right:10px}.panel-title{font-size:12px;letter-spacing:2.4px;color:#bdcdd1;padding:17px 20px;border-bottom:1px solid #34434b;background:#0a101544}.panel-content{padding:22px}.lobby-screen,.deploy-screen{background-image:linear-gradient(90deg,#091015ed,#111a20ed),url('assets/hangar.png');background-size:cover}.lobby-content{max-width:1220px;margin:auto;width:100%;padding:22px 0;display:grid;gap:23px;min-height:0}.lobby-heading{display:flex;align-items:end;justify-content:space-between}.lobby-heading h1{font-size:28px;letter-spacing:3px;font-weight:500;margin-top:7px}.room-code{font-size:27px;color:var(--amber);letter-spacing:6px;font-weight:500}.lobby-stations{display:grid;grid-template-columns:1fr 230px 1fr;gap:22px;align-items:stretch}.station{min-height:270px;padding:28px;text-align:center}.station-emblem{margin:5px auto 14px;width:85px;height:85px;border:1px solid #567785;background:linear-gradient(160deg,#233c4b,#0b141b);display:grid;place-items:center;clip-path:polygon(18% 0,82% 0,100% 18%,100% 70%,50% 100%,0 70%,0 18%)}.station-emblem svg{height:45px;width:45px;color:var(--blue);stroke:currentColor;fill:none;stroke-width:1.4}.station.enemy .station-emblem{border-color:#906948;background:linear-gradient(160deg,#423628,#131a21)}.station.enemy .station-emblem svg{color:var(--amber)}.station-name{font-size:20px;letter-spacing:2px;margin:9px 0}.station-state{font-size:10px;letter-spacing:2px;color:#899ea7}.station-state.ready{color:#90d9bf}.station-caption{margin-top:16px;font-size:11px;color:#738a95}.lobby-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center}.lobby-center .versus{font-size:24px;letter-spacing:7px;color:#637984}.lobby-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rules-row{display:flex;gap:15px;align-items:end}.rules-row label{flex:1}.lobby-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.lobby-bottom .metal-button{min-width:250px}.network-hint{font-size:12px;color:#8fabb6;line-height:1.6;max-width:620px}.copy-field{display:flex;gap:9px;margin-top:14px}.copy-field input{font-size:12px;width:100%;min-width:0}
.deploy-intro{display:flex;justify-content:space-between;align-items:center;height:73px;flex-shrink:0}.deploy-intro h1{font-size:23px;letter-spacing:3px;font-weight:500;margin-top:6px}.deploy-layout{display:grid;grid-template-columns:245px minmax(320px,1fr) 235px;gap:18px;min-height:0;flex:1;max-width:1500px;width:100%;align-self:center}.roster-panel{overflow:hidden;display:flex;flex-direction:column}.roster-list{padding:13px;display:grid;gap:7px;overflow:auto;min-height:0}.roster-item{display:grid;grid-template-columns:69px 1fr 27px;align-items:center;min-height:72px;padding:6px;background:linear-gradient(140deg,#25313b,#141e25);border:1px solid #334650;cursor:pointer;position:relative}.roster-item.selected{border-color:#b17a42;box-shadow:inset 3px 0 var(--amber)}.roster-item.excluded{opacity:.45}.roster-item .portrait{width:69px;height:58px;object-fit:contain}.roster-name{font-size:12px;letter-spacing:1px}.roster-role{color:#8ba0aa;font-size:9px;margin-top:4px}.roster-cost{color:#c6d9df;font-size:10px;margin-top:5px}.roster-toggle{border:1px solid #50636c;background:#182c37;width:24px;height:24px;color:#b8d7e3;font-size:14px}.roster-item.placed .roster-cost{color:#94c6ac}.budget{padding:10px 16px;border-top:1px solid #35444e;font-size:11px;display:flex;justify-content:space-between;color:#adc4cf}.budget.invalid{color:#f78f7e}.deploy-board-panel{display:flex;flex-direction:column;min-height:0}.deploy-board-panel .board-stage{flex:1;width:100%;height:auto;aspect-ratio:auto}.deploy-toolbar{display:flex;gap:7px;justify-content:center;padding:11px 12px;flex-wrap:wrap;border-top:1px solid #34434b}.deploy-brief{display:flex;flex-direction:column;gap:16px}.deploy-brief .panel-content{padding:18px}.deploy-brief h3{font-size:13px;letter-spacing:1px;margin-bottom:10px}.brief-shape{width:100%;height:120px;object-fit:contain}.deploy-description{font-size:12px;color:#91a6b0;line-height:1.65;margin:7px 0 16px}.deployment-state{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:11px;color:#a5bcc5}.deploy-lock{width:100%;padding:17px 10px}.deploy-footer{text-align:center;font-size:10px;color:#6e8b99;letter-spacing:1px;height:29px;display:grid;place-items:center}
.combat-top{display:flex;justify-content:space-between;align-items:center;height:72px;flex-shrink:0;gap:20px}.turn-banner{display:flex;align-items:center;gap:18px}.turn-title{font-size:23px;color:#eedac2;letter-spacing:2.8px;font-weight:500}.turn-title.waiting{color:#97aeb8}.turn-meta{font-size:10px;letter-spacing:1.5px;color:#879da7;margin-top:5px}.turn-light{height:32px;width:3px;background:var(--amber);box-shadow:0 0 16px #ff97384d}.turn-light.waiting{background:#627c87;box-shadow:none}.fire-button{min-width:196px;padding:16px 26px;font-size:15px;letter-spacing:3px}.battle-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr) 166px;gap:15px;flex:1;min-height:0;width:100%;max-width:1900px;margin:0 auto}.board-panel{display:flex;flex-direction:column;min-height:0;min-width:0}.board-heading{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #475056;font-size:14px;letter-spacing:3.2px;color:var(--amber);flex-shrink:0;background:linear-gradient(90deg,#151c20,#2a302e77)}.board-panel.friendly .board-heading{color:var(--blue)}.board-heading small{font-size:9px;letter-spacing:1px;color:#829aa5}.unknown-slots{display:flex;gap:5px}.unknown-slots i{font-style:normal;display:grid;place-items:center;width:17px;height:18px;border:1px solid #746246;color:#b4946b;font-size:9px}.unknown-slots i.dead{color:#656d6b;border-color:#434c4e;text-decoration:line-through}.board-stage{position:relative;width:100%;height:100%;min-height:0;flex:1;overflow:hidden;background:radial-gradient(ellipse at center,#242e32,#0c1317 85%)}.board-stage canvas{position:absolute;inset:0;display:block}.cell-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.grid-cell{position:absolute;background:transparent;padding:0;border:0;pointer-events:auto;border-radius:2px}.grid-cell:hover{box-shadow:inset 0 0 0 1px #96c5df77;background:#769aaf0c}.grid-cell:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.grid-cell.cell-aim{box-shadow:inset 0 0 0 1px #ecad55b3}.grid-cell.cell-invalid{box-shadow:inset 0 0 0 1px #fa675b}.coordinate-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.coordinate-layer span{position:absolute;transform:translate(-50%,-50%);color:#91a8af;font-family:'Consolas',monospace;font-size:11px}.board-footer{height:37px;flex-shrink:0;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #414b4f;gap:10px;font-size:10px;letter-spacing:1.4px;background:#141d23}.scan-chips{display:flex;gap:6px}.scan-chip{border:1px solid #775e37;background:#30271a;color:#e3b36f;padding:4px 7px;font-size:10px}.squad-rail{display:flex;flex-direction:column;gap:8px;min-height:0}.squad-rail-title{font-size:10px;color:#8eb6c8;letter-spacing:2px;text-align:center;padding:2px 0}.squad-card{min-height:0;flex:1;border:1px solid #3f5d6c;background:linear-gradient(145deg,#172a35,#10191f 65%);box-shadow:inset 0 0 0 3px #0b1419,0 4px 8px #0003;padding:9px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.squad-card:before{content:'';position:absolute;right:0;top:0;width:17px;height:3px;background:#5493ae}.squad-card.dead{filter:grayscale(.7);opacity:.58}.squad-card .portrait{width:100%;height:55%;max-height:95px;object-fit:contain;min-height:30px}.squad-card h3{font-size:12px;letter-spacing:1px;color:#d0e3ed;margin-top:3px}.squad-card small{font-size:8px;color:#83a4b4;letter-spacing:1.2px;text-transform:uppercase}.hull-bars{display:flex;gap:3px;margin:7px 0 4px}.hull-bars i{display:block;height:5px;flex:1;background:linear-gradient(#9cddf3,#3e8cae)}.hull-bars i.gone{background:#283a42}.hull-text{font-size:8px;color:#76929e;letter-spacing:1px}.support-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:14px 0 9px;flex-shrink:0;max-width:1350px;width:100%;align-self:center}.weapon{background:linear-gradient(150deg,#303d46,#18232b 55%,#101920);border:1px solid #62707a;box-shadow:inset 0 0 0 3px #131c22,inset 0 4px 7px #adbdc018,0 5px 8px #0006;position:relative;padding:14px 18px;display:flex;align-items:center;gap:13px;clip-path:polygon(0 9px,9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px))}.weapon svg{width:30px;height:30px;color:#a9c9da;flex-shrink:0}.weapon strong{display:block;font-size:13px;letter-spacing:1.5px;font-weight:500}.weapon small{font-size:9px;color:#7e9ca9;letter-spacing:1.1px;display:block;margin-top:5px}.weapon.selected{background:linear-gradient(145deg,#714728,#38291e 70%);border-color:#dfac61;box-shadow:inset 0 0 0 3px #201a15,inset 0 0 17px #d98a2544,0 0 20px #a765221f;color:#ffe2ab}.weapon.selected svg,.weapon.selected small{color:#ffc568}.weapon[data-weapon=shield].selected{border-color:#7bcbed;background:linear-gradient(145deg,#285c73,#193342);color:#c4edff}.weapon kbd{position:absolute;right:8px;top:7px;font:9px 'Consolas',monospace;color:#738a97}.combat-footer{height:28px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#879da7;letter-spacing:.5px}.combat-footer .comms{display:flex;align-items:center;gap:7px}.combat-footer select{padding:4px 7px;font-size:10px;max-width:150px}.command-description{max-width:760px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-warning{background:#4a341b;color:#edc78d;border-bottom:1px solid #815c2c;text-align:center;font-size:11px;padding:7px;position:absolute;top:74px;left:0;right:0;z-index:10;letter-spacing:.5px}.result-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;width:min(460px,90vw);text-align:center;padding:31px;background:linear-gradient(145deg,#252a2bf5,#091015f5);border:1px solid #ae8048;box-shadow:0 15px 90px #000c,0 0 0 6px #101517bb;backdrop-filter:blur(9px)}.result-banner h1{font-size:32px;letter-spacing:6px;color:#ffd28b;margin:13px 0}.result-banner p{color:#a8bbc4;font-size:13px;line-height:1.6}.result-banner .row{justify-content:center;margin-top:22px}.result-banner .result-stat{display:flex;gap:25px;justify-content:center;margin:22px 0;color:#a2b7c1;font-size:11px}.result-stat strong{display:block;color:#e8ebde;font-size:23px;margin-bottom:5px}.result-banner .text-button{margin:14px auto 0}.replay-bar{display:flex;gap:12px;align-items:center;padding:10px 16px;background:#17252e;border:1px solid #50616b;margin-top:8px;font-size:11px}.replay-bar input{flex:1;padding:0}.board-view-toggle{background:none;border:0;color:#7797a6;font-size:9px;letter-spacing:1px;cursor:pointer}
.modal-shade{position:fixed;inset:0;z-index:30;background:#050a0ece;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:30px}.modal{max-height:calc(100vh - 60px);overflow:auto;width:480px;border:1px solid #5c707c;background:linear-gradient(140deg,#25323d,#121e27 55%,#0c161d);box-shadow:0 25px 80px #000a,inset 0 0 0 5px #101921;padding:27px;position:relative}.modal.wide{width:820px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal h2{font-size:21px;letter-spacing:3px;font-weight:500;color:#dfd8c8}.modal .close{background:none;color:#829ba9;font-size:26px;width:30px;height:30px}.modal .close:hover{color:white}.modal p{font-size:13px;line-height:1.7;color:#9db3bf}.modal .stack{gap:17px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-actions .metal-button{flex:1}.modal .help-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.help-card{border-top:1px solid #425968;padding-top:14px}.help-card h3{font-size:12px;letter-spacing:1.5px;color:var(--amber);margin-bottom:7px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #344854}.setting-row label{text-transform:none;font-size:13px;letter-spacing:.4px;color:#c2d1d8}.setting-row input[type=checkbox]{accent-color:#b8dcf0;width:19px;height:19px}.setting-row input[type=range]{accent-color:var(--amber);width:150px;padding:0}.setting-row select{max-width:190px;padding:7px;font-size:12px}.hangar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.hangar-card{border:1px solid #394f5c;padding:12px;background:#101e287d}.hangar-card img{width:100%;height:130px;object-fit:contain}.hangar-card h3{font-size:13px;letter-spacing:2px;color:#c9e3ef}.hangar-card p{font-size:11px;margin:7px 0;line-height:1.5}.shape-pixels{display:grid;gap:2px;width:max-content;margin-top:10px}.shape-pixels i{width:9px;height:9px;background:#74aabf;display:block}.shape-pixels i.empty{background:transparent}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,30px);background:#192b36f5;color:#d2e6ee;border:1px solid #63899c;padding:13px 24px;z-index:60;font-size:13px;max-width:620px;opacity:0;pointer-events:none;transition:.22s;box-shadow:0 6px 22px #0008}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{border-color:#ac6b4d;color:#ffcfab}.fallback-board .grid-cell{border:1px solid #50616a;background:linear-gradient(135deg,#354149,#1a262e)}.fallback-board .cell-occupied{background:#527e91}.fallback-board .grid-cell[data-result=hit]{background:#ad672e}.fallback-board .grid-cell[data-result=miss]:after{content:'×';font-size:22px;color:#adb8bb}.fallback-board .cell-aim{background:#796344}.shortcuts{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#9eb2bd;margin-top:17px}kbd{border:1px solid #57717e;border-radius:2px;padding:2px 5px;color:#c0d4de;background:#12202a}.solo-level{display:flex;align-items:center;gap:10px;margin-bottom:14px}.solo-level label{font-size:10px}.solo-level select{font-size:11px;padding:7px 10px}.overlay-note{color:#7d9eae;font-size:10px;letter-spacing:.4px;margin-top:16px}.score-badge{font-size:12px;color:#b0c3cc;letter-spacing:2px}.tag{font-size:10px;padding:5px 9px;display:inline-block;border:1px solid #506875;color:#a7c1d0;letter-spacing:1px}
@keyframes load{0%{transform:translateX(-70px);opacity:.2}50%{opacity:1}100%{transform:translateX(70px);opacity:.2}}@media(max-height:800px){.top-bar{height:61px}.header-logo{height:51px;width:195px}.combat-top{height:59px}.turn-title{font-size:20px}.fire-button{padding:12px 22px}.support-dock{padding:10px 0 7px;gap:9px}.weapon{padding:11px 14px}.weapon svg{width:25px;height:25px}.weapon strong{font-size:12px}.weapon small{font-size:8px}.combat-footer{height:24px}.game-shell{padding-bottom:9px}.deploy-intro{height:63px}.roster-list{gap:5px;padding:10px}.roster-item{min-height:61px}.roster-item .portrait{height:48px}.deploy-brief .panel-content{padding:16px}.deploy-description{font-size:11px}.brief-shape{height:95px}.lobby-content{gap:17px;padding:15px 0}.station{min-height:220px;padding:21px}.station-emblem{height:65px;width:65px}.station-name{font-size:17px}.panel-content{padding:18px}.lobby-heading h1{font-size:24px}.connection-warning{top:61px}.menu-logo{max-width:450px}.menu-copy{font-size:13px;margin-bottom:18px}.menu-tagline{margin-bottom:22px}.menu-actions>.metal-button{padding:14px 22px}}
@media(max-width:1250px){.game-shell{padding-left:12px;padding-right:12px}.battle-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) 140px;gap:10px}.board-heading{font-size:12px;letter-spacing:2px;padding:0 13px}.weapon{gap:9px;padding:12px}.weapon strong{font-size:11px}.weapon small{font-size:8px;letter-spacing:.4px}.deploy-layout{grid-template-columns:215px minmax(300px,1fr) 205px;gap:12px}.header-logo{width:185px}.top-nav{gap:4px}.top-bar .brand{gap:7px}.top-nav .text-button{font-size:9px}.room-label{padding-left:10px}.lobby-stations{grid-template-columns:1fr 190px 1fr}.command-description{max-width:650px}.squad-card{padding:8px}.squad-card h3{font-size:11px}.roster-item{grid-template-columns:57px 1fr 24px}.roster-item .portrait{width:57px}.menu-content{width:46vw}}
@media(max-width:1000px){.battle-layout{grid-template-columns:1fr 1fr 118px;gap:8px}.squad-card small{display:none}.room-label{display:none}.weapon small{display:none}.weapon svg{width:21px;height:21px}.weapon{justify-content:center;padding:12px 8px}.weapon strong{font-size:10px}.board-heading{letter-spacing:1px;font-size:11px}.unknown-slots{gap:2px}.deploy-layout{grid-template-columns:190px minmax(270px,1fr) 178px}.deploy-brief .panel-content{padding:13px}.deploy-lock{letter-spacing:.5px;font-size:10px}.top-nav .text-button span{display:none}.lobby-stations{gap:13px;grid-template-columns:1fr 155px 1fr}.lobby-controls{gap:13px}.rules-row{gap:8px}.lobby-bottom .metal-button{min-width:180px}.network-hint{font-size:11px}.support-dock{gap:7px}.command-description{max-width:520px}.menu-tagline{font-size:10px;letter-spacing:4px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body.reduced-motion *{animation:none!important;transition:none!important}

/* Machined command console: the same framing and color language as the concept. */
.game-shell{background-image:linear-gradient(90deg,#091015e8,#111a20d9),url('assets/hangar.png');background-size:cover;background-position:center}
.board-panel{border:2px solid #647078;box-shadow:inset 0 0 0 3px #0b1013,inset 0 0 0 6px #3c484d,0 6px 20px #0009;padding:5px}
.board-panel:before,.board-panel:after{width:5px;height:5px;top:12px;background:#68777d;box-shadow:inset 1px 1px #000,0 1px #91a1a6}
.board-heading{background:linear-gradient(120deg,#121a1f,#30383b99);text-shadow:0 1px 3px #000}
.board-stage{background:radial-gradient(ellipse at center,#243137,#090f13 87%)}
.squad-card{border-color:#537484;background:radial-gradient(ellipse at 50% 20%,#35515b66,transparent 65%),linear-gradient(140deg,#182a33,#0b141a 65%);box-shadow:inset 0 0 0 3px #0a1118,inset 0 0 0 4px #52636b66,0 5px 12px #0009}
.squad-card .portrait{filter:drop-shadow(0 3px 4px #0009);transform:scale(1.2)}
.fire-button:not(:disabled){background:linear-gradient(130deg,#cc702e,#6a341a);border-color:#f1ac68;box-shadow:inset 0 0 12px #ffc37938,0 0 15px #e7781c2e}
.weapon.selected{box-shadow:inset 0 0 0 3px #281c13,inset 0 0 18px #d98a2566,0 0 16px #a765222a}
.roster-item{user-select:none;touch-action:none}.roster-item img{-webkit-user-drag:none}
.computer-option{margin-top:16px;padding-top:14px;border-top:1px solid #39525f}.computer-option .fine{margin-bottom:9px}.computer-option .rules-row label{font-size:10px}.computer-option select{font-size:11px}.computer-option .metal-button{flex-shrink:0}
.grid-cell.cell-selected{box-shadow:inset 0 0 0 2px #ffcf7b,0 0 7px #ffad4c55;background:#ffad4c24}.friendly .grid-cell.cell-selected{box-shadow:inset 0 0 0 2px #85dcff,0 0 7px #73cdf155;background:#65c4f124}.grid-cell.cell-selected.cell-invalid{box-shadow:inset 0 0 0 2px #ff7963;background:#ff6d5122}
@media(max-height:800px){.lobby-content{gap:12px;padding:12px 0}.lobby-controls .panel-content{padding:14px 18px}.computer-option{margin-top:12px;padding-top:10px}.computer-option .fine{margin-bottom:6px}}
/* Expanded tactical desk: roster, target console, and eight visible tools. */
.battle-layout{grid-template-columns:126px minmax(0,1.1fr) minmax(0,1fr);gap:12px}
.battle-legend{font-size:9px;color:#9eb8c2;letter-spacing:.5px}.combat-top{height:55px}
.enemy-roster{display:flex;flex-direction:column;gap:8px;min-height:0}.enemy-roster>.fine{font-size:9px;text-align:center;line-height:1.4}.enemy-roster .squad-rail-title{color:#d9b079;font-size:10px;letter-spacing:1.1px}
.enemy-unit{flex:1;min-height:0;display:grid;grid-template-columns:1fr 40px;grid-template-rows:minmax(0,1fr) auto;align-items:center;background:linear-gradient(145deg,#372c20,#111b22 70%);border:1px solid #786346;padding:8px;box-shadow:inset 0 0 0 3px #11171c}
.enemy-unit .portrait{grid-column:1/-1;width:100%;height:100%;min-height:0;max-height:66px;object-fit:contain}.enemy-unit h3{font-size:11px;letter-spacing:1px;color:#e7c18a}.enemy-unit small{font-size:8px;color:#b49b7d}.enemy-unit .shape-pixels{margin:0;justify-self:end;gap:2px}.enemy-unit .shape-pixels i{background:#e4b874;width:7px;height:7px}.enemy-unit .shape-pixels i.empty{background:transparent}.enemy-unit.dead{opacity:.45;filter:grayscale(1)}
.target-console{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:69px;padding:9px 12px;border-top:1px solid #49515a;background:#151e24}.target-console>div{min-width:0}.target-console #target-readout{font-size:11px;letter-spacing:1px;color:#ffe0a0}.target-console p{font-size:10px;color:#8eabb9;line-height:1.35;margin-top:6px}.fire-button{min-width:124px;padding:13px 14px;font-size:13px;letter-spacing:1.3px;flex-shrink:0}.fire-button svg{width:19px;height:19px}
.scan-chips{padding:0 12px 7px;min-height:7px;gap:6px;flex-wrap:wrap;background:#151e24}.scan-chip{font-size:9px;padding:4px 6px}.board-heading{font-size:12px;letter-spacing:2px;height:35px}.board-footer{font-size:9px;letter-spacing:.5px;height:31px;padding:0 10px}
.squad-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px;min-height:64px}.squad-card{padding:7px 5px;box-shadow:inset 0 0 0 2px #0b1419}.squad-card h3{font-size:9px;letter-spacing:.5px;margin:0}.hull-bars{gap:2px;margin:6px 0 4px}.hull-text{font-size:8px;letter-spacing:0}
.support-dock{grid-template-columns:repeat(8,minmax(0,1fr));max-width:none;gap:7px;padding:9px 0 5px}.weapon{padding:12px 7px;gap:6px;min-width:0;clip-path:none;border-radius:3px}.weapon svg{width:20px;height:20px}.weapon strong{font-size:10px;letter-spacing:.4px;white-space:nowrap}.weapon small{font-size:8px;letter-spacing:0;line-height:1.25;display:block;white-space:normal;min-height:20px}.weapon kbd{font-size:8px;right:4px;top:3px;padding:0 3px}.weapon.depleted{opacity:.55}.weapon-guide{min-height:29px;font-size:11px;color:#c6c4b2;line-height:1.4;padding:3px 3px 0}.combat-footer{height:24px;font-size:9px}.command-description{max-width:850px}
.roster-item{display:block;padding:0;cursor:default;min-height:0}.roster-item.excluded{opacity:1;border-color:#42505b;background:#162029}.roster-item.included{border-color:#438879;background:linear-gradient(120deg,#24483f,#152b30);box-shadow:inset 3px 0 #7ce1b8}.roster-item.selected{border-color:#eec27c;box-shadow:inset 3px 0 #f0bc65}.roster-choice{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) 49px;gap:5px;align-items:center;text-align:left;padding:6px;background:transparent}.roster-choice .portrait{width:52px;height:47px;object-fit:contain}.roster-name,.roster-role,.roster-cost{display:block}.roster-name{font-size:11px}.roster-role{font-size:9px}.roster-cost{font-size:9px}.roster-toggle{width:auto;height:auto;display:block;font-size:8px;padding:7px 3px;text-align:center;letter-spacing:.3px;border-radius:3px}.roster-toggle.add{color:#c5e9fc;background:#29495d;border-color:#6390ac}.roster-toggle.remove{color:#c8ffdf;background:#225f49;border-color:#66b18d}.roster-place{display:block;width:100%;font-size:9px;letter-spacing:.7px;padding:6px;background:#12292d;color:#a4d6cf;border-top:1px solid #35584e}.selected .roster-place{background:#654629;color:#ffe0aa}.roster-list{display:flex;flex-direction:column;gap:7px}.roster-item{flex-shrink:0}
.grid-cell.cell-scanned{background:#6bced014;box-shadow:inset 0 0 0 1px #77cbd438}.grid-cell.cell-contact:after{content:'';position:absolute;left:37%;top:37%;width:26%;height:26%;border:2px solid #87eff6;background:#306b7388;transform:rotate(45deg);box-shadow:0 0 5px #71dce8;pointer-events:none}
.grid-cell.cell-hit{background:radial-gradient(ellipse at center,#fd661e55,#85240d20 55%,transparent);box-shadow:inset 0 0 0 1px #ff8046a0;overflow:hidden}.grid-cell.cell-hit:after{content:'';position:absolute;width:24%;height:45%;left:39%;bottom:25%;border-radius:65% 30% 60% 40%;background:linear-gradient(0deg,#ffdf72,#ff661b 65%,#a2220800);filter:drop-shadow(0 0 3px #ff6924);transform-origin:bottom;animation:cell-flame .85s ease-in-out infinite alternate;pointer-events:none}.grid-cell.cell-hit:before{content:'';position:absolute;width:35%;height:28%;left:34%;top:15%;border-radius:50%;background:#8390978c;filter:blur(2px);animation:cell-smoke 2.2s ease-out infinite;pointer-events:none}
@keyframes cell-flame{from{transform:scale(.85,.75) rotate(-7deg);opacity:.8}to{transform:scale(1.12,1.08) rotate(7deg);opacity:1}}@keyframes cell-smoke{0%{transform:translate(0,18%) scale(.65);opacity:0}25%{opacity:.55}100%{transform:translate(10%,-65%) scale(1.3);opacity:0}}
.grid-cell.cell-selected{box-shadow:inset 0 0 0 2px #ffcf7b,0 0 7px #ffad4c55;background:#ffad4c24}.grid-cell.cell-selected.cell-invalid{box-shadow:inset 0 0 0 2px #ff7963}
@media(max-width:1100px){.battle-layout{grid-template-columns:100px minmax(0,1fr) minmax(0,1fr);gap:8px}.support-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.weapon{padding:6px 9px;justify-content:flex-start}.weapon small{min-height:0}.battle-legend{display:none}.enemy-unit{padding:6px;grid-template-columns:1fr 31px}.enemy-unit h3{font-size:9px}.fire-button{min-width:104px}.target-console p{font-size:9px}.deploy-layout{grid-template-columns:235px minmax(270px,1fr) 178px}}
.deploy-brief{min-height:0;gap:10px}.deploy-brief>.panel:first-child{flex:1;min-height:0;display:flex;flex-direction:column}.deploy-brief>.panel:last-child{flex-shrink:0}.deploy-brief .panel-title{flex-shrink:0}.deploy-brief #chassis-info{overflow:auto;min-height:0}.deploy-footer{flex-shrink:0}.deploy-brief .brief-shape{height:90px}.deploy-brief .deploy-description{margin-bottom:9px}
body.reduced-motion .cell-hit:before,body.reduced-motion .cell-hit:after{animation:none!important}body.reduced-motion .cell-hit:before{opacity:.3}
@media(prefers-reduced-motion:reduce){.cell-hit:before,.cell-hit:after{animation:none!important}.cell-hit:before{opacity:.3}}
/* Six-unit command desk and deployment economy. */
.budget-summary{flex-shrink:0;padding:12px 15px;background:linear-gradient(120deg,#4e3b20,#211e18);border-bottom:1px solid #b59353;color:#f1d7a0;box-shadow:inset 0 0 25px #e6a43412}.budget-number{display:flex;align-items:center;gap:13px}.budget-number strong{font-size:44px;line-height:1;font-weight:600;color:#ffdf95;font-variant-numeric:tabular-nums}.budget-number span{font-size:11px;line-height:1.6;letter-spacing:1.5px}.budget-summary p{font-size:10px;margin:6px 0;color:#e4c996}.budget-detail{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.5px}.budget-summary small{display:block;font-size:9px;color:#a99d84;margin-top:6px}.budget-track{height:4px;background:#110f0b;margin-top:10px}.budget-track i{display:block;height:100%;background:#e7b654;transition:width .2s}.budget-summary.complete{background:linear-gradient(120deg,#224b3c,#152e2a);border-color:#65be9d}.budget-summary.complete .budget-number strong{color:#acffce}.budget-summary.invalid{border-color:#e17c63}.budget-summary.invalid .budget-detail{color:#ff9c83}
.placement-receipt{position:absolute;left:50%;top:65%;transform:translate(-50%,-50%);z-index:7;min-width:290px;text-align:center;padding:19px 28px;border:1px solid #ddb877;background:linear-gradient(135deg,#392d1beb,#121a21ed);box-shadow:0 12px 40px #0009;pointer-events:none;opacity:0;visibility:hidden}.placement-receipt strong{display:block;font-size:27px;color:#ffdb95;letter-spacing:2px}.placement-receipt span{display:block;font-size:16px;color:#d7e7e8;margin-top:7px}.placement-receipt.show{visibility:visible;animation:receipt-fade 3s both}@keyframes receipt-fade{0%{opacity:0;transform:translate(-50%,-40%)}12%,75%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-60%)}}.under-budget-count{display:flex;align-items:center;gap:16px;font-size:50px;color:#ffd585;margin-bottom:18px}.under-budget-count span{font-size:12px;letter-spacing:2px}
.battle-layout{grid-template-columns:120px minmax(0,1.1fr) 34px minmax(0,1fr);gap:8px;position:relative}.enemy-roster{gap:5px}.enemy-unit{padding:5px 7px}.enemy-unit .portrait{max-height:54px}.squad-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;min-height:92px;gap:4px;padding:5px}.squad-card{padding:4px 6px}.hull-bars{margin:4px 0 3px}
.board-panel{transition:border-color .25s,box-shadow .25s}.board-panel.friendly.active-side{border-color:#8dccda;box-shadow:inset 0 0 0 3px #182d36,inset 0 0 28px #68c8ef1a,0 0 13px #63bddb26}.board-panel.enemy-panel.active-side{border-color:#cfa466;box-shadow:inset 0 0 0 3px #302719,inset 0 0 28px #ffb34516,0 0 13px #d59c4e26}.friendly.active-side .board-heading{background:linear-gradient(110deg,#214552,#192b33)}.enemy-panel.active-side .board-heading{background:linear-gradient(110deg,#493822,#2c2720)}
.comms-hub{position:relative;display:flex;align-items:center;justify-content:center;z-index:12}.comms-trigger{display:grid;place-content:center;width:34px;height:45px;border:1px solid #71909d;border-radius:4px;background:linear-gradient(#304852,#172730);box-shadow:0 3px 10px #0008;color:#c3e8ed}.comms-trigger svg{width:20px;height:20px}.comms-trigger[aria-expanded=true]{border-color:#e2bb75;color:#ffe2a4}.comms-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:344px;padding:16px;background:linear-gradient(145deg,#263a46,#10202b);border:1px solid #97b3be;box-shadow:0 15px 60px #000b;border-radius:4px}.comms-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#d8e8ed;margin-bottom:12px}.comms-title button{background:none;font-size:24px;color:#a4bec9}.emoji-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.emoji-options button{font-size:27px;height:49px;border:1px solid #526d7b;background:#1a303c;border-radius:3px}.message-options{display:grid;gap:6px}.message-options button{font-size:12px;text-align:left;padding:10px 12px;border:1px solid #405c6b;border-radius:3px;background:#172c38;color:#d2e1e7}.message-options button:hover,.emoji-options button:hover{border-color:#c9a767;background:#364544}.comms-panel>small{display:block;font-size:9px;color:#86a4b2;margin-top:12px}
.incoming-comms{position:absolute;left:50%;top:72px;transform:translateX(-50%);z-index:18;pointer-events:none;max-width:470px;min-width:230px;padding:15px 25px;background:linear-gradient(125deg,#213b49f5,#0b1d2bf5);border:1px solid #82b9cb;box-shadow:0 10px 35px #0009;text-align:center;opacity:0;visibility:hidden}.incoming-comms small{display:block;font-size:10px;letter-spacing:2px;color:#88bacb;margin-bottom:7px}.incoming-comms strong{font-size:21px;line-height:1.4;color:#edf5f8;font-weight:500}.incoming-comms.show{visibility:visible;opacity:1;animation:incoming-fade 4.6s both}@keyframes incoming-fade{0%,82%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-6px)}}
.damage-fire{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.grid-cell.cell-hit:before,.grid-cell.cell-hit:after{content:none;animation:none!important}.grid-cell.cell-hit{background:radial-gradient(ellipse at center,#3c1b0990,#170f0760 45%,transparent 75%);box-shadow:inset 0 0 0 1px #a4613d8c}.sound-preview{display:flex;gap:6px;flex-wrap:wrap}.sound-preview>span{width:100%;font-size:10px;color:#99b3bf;letter-spacing:1.5px}.sound-preview .metal-button{padding:8px 10px;font-size:10px}.grid-cell.cell-selected{box-shadow:inset 0 0 0 2px #ffcf7b,0 0 7px #ffad4c55}
body.reduced-motion .placement-receipt.show,body.reduced-motion .incoming-comms.show{opacity:1;animation:none!important}body.reduced-motion .board-panel{transition:none}
@media(prefers-reduced-motion:reduce){.placement-receipt.show,.incoming-comms.show{opacity:1;animation:none!important}}
@media(max-width:1100px){.battle-layout{grid-template-columns:100px minmax(0,1fr) 30px minmax(0,1fr);gap:6px}.comms-trigger{width:30px}.budget-number strong{font-size:36px}.budget-summary{padding:10px 12px}}