:root{--panel:#101d29;--line:#29434e;--muted:#9cafbd}
body{background-color:#070f19}header{height:70px;background:#09131ee8}.brand small{letter-spacing:1px}.intro{margin-bottom:20px}.intro h1{font-size:30px}.intro p{letter-spacing:1px}.top{gap:7px}.top button{padding:9px 11px;font-size:11px}
.multiplayer{background:linear-gradient(115deg,#133439aa,#101f2d);border-color:#375761}.room-actions{flex-wrap:wrap}#inviteFriend{border-color:#74968b;color:#bcf1d9}.room-actions input{text-transform:uppercase}
.fleet-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2a424c;border:1px solid #2a424c;border-radius:7px;overflow:hidden;margin:17px 0}.fleet-overview>div{padding:13px 17px;background:#101e2b}.fleet-overview small{display:block;color:#a4b7bf;font-size:10px;letter-spacing:.6px}.fleet-overview strong{font-size:22px;font-weight:500;display:block;margin-top:4px;color:#d8f0ec}.fleet-overview em{font-size:10px;color:#9bafbb;font-style:normal}
.battle-report{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:0 0 15px;padding:12px 17px;background:#202c37;border:1px solid #4d6473;border-radius:6px;font-size:11px}.battle-report strong{white-space:nowrap;color:#dfedee}.battle-report span{color:#aebfc8;line-height:1.7}.battle-report.victory{border-color:#4e8e74;background:#15382b80}.battle-report.defeat{border-color:#9b6b52;background:#482d2270}.battle-report[hidden]{display:none}
.layout{grid-template-columns:minmax(0,1fr) 245px;gap:15px}.arena{border-color:#345460}.arena-top{font-size:11px}.board-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:#10222e;border-top:1px solid #263f4c;font-size:10px;color:#a8c0cb}.board-tools>span{margin-right:auto;letter-spacing:1px}.board-tools b{font-weight:500;color:#8ee3cd;margin-left:5px}.board-tools label{display:flex;align-items:center;gap:6px}.board-tools input[type=range]{width:90px;accent-color:#8de3cd}.board-tools input[type=checkbox]{accent-color:#8de3cd}.board-tools button{font-size:10px;padding:5px 8px}.board-tools output{min-width:28px}
.board-scroll{max-height:650px;scrollbar-color:#48606c #10202c;border-top:1px solid #38535d;border-bottom:1px solid #38535d;overscroll-behavior:contain}.battlefield{--cell-size:20px;width:calc(60 * var(--cell-size));height:calc(20 * var(--cell-size));min-width:0;aspect-ratio:auto;grid-template-columns:repeat(60,var(--cell-size));grid-template-rows:repeat(20,var(--cell-size));gap:0}.tile{border-color:#7199ad17}.tile.resource-tile{color:#dfd395;background:radial-gradient(circle,#b3924430,transparent 80%);text-shadow:0 0 7px #d9a43b}.board-unit{transition:filter .15s}.board-unit:hover{z-index:8;filter:brightness(1.4);outline:1px solid #d8f4e7}.unit-name{background:#06111be6!important}.unit-health{height:4px}.income-badge{font-size:7px}.board-unit img{filter:contrast(1.1)}
.unit-range-layer{position:relative;z-index:4;pointer-events:none;overflow:hidden}.unit-range-layer svg{position:absolute;inset:0;width:100%;height:100%}.unit-range-layer circle{fill:#b3dd9b0b;stroke:#a1d8889c;stroke-width:.6;stroke-dasharray:3 2}.unit-range-layer text{fill:#ceefb4;font-size:4px;text-anchor:middle;paint-order:stroke;stroke:#122420;stroke-width:.6}.command-pulse{fill:#8affd111;stroke:#aaffdf;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:command-wave .45s ease-out both}@keyframes command-wave{from{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0}}
.tactical-controls{gap:10px;background:linear-gradient(100deg,#152e35,#111f2b)}.tactical-controls #end{border-color:#8cc5ac;font-weight:600}.tactical-controls #buyCard{border-color:#7e7756;color:#efdb9d}.round-score{font-size:10px}.selection p{font-size:11px}.selection strong{font-size:13px}.forecast{font-size:11px;min-height:42px}.legend{font-size:9px;line-height:1.6}
.hand-title{align-items:center;margin-top:24px}.hand-title h2{font-size:19px}.hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;max-height:680px;overflow:auto;padding:10px 4px 12px;align-items:stretch;min-height:180px;scrollbar-color:#48606c #10202c}.hand-item{min-width:0;gap:5px}.hand-item>.card{height:auto;flex:1}.card .art{height:115px}.card .label{padding:11px}.card .type{font-size:9px;letter-spacing:.3px}.card h3{font-size:13px;min-height:38px;margin-top:5px}.card p{height:auto;min-height:60px;font-size:11px;line-height:1.7;margin:8px 0}.card .stats{font-size:11px;gap:5px;flex-wrap:wrap}.recycle-card{padding:8px;font-size:10px}.card:disabled{opacity:.68;filter:saturate(.65)}.card:disabled .cost{color:#e4c57d}.card:focus-visible{outline:2px solid #d8f7e5;outline-offset:1px}.hand-empty{padding:35px;color:#9cafbd;font-size:12px;grid-column:1 / -1;text-align:center;border:1px dashed #36535d;border-radius:6px}#handTabs button{font-size:11px;padding:8px 12px}#log{max-height:440px;font-size:11px}.entry{line-height:1.75}aside{align-self:start;position:sticky;top:15px}.tips p{font-size:11px;line-height:1.9}
.board-focus main{max-width:none}.board-focus header,.board-focus .intro,.board-focus .multiplayer,.board-focus .fleet-overview,.board-focus aside{display:none}.board-focus .layout{grid-template-columns:1fr}.board-focus .board-scroll{max-height:75vh}.board-focus .board-tools:after{content:'使用顶部“退出专注”恢复全界面';color:#a8bdc7}.board-focus header{display:flex;height:48px}.board-focus .brand,.board-focus #galleryButton,.board-focus #rules,.board-focus #restart{display:none}.board-focus header{justify-content:flex-end}.board-focus main{padding-top:10px}.board-focus .hand-title{margin-top:15px}
@media(max-width:1250px){.layout{grid-template-columns:1fr}aside{display:none}.fleet-overview strong{font-size:20px}}
@media(max-width:700px){header{height:auto;min-height:64px;padding:12px 3%;gap:10px;align-items:flex-start}.brand{font-size:12px;letter-spacing:1px}.mark{font-size:24px}.top{gap:5px;justify-content:flex-end;flex-wrap:wrap}.top button{padding:6px;font-size:10px}.intro h1{font-size:25px}.fleet-overview{grid-template-columns:repeat(2,1fr)}.fleet-overview>div{padding:11px}.fleet-overview strong{font-size:19px}.board-tools{gap:8px;padding:8px}.board-tools>span{width:100%}.board-tools input[type=range]{width:80px}.tactical-controls{position:sticky;bottom:0;z-index:9}.tactical-controls #end{width:auto;margin-left:auto}.tactical-controls strong{font-size:18px}.battle-report{align-items:flex-start;flex-direction:column;gap:5px}.hand{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card .art{height:95px}.card .label{padding:8px}.card p{font-size:10px;min-height:72px}.card h3{font-size:11px}.hand-title{gap:10px}.hand-title h2 span{font-size:10px}#handTabs button{font-size:10px;padding:7px 9px}.legend{font-size:8px}.selection-actions{width:100%}.selection-actions button{font-size:10px}.round-score{font-size:9px}.forecast{font-size:10px}}
@media(prefers-reduced-motion:reduce){.command-pulse{animation:none;opacity:.5}}