@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{font-family:Chakra Petch,Arial,sans-serif;color:#eaf7ff;background:#050c19;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid #72e8ff;outline-offset:2px}.app{min-height:100vh;position:relative;overflow:hidden;background:#03060c}.app:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#01040a4d,#01040aa8),url(/assets/backgrounds/void-environment/void.png) center / cover no-repeat;image-rendering:pixelated}.stars{position:absolute;top:0;bottom:0;left:0;width:calc(100% + 720px);pointer-events:none;opacity:.5;background:url(/assets/backgrounds/void-environment/stars-far.png) left top / 720px 720px repeat;will-change:transform;animation:star-drift 180s linear infinite}.stars:after{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(100% + 720px);background:url(/assets/backgrounds/void-environment/stars-near.png) 180px 120px / 720px 720px repeat;opacity:.55;will-change:transform;animation:star-drift-near 140s linear infinite}@keyframes star-drift{to{transform:translate3d(-720px,0,0)}}@keyframes star-drift-near{to{transform:translate3d(-720px,0,0)}}.topbar,footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(20px,4vw,64px);border-bottom:1px solid #244057;background:#061021d9}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #67e8ff;color:#73e8ff;box-shadow:inset 0 0 17px #1b9ece44,0 0 20px #2089c344;font:700 17px Space Mono}.brand strong{display:block;font-size:20px;letter-spacing:.09em}.brand em{font-style:normal;color:#66e8fc}.brand small{display:block;color:#6b98ae;font:10px Space Mono;letter-spacing:.17em}.top-right{display:flex;align-items:center;gap:10px}.fleet-art-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.fleet-art-controls button{padding:7px 9px;border:1px solid #375b70;background:#0c2131;color:#91afbf;font:700 10px Space Mono;letter-spacing:.08em}.fleet-art-controls button[aria-pressed=true]{border-color:#d371f4;color:#f4caff;background:#39214c;box-shadow:0 0 12px #b12cdd55}.fleet-art-controls .flagship-choice{color:#e1a9f3}.vesper-gallery{position:relative;z-index:6;margin:8px max(18px,3vw) 0;padding:10px 14px;border:1px solid #4a655d;background:#101d23;color:#e7d8b5;font:11px Space Mono}.vesper-gallery summary{cursor:pointer;font-weight:700}.vesper-gallery p{color:#a2bbad}.vesper-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px}.vesper-gallery-grid>div{display:grid;justify-items:center;gap:3px;padding:6px;background:#172830;border:1px solid #36564e}.vesper-gallery-grid img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated}.vesper-gallery-grid small{color:#87aa9c;text-align:center}.mode-tag,.room-tag,.eyebrow{font:700 11px Space Mono,monospace;letter-spacing:.13em;color:#73d9ee}.mode-tag,.room-tag{border:1px solid #2d5265;padding:8px 10px;background:#0d2031}.mode-tag.live{color:#8effce}.room-tag{color:#c4d3e2}.landing{position:relative;z-index:1;max-width:1440px;margin:auto;min-height:calc(100vh - 120px);display:grid;grid-template-columns:1.03fr 1fr;align-items:center;padding:30px clamp(24px,5vw,75px)}.hero-copy{padding:45px 0}.eyebrow{margin:0 0 14px}.hero-copy h1{font-size:clamp(64px,8vw,130px);line-height:.88;letter-spacing:-.065em;margin:0 0 30px;text-shadow:0 7px 0 #102338}.hero-copy h1 span{color:#70e4f8}.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.5;color:#acbed0;max-width:580px}.feature-line{display:flex;flex-wrap:wrap;gap:8px;margin:29px 0 36px}.feature-line span{border:1px solid #31536a;color:#91d4e5;padding:9px 11px;font:11px Space Mono}.field{display:block;font:11px Space Mono;letter-spacing:.1em;color:#80aabd;max-width:470px}.field input,.join-line input{display:block;width:100%;margin-top:8px;color:#fff;background:#0b1b2d;border:1px solid #3a6980;padding:15px 16px;border-radius:0}.entry-actions{max-width:470px}.entry-actions .primary{margin-top:14px;width:100%;justify-content:space-between;font-size:17px}.join-line{display:flex;gap:8px;margin-top:10px}.join-line input{margin:0;width:50%;text-transform:uppercase;letter-spacing:.15em}.join-line button{flex:1}.demo-note{font-size:13px!important;color:#7595a8!important}.hero-visual{min-height:560px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px solid #3a89ac5c;border-radius:50%;transform:rotateX(67deg) rotate(-18deg)}.orbit-one{width:95%;height:85%;box-shadow:0 0 35px #1686bd33,inset 0 0 35px #1686bd33}.orbit-two{width:67%;height:60%;border-style:dashed;animation:orbit 32s linear infinite}@keyframes orbit{to{transform:rotateX(67deg) rotate(342deg)}}.ship-art{object-fit:contain;image-rendering:pixelated}.hero-ship{position:relative;z-index:2;width:min(85%,610px);height:440px;filter:drop-shadow(0 20px 26px #02060d) drop-shadow(0 0 28px #36b7f055);animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-15px)}}.visual-label{position:absolute;bottom:16%;right:5%;font:12px Space Mono;letter-spacing:.15em;color:#6ac7e8}.hero-visual{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:650px;padding:24px;border:1px solid #2b5065;background:linear-gradient(155deg,#10253aeb,#091421de 62%,#150f25e8);box-shadow:inset 0 0 50px #4ecff00d,0 26px 60px #02060e66;overflow:hidden}.showcase-top{position:relative;z-index:3}.showcase-top .eyebrow{display:block;margin-bottom:12px}.race-select{display:flex;gap:8px}.race-select button{flex:1;padding:11px 12px;border:1px solid #3b6579;color:#a5c7d5;background:#102334;font:700 12px Space Mono;letter-spacing:.08em}.race-select button[aria-pressed=true]{border-color:#d27df2;color:#f5c8ff;background:#3a2150;box-shadow:0 0 18px #b12cdd55}.showcase-top p{margin:11px 0 0;color:#88a8b9;font-size:12px;line-height:1.4}.showcase-stage{position:relative;display:grid;place-items:center;flex:1;min-height:0;padding:18px 0 12px}.showcase-field{width:min(100%,370px);padding:10px 12px 12px 6px;border:1px solid #37657c;background:linear-gradient(155deg,#071522e8,#0a2031c9);box-shadow:0 16px 32px #0006,inset 0 0 24px #3abfe015}.showcase-field-label{display:block;margin:0 0 7px 20px;color:#8bd6eb;font:10px Space Mono;letter-spacing:.1em}.showcase-field .axis-top{margin-bottom:3px}.showcase-field .board-row{align-items:stretch}.showcase-field .showcase-board{flex:1;min-width:0}.showcase-cell{cursor:crosshair;touch-action:manipulation}.showcase-cell:hover,.showcase-cell:focus-visible{background:#69d9f026;outline:1px solid #82e7fc;outline-offset:-1px}.showcase-cell.showcase-occupied{background:#70e2cf1a;box-shadow:inset 0 0 0 1px #80e5d966}.showcase-note{align-self:center;max-width:390px;margin:10px 0 0;color:#9ccbbf;font:10px/1.5 Space Mono;text-align:center}.showcase-bottom{position:relative;z-index:3;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:center}.showcase-arrow{height:48px;padding:0;border:1px solid #42738a;color:#a7e8f4;background:#102c3e;font:28px/1 Space Mono}.showcase-name{display:flex;flex-direction:column;min-width:0;text-align:center}.showcase-name span,.showcase-name small{color:#78a9bd;font:10px Space Mono;letter-spacing:.1em}.showcase-name strong{overflow:hidden;color:#f3faff;font-size:clamp(20px,2.7vw,30px);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.showcase-flagship{position:relative;z-index:3;align-self:center;margin-top:12px;padding:7px 12px;border:1px solid #76458f;color:#eac0fb;background:#322142;font:10px Space Mono}.showcase-flagship:disabled{border-color:#365467;color:#8caebd;background:#142636}.showcase-preview-controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:15px}.showcase-preview-controls>span,.showcase-preview-controls button{min-height:33px;padding:7px 9px;border:1px solid #35576b;background:#0b2130;color:#a9d9e8;font:10px Space Mono;letter-spacing:.05em}.showcase-preview-controls button{cursor:pointer}.showcase-preview-controls button:disabled{opacity:.38;cursor:default}.showcase-preview-controls .showcase-projectile{display:inline-flex;align-items:center;gap:7px}.showcase-projectile img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.showcase-index{position:relative;z-index:3;display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:17px}.showcase-index button{min-width:32px;min-height:35px;padding:4px;border:1px solid #35576b;color:#7faabb;background:#0a1b2a;font:10px Space Mono}.showcase-index button[aria-pressed=true]{border-color:#73dfef;color:#081821;background:#73dfef}.hero-visual button:focus-visible{outline:2px solid #fff;outline-offset:3px}.game-shell{position:relative;z-index:1;max-width:1650px;margin:auto;padding:28px clamp(18px,3vw,55px) 60px}.phase-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.phase-header h1{font-size:clamp(26px,3vw,45px);line-height:1;margin:0;letter-spacing:.035em}.phase-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:11px Space Mono;color:#809caf}.phase-meta b{color:#d6f5ff}.leave-game{padding:7px 10px;font-size:10px;color:#ffd4b9;border-color:#875d59;background:#2a1b24}.view-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-7px 0 22px;color:#80a9bf;font:10px Space Mono;letter-spacing:.07em}.view-toolbar button{min-width:36px;padding:7px 11px;font-size:11px}.view-toolbar button[aria-pressed=true]{border-color:#79e9ff;color:#e7fbff;background:#155171;box-shadow:0 0 12px #46c9ee44}.view-toolbar-label{margin-left:14px}.view-toolbar output{min-width:40px;text-align:center;color:#d8f8ff}.panel{background:linear-gradient(145deg,#102239ed,#0a182adf);border:1px solid #31526b;box-shadow:0 12px 35px #0005,inset 0 1px #8ce4ff0c;padding:20px}.panel h2{margin:0 0 11px;font-size:30px}p{line-height:1.45}button{border:1px solid #37637b;background:#122b40;color:#bce8f4;padding:11px 14px;font-size:12px;font-weight:700;letter-spacing:.06em;transition:background .17s,border-color .17s,transform .17s}button:not(:disabled):hover{background:#1d4860;border-color:#78dfff;transform:translateY(-1px)}button.primary{display:inline-flex;align-items:center;justify-content:center;background:#68e0f4;color:#072033;border-color:#9df3ff;box-shadow:0 5px #1a7d9e,0 0 25px #53ccf644}button.primary:hover{background:#a4f5ff}.full{width:100%}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%);padding:13px 18px;background:#143b46;border:1px solid #6deade;color:#d9ffff;max-width:90vw}.toast.error{background:#3d1927;border-color:#ff788d;color:#ffe0e5}.lobby-panel{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;min-height:500px;align-items:center}.lobby-orbit{position:relative;display:grid;place-items:center;height:390px}.lobby-orbit img{width:80%;height:340px;z-index:2;filter:drop-shadow(0 0 20px #50cef15c)}.lobby-orbit .orbit{width:85%;height:90%}.lobby-panel p:not(.eyebrow){color:#9cb5c7}.roster{display:grid;gap:9px;margin:26px 0}.roster>div{display:flex;align-items:center;gap:20px;background:#0b1c2e;border:1px solid #2d5166;padding:15px}.roster span{color:#61cce8;font:13px Space Mono}.roster b{flex:1}.roster small{font:10px Space Mono;color:#9bdcbb}.lobby-actions{display:flex;flex-wrap:wrap;gap:8px}.fleet-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 9px}.fleet-selection button{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;text-align:left;font-size:11px}.fleet-selection button[aria-pressed=true],.flagship-selection button[aria-pressed=true]{border-color:#77dffa;background:#16405a;box-shadow:inset 0 0 0 1px #77dffa55,0 0 12px #48d5ff33;color:#e7fcff}.fleet-selection img{flex:none;width:43px;height:36px;object-fit:contain;image-rendering:pixelated}.flagship-selection{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 18px;font:10px Space Mono;color:#94b9cb}.flagship-selection button{padding:7px 10px;font-size:10px}@media(max-width:550px){.fleet-selection{grid-template-columns:repeat(2,minmax(0,1fr))}}.draft-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 210px;gap:14px}.draft-center{min-width:0}.draft-side{align-self:start;min-height:250px}.draft-status{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:13px 17px;margin-bottom:13px;border:1px solid #4286a3;color:#a1c3d5;font:11px Space Mono;background:#122a3d}.draft-status strong{color:#75edff;font-size:14px}.draft-status span{margin-left:auto}.ship-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ship-card{display:flex;flex-direction:column;text-align:left;min-height:460px;padding:15px;background:linear-gradient(#153250,#0b1b2d);border-color:#47738a;letter-spacing:normal;box-shadow:inset 0 3px #60d4f9}.ship-card.taken{filter:grayscale(.7);box-shadow:none}.ship-card .ship-art{width:100%;height:135px;filter:drop-shadow(0 0 15px #56d9fb77)}.card-top{font:10px Space Mono;color:#8bc8d8}.ship-card h3{font-size:28px;margin:4px 0 0;color:#f0fbff}.ship-card .role{color:#69daf2;margin:0}.ship-card p:not(.role){font-size:12px;color:#a8bdcb;min-height:40px;margin:7px 0}.card-rule{font-size:11px;color:#b4cada;border-top:1px solid #284a5b;padding:6px 0}.card-rule b{display:block;font:9px Space Mono;color:#69c7de;margin-bottom:3px}.ship-card .pick{margin-top:auto;padding-top:12px;color:#82f1ff;font:12px Space Mono}.fleet-list{display:grid;gap:8px}.fleet-list>div{display:flex;align-items:center;gap:7px;background:#0c1e30;border:1px solid #274458;min-width:0;padding:5px}.fleet-list .ship-art{height:52px;width:60px;flex:none}.fleet-list b,.fleet-list small{display:block}.fleet-list b{font-size:13px}.fleet-list small{font:9px Space Mono;color:#779fb0;line-height:1.4}.placement-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,700px);gap:16px;justify-content:center}.placement-controls>p:not(.eyebrow){color:#9db5c6;font-size:14px}.placement-picks{display:grid;gap:7px;margin:20px 0}.placement-picks button{display:flex;align-items:center;width:100%;text-align:left;gap:10px}.placement-picks button.active,.abilities button.active,.jump-row button.active{border-color:#7bf0ff;background:#1c5067;color:#e5fbff}.placement-picks img{width:65px;height:55px}.placement-picks small{display:block;font:10px Space Mono;color:#7eafc0}.placement-controls>.primary{margin-top:13px}.board-panel,.own-panel,.enemy-panel{min-width:0;background:linear-gradient(145deg,#10223930,#0a182a1f);border-color:transparent;box-shadow:none}.board-head{display:flex;justify-content:space-between;gap:12px;font:11px Space Mono;color:#75dcef;margin-bottom:16px}.board-head span{color:#8ea8b9}.board-scene{position:relative;padding:0 7% calc(13px + var(--zoom-extra, 0px))}.board-wrap{max-width:620px;margin:auto;padding:0 8px 8px 0;--cell-size: min(8vw, 76px);transform:scale(var(--sector-zoom));transform-origin:center 45%;transition:transform .35s ease,filter .35s ease}.board-scene.depth .board-wrap{transform:perspective(1050px) rotateX(13deg) scale(var(--sector-zoom))}.board-scene.depth .board{border-color:transparent;box-shadow:none}.board-scene.depth .board-ship:before{content:"";position:absolute;z-index:0;left:25%;right:25%;top:56%;height:18%;border-radius:50%;background:#49cafa69;filter:blur(10px)}.board-scene.depth .board-ship .ship-frame{transform:translate(-50%,-50%) scaleY(var(--art-long-stretch));filter:drop-shadow(0 9px 5px #000b)}.board-scene.depth .board-ship.horizontal .ship-frame{transform:translate(-50%,-50%) scaleX(var(--art-long-stretch)) rotate(90deg)}@media(prefers-reduced-motion:reduce){.board-wrap{transition:none}.stars{animation:none}.stars:after{animation:none}}.board-axis{display:grid;color:#668fa8;font:11px Space Mono}.axis-top{grid-template-columns:repeat(var(--board-size),1fr);margin-left:20px;text-align:center}.axis-left{width:20px;grid-template-rows:repeat(var(--board-size),1fr);place-items:center}.board-row{display:flex}.board{position:relative;display:grid;grid-template-columns:repeat(var(--board-size),1fr);width:100%;aspect-ratio:1;border:1px solid transparent;overflow:hidden;background:transparent;image-rendering:pixelated}.board:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background-image:linear-gradient(to right,#5da8c62e 1px,transparent 1px),linear-gradient(to bottom,#5da8c62e 1px,transparent 1px);background-size:calc(100% / var(--board-size)) calc(100% / var(--board-size))}.cell{position:relative;z-index:1;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;background:transparent;border-radius:0;color:#e4faff;font:700 clamp(14px,2vw,30px) "Space Mono"}.cell:disabled{opacity:1;cursor:default}.cell:not(:disabled):hover{background:#69d9f026;transform:none;box-shadow:inset 0 0 0 2px #82e7fc}.cell.own-hull{background:transparent;box-shadow:none}.cell.hit{background:transparent}.cell.destroyed{background:transparent;box-shadow:none}.cell.miss,.cell.shield{background:transparent}.cell.scanned{box-shadow:inset 0 0 12px #73e6df33}.cell.scanned.occupied{background:#4ee1ba18}.cell.scan-region{box-shadow:inset 0 0 10px #70dfd12e}.scan-region-mark{position:relative;z-index:4;color:#70bdba;opacity:.8;font-size:.65em}.cell.target-first{outline:2px solid #ffe286;outline-offset:-3px}.shot-mark{position:relative;z-index:4;display:block;width:58%;height:58%}.shot-mark.miss-cross:before,.shot-mark.miss-cross:after{content:"";position:absolute;left:12%;top:calc(50% - 1px);width:76%;height:2px;border-radius:1px;background:#a8c7d7;box-shadow:0 0 5px #84bedc88}.shot-mark.miss-cross:before{transform:rotate(45deg)}.shot-mark.miss-cross:after{transform:rotate(-45deg)}.shot-mark.hit-core:before,.shot-mark.destroyed-core:before{content:"";position:absolute;inset:25%;background:#ff5c7d;transform:rotate(45deg);box-shadow:0 0 6px #ff4168,0 0 13px #ff416888}.shot-mark.hit-core:after{content:"";position:absolute;inset:10%;border:2px solid #ff7990;transform:rotate(45deg);box-shadow:0 0 7px #ff416888}.shot-mark.destroyed-core:before{content:"✦";inset:-20%;display:grid;place-items:center;color:#ffd393;background:none;transform:none;font:900 1.65em/1 Space Mono;text-shadow:0 0 8px #ff8e43,0 0 16px #ff8e43;box-shadow:none}.shot-mark.shield-diamond:before{content:"";position:absolute;inset:21%;border:2px solid #74caff;transform:rotate(45deg);box-shadow:0 0 5px #74caff88}.board-shot{position:absolute;z-index:3;display:grid;place-items:center;width:calc(100% / var(--board-size));height:calc(100% / var(--board-size));transform:translate(-50%,-50%);pointer-events:none;font:700 clamp(14px,2vw,30px) "Space Mono"}.intel-mark{z-index:4;color:#90e9cc;font-size:.55em}.drone-mark{position:absolute;z-index:5;top:5%;right:7%;font-size:.45em;color:#92ffc6}.board-ship{position:absolute;z-index:2;pointer-events:none;overflow:hidden}.board-ship.cross-footprint{clip-path:polygon(33.333% 0,66.667% 0,66.667% 33.333%,100% 33.333%,100% 66.667%,66.667% 66.667%,66.667% 100%,33.333% 100%,33.333% 66.667%,0 66.667%,0 33.333%,33.333% 33.333%)}.board-ship.crystal-ring-footprint{-webkit-mask-image:radial-gradient(ellipse 24% 24% at center,transparent 98%,#000 100%);mask-image:radial-gradient(ellipse 24% 24% at center,transparent 98%,#000 100%)}.board-ship.crystal-carrier-footprint.vertical{clip-path:polygon(0 0,33.333% 0,33.333% 50%,66.667% 50%,66.667% 0,100% 0,100% 100%,0 100%)}.board-ship.crystal-carrier-footprint.horizontal{clip-path:polygon(0 0,100% 0,100% 33.333%,50% 33.333%,50% 66.667%,100% 66.667%,100% 100%,0 100%)}.board-ship.sunk{isolation:isolate}.board-hint{font-size:11px;color:#7f9eaf;text-align:center;margin:12px 0 0;min-height:32px}.battle-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.2fr) minmax(270px,.85fr);gap:12px;align-items:start}.sector-switch{display:none}.own-panel,.enemy-panel{padding:14px}.battle-layout .board-wrap{max-width:100%}.turn-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:#0b2d3d;border:1px solid #256984;color:#b5f3ff;padding:9px;font:12px Space Mono;margin-bottom:15px}.turn-banner i{width:7px;height:7px;background:#83eaff;box-shadow:0 0 9px #83eaff}.turn-banner strong{color:#fff}.legend{display:flex;flex-wrap:wrap;gap:10px;font:9px Space Mono;color:#a4c3d2;margin:12px 0 0}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:14px;height:14px;display:inline-grid;place-items:center;font: 700 15px Space Mono}.showcase-cell.ring-open{background:#06101d;box-shadow:inset 0 0 0 1px #69dfffaa,inset 0 0 13px #47b9d640}.preview-free-cell{position:absolute;z-index:5;width:33.333%;height:33.333%;background:#06101d;box-shadow:inset 0 0 0 1px #69dfffaa,inset 0 0 13px #47b9d640}.legend .hit{color:#ff718f}.legend .destroyed{color:#ffc373}.legend .miss{color:#91adc0}.legend .shield{color:#6ebdfa}.legend .intel{background:#66e2b8;width:7px;height:7px}.battle-sidebar{display:grid;gap:12px}.ap-panel h2{font:700 48px Space Mono;color:#8af2ff;text-shadow:0 0 19px #5dd5f9;margin:0}.ap-panel h2 span{font-size:16px}.ap-panel p:not(.eyebrow){margin:0 0 12px;color:#8da8bb}.action-panel{padding:12px}.action-panel>.eyebrow{margin:2px 5px 12px}.action-ship{border:1px solid #29485c;margin-bottom:8px;background:#0a1a2b}.action-ship.selected{border-color:#64c6e5}.action-ship.destroyed{opacity:.48}.ship-select{display:flex;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:5px}.ship-select img{height:50px;width:55px}.ship-select b{display:block;font-size:13px}.ship-select small{display:block;color:#8daebe;font:9px Space Mono;line-height:1.5}.abilities{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:5px}.abilities>button{padding:8px 5px;font-size:9px}.jump-row{grid-column:1/-1;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.jump-row span{flex:1 0 95px;font:9px Space Mono;color:#89afc0}.jump-row button{padding:4px 8px}.info-panel{grid-column:3;color:#9ab5c7;font-size:12px}.info-panel .eyebrow{color:#66d1e8}.info-panel p{margin:6px 0}.log-title{margin-top:24px!important}.log-line{border-bottom:1px solid #2a4657;padding-bottom:5px}.result{text-align:center;max-width:950px;margin:20px auto;padding:40px}.result h2{font-size:clamp(70px,12vw,140px);letter-spacing:-.08em;color:#77e6f4;line-height:1;text-shadow:0 0 30px #50d5ff55}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0}.result-stats>div{background:#0a1d31;border:1px solid #2c5367;padding:20px}.result-stats strong{display:block;font:36px Space Mono;color:#80eeff}.result-stats span{font:9px Space Mono;color:#91aebd}.result-fleets{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;margin-bottom:30px}.result-fleets h3{font:11px Space Mono;color:#7ed8ec}.swap{padding:7px 10px;font-size:10px}footer{border-top:1px solid #244057;border-bottom:0;color:#658599;font:10px Space Mono;letter-spacing:.1em}.ship-frame{display:inline-grid;place-items:center;overflow:hidden;vertical-align:middle}.ship-frame .ship-art{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transform:scale(var(--ship-zoom, 1.8))}.ship-card .ship-frame{width:100%;height:135px}.fleet-list .ship-frame{height:52px;width:60px;flex:none}.placement-picks .ship-frame{width:65px;height:55px;flex:none}.ship-select .ship-frame{width:55px;height:50px;flex:none}.hero-visual>.hero-ship{width:min(85%,610px);height:440px}.lobby-orbit>.ship-frame{width:80%;height:340px;z-index:2}.board-ship{z-index:2}.board-ship .ship-frame{position:absolute;left:var(--art-left);top:var(--art-top);width:var(--art-width);height:var(--art-height);transform:translate(-50%,-50%) scaleY(var(--art-long-stretch))}.board-ship.horizontal .ship-frame{transform:translate(-50%,-50%) scaleX(var(--art-long-stretch)) rotate(90deg)}.board-ship.ferrak-footprint .ship-frame{transform:translate(-50%,-50%)}.board-ship.ferrak-footprint.horizontal .ship-frame{transform:translate(-50%,-50%) rotate(90deg)}.board-ship.ferrak-destroying .ship-frame{animation:ferrak-ship-breakup 1s ease-out both}@keyframes ferrak-ship-breakup{0%,28%{opacity:1;filter:brightness(1)}55%{opacity:.82;filter:brightness(2) sepia(1)}to{opacity:.08;filter:brightness(.5)}}.board-ship.sunk .ship-frame{opacity:.32;filter:grayscale(1) brightness(.6)}.app:is([data-art-mode=nyxari],[data-art-mode=veshari],[data-art-mode=vesper]) .board-ship.sunk .ship-frame{opacity:0}.combat-sprite{position:absolute;left:var(--art-left);top:var(--art-top);width:var(--art-width);height:var(--art-height);background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scaleY(var(--art-long-stretch));animation-name:combat-sprite-play;animation-fill-mode:both}.board-ship.horizontal .combat-sprite{transform:translate(-50%,-50%) scaleX(var(--art-long-stretch)) rotate(90deg)}.firing-layer{z-index:3}.muzzle-layer,.charge-layer,.boost-layer,.hit-layer{z-index:4}.shield-layer{z-index:4;filter:drop-shadow(0 0 9px #6be5ff)}@keyframes combat-sprite-play{0%{opacity:0;background-position:0 0}2%{opacity:1}98%{opacity:1}to{opacity:0;background-position:100% 0}}.board-vfx{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:6;color:#70e5ff;filter:drop-shadow(0 0 6px currentColor)}.battle-vfx.hit{color:#ff6680}.battle-vfx.destroyed{color:#ffcb71}.battle-vfx.shield{color:#69d9ff}.battle-vfx.miss{color:#95b7c9}.vfx-beam{stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:vfx-beam-flash .52s ease-out both}.vfx-flight{animation-name:vfx-flight;animation-timing-function:linear;animation-fill-mode:both}.vfx-projectile-sprite{opacity:0;image-rendering:pixelated;filter:drop-shadow(0 0 8px #e278ff);animation:vfx-bolt-flash .44s ease-out both}.vfx-impact-sprite{image-rendering:pixelated;filter:drop-shadow(0 0 9px #8deeff)}.vfx-muzzle{fill:#fff;stroke:currentColor;stroke-width:4;opacity:0;transform-box:fill-box;transform-origin:center;animation:vfx-muzzle-flash .26s ease-out both}.vfx-impact-core{fill:currentColor;opacity:0;transform-box:fill-box;transform-origin:center;animation:vfx-core-pop .43s ease-out both}.vfx-impact-ring,.vfx-destruction-ring{fill:none;stroke:currentColor;stroke-width:7;opacity:0;transform-box:fill-box;transform-origin:center;animation:vfx-ring-pop .56s ease-out both}.vfx-destruction-ring{stroke-width:11;animation-duration:.72s}@keyframes vfx-beam-flash{0%{opacity:0;stroke-dashoffset:1}15%{opacity:.95}75%{opacity:.85;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes vfx-flight{0%{transform:translate(0)}to{transform:translate(var(--flight-x),var(--flight-y))}}@keyframes vfx-bolt-flash{0%{opacity:0}14%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes vfx-muzzle-flash{0%{opacity:0;transform:scale(.25)}32%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.8)}}@keyframes vfx-core-pop{0%{opacity:0;transform:scale(.4)}25%{opacity:1}to{opacity:0;transform:scale(1.4)}}@keyframes vfx-ring-pop{0%{opacity:0;transform:scale(.2)}25%{opacity:.95}to{opacity:0;transform:scale(1.8)}}.destruction-layer{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;animation:engine-cycle 1s steps(8,end) forwards}.board-ship .destruction-layer{inset:auto;left:var(--art-left);top:var(--art-top);width:var(--art-width);height:var(--art-height);transform:translate(-50%,-50%) scaleY(var(--art-long-stretch))}.board-ship.horizontal .destruction-layer{transform:translate(-50%,-50%) scaleX(var(--art-long-stretch)) rotate(90deg)}.ship-layer{display:block;position:relative;width:auto;height:100%;max-width:100%;aspect-ratio:1;transform:translate(var(--ship-offset-x, 0%),var(--ship-offset-y, 0%)) scale(var(--ship-zoom, 1));image-rendering:pixelated}.ship-frame.ferrak-art .ship-layer{width:100%;height:100%;max-width:none;aspect-ratio:auto}.ship-frame.ferrak-art{display:block}.ship-frame.ferrak-art .ship-art{object-fit:contain}.board-ship.ferrak-footprint .ship-frame.ferrak-art .ship-art{object-fit:fill}.ship-layer .ship-art{transform:none;width:100%;height:100%}.damage-sheet-layer{position:absolute;inset:0;display:block;background-size:200% 100%;background-repeat:no-repeat}.app:is([data-art-mode=crystalline],[data-art-mode=scavenger],[data-art-mode=ferrak]) .ship-layer,.app:is([data-art-mode=crystalline],[data-art-mode=scavenger],[data-art-mode=ferrak]) .ship-art,.app:is([data-art-mode=crystalline],[data-art-mode=scavenger],[data-art-mode=ferrak]) .emission-layer,.app:is([data-art-mode=crystalline],[data-art-mode=scavenger],[data-art-mode=ferrak]) .engine-layer,.app:is([data-art-mode=crystalline],[data-art-mode=scavenger],[data-art-mode=ferrak]) .damage-sheet-layer,.app:is([data-art-mode=crystalline],[data-art-mode=scavenger],[data-art-mode=ferrak]) .combat-sprite,.app:is([data-art-mode=crystalline],[data-art-mode=scavenger],[data-art-mode=ferrak]) .destruction-layer{image-rendering:auto}.emission-layer{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none;image-rendering:pixelated}.engine-layer{position:absolute;inset:0;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;pointer-events:none;animation:engine-cycle 1s steps(7,end) infinite}.composite-idle-layer{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;animation:engine-cycle 1s steps(2,end) infinite}@keyframes engine-cycle{to{background-position:100% 0}}@keyframes destruction-grid-cycle{0%{background-position:0 0}49.999%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 100%}}.cell.hit .shot-mark,.board-shot.hit .shot-mark{animation:hit-pulse .5s steps(3,end)}.cell.shield .shot-mark,.board-shot.shield .shot-mark{animation:shield-pulse .65s steps(4,end)}.drone-mark{animation:drone-pulse 1s steps(3,end) infinite}@keyframes hit-pulse{50%{filter:drop-shadow(0 0 9px #ff829a)}}@keyframes shield-pulse{50%{transform:scale(1.8);filter:drop-shadow(0 0 10px #69c9ff)}}@keyframes drone-pulse{50%{opacity:.4;transform:translateY(-3px)}}@media(max-width:1200px){.draft-layout{grid-template-columns:1fr}.draft-side{min-height:0}.battle-layout{grid-template-columns:1fr 1fr}.battle-sidebar{grid-column:1/-1;grid-template-columns:220px 1fr}.info-panel{grid-column:1/-1}.own-panel{order:2}.enemy-panel{order:1}.battle-sidebar{order:3}.info-panel{order:4}}@media(max-width:800px){.topbar{padding:15px;flex-wrap:wrap}.top-right{font-size:10px;width:100%;justify-content:space-between;flex-wrap:wrap}.room-tag{display:none}.landing{grid-template-columns:1fr;min-height:0;padding:20px}.hero-copy{padding:25px 0}.hero-visual{min-height:0;grid-row:1;padding:18px}.race-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.race-select button:last-child:nth-child(odd){grid-column:1 / -1}.showcase-stage{padding:12px 0}.visual-label{bottom:0}.lobby-panel,.placement-layout{grid-template-columns:1fr}.lobby-orbit{height:210px}.lobby-orbit>.ship-frame{height:180px}.ship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ship-card{min-height:0}.ship-card .ship-frame{height:105px}.battle-layout{grid-template-columns:1fr}.battle-sidebar{grid-column:1;grid-template-columns:1fr}.info-panel{grid-column:1}.own-panel{order:2}.enemy-panel{order:1}.battle-sidebar{order:3}.info-panel{order:4}.phase-header{align-items:start;flex-direction:column}.result-stats{grid-template-columns:1fr 1fr}}@media(max-width:550px){.ship-grid{grid-template-columns:1fr}}@media(max-width:490px){.brand strong{font-size:14px}.brand-mark{width:36px;height:36px}.mode-tag{font-size:8px;padding:5px}.topbar{gap:8px}.hero-copy h1{font-size:58px}.hero-copy>p:not(.eyebrow){font-size:15px}.showcase-stage{padding:10px 0}.showcase-name strong{font-size:17px;line-height:1.1;white-space:normal;text-overflow:clip}.feature-line span{font-size:9px}.game-shell{padding:20px 10px}.panel{padding:12px}.own-panel,.enemy-panel{padding:8px}.result-fleets{grid-template-columns:1fr}.result-stats strong{font-size:27px}.board-axis{font-size:9px}}@media(max-width:800px){.battle-sidebar{order:1}.enemy-panel{order:2}.own-panel{order:3}.info-panel{order:4}}@media(max-width:1050px){.sector-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-8px 0 12px}.sector-switch button{padding:9px 10px;font:10px Space Mono}.sector-switch button[aria-pressed=true]{border-color:#7ae5ff;color:#e8fbff;background:#155171;box-shadow:inset 0 2px #8df0ff}.battle-layout{grid-template-columns:minmax(0,1fr)}.battle-layout .own-panel,.battle-layout .enemy-panel{grid-column:1;order:1}.battle-layout[data-active-sector=enemy] .own-panel,.battle-layout[data-active-sector=own] .enemy-panel{display:none}.battle-layout .battle-sidebar{grid-column:1;grid-template-columns:1fr;order:2}.battle-layout .info-panel{grid-column:1;order:3}}@media(orientation:landscape)and (max-height:600px)and (max-width:1050px){.in-battle footer{display:none}.topbar{padding:5px 12px}.brand-mark{width:30px;height:30px}.brand strong{font-size:14px}.brand small,.room-tag{display:none}.game-shell{padding:7px 10px 20px}.phase-header{align-items:center;flex-direction:row;margin-bottom:7px}.phase-header h1{font-size:21px}.phase-header .eyebrow{display:none}.phase-meta{font-size:9px}.view-toolbar{gap:4px;margin:0}.view-toolbar button{padding:4px 8px}.board-control-row.with-switch{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:7px}.sector-switch{margin:0}.sector-switch button{padding:5px 8px}.placement-layout{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);align-items:start;gap:8px}.placement-controls{max-height:calc(100dvh - 135px);overflow-y:auto;padding:8px}.placement-controls h2{font-size:20px;margin:5px 0}.placement-controls>p:not(.eyebrow){display:none}.placement-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:6px 0}.placement-picks button{flex-direction:column;gap:1px;padding:4px;font-size:10px}.placement-picks .ship-frame{width:36px;height:32px}.placement-picks small{font-size:8px}.placement-controls>.primary{margin-top:4px}.placement-layout .board-panel{padding:7px}.placement-layout .board-wrap{max-width:min(100%,calc(100dvh - 85px))}.placement-layout .board-scene{padding:0 3% calc(5px + var(--zoom-extra, 0px))}.placement-layout .board-head{margin-bottom:5px}.placement-layout .board-hint{min-height:0;margin-top:4px;font-size:9px}.battle-layout{grid-template-columns:minmax(0,1fr) minmax(190px,.8fr);align-items:start}.battle-layout .own-panel,.battle-layout .enemy-panel{grid-column:1;grid-row:1;padding:7px}.battle-layout .battle-sidebar{grid-column:2;grid-row:1;max-height:calc(100dvh - 145px);overflow-y:auto}.battle-layout .info-panel{grid-column:1 / -1;grid-row:2}.battle-layout .board-wrap{max-width:min(100%,calc(100dvh - 85px))}.battle-layout .board-scene{padding:0 3% calc(5px + var(--zoom-extra, 0px))}.battle-layout .board-head{margin-bottom:5px;font-size:9px}.battle-layout .turn-banner{padding:4px;margin-bottom:5px;font-size:10px}.battle-layout .board-hint,.battle-layout .legend{display:none}}.view-toolbar[hidden]{display:none}.battle-view-settings{position:relative;z-index:12}.view-settings-toggle{padding:7px 11px;font:10px Space Mono}.battle-view-settings .view-toolbar{position:absolute;top:calc(100% + 5px);left:0;z-index:12;min-width:270px;margin:0;padding:10px;border:1px solid #3b7893;background:#0b1d2df5;box-shadow:0 15px 30px #0009}.in-battle .topbar{padding-block:10px}.in-battle .phase-header{margin-bottom:12px}.battle-layout{grid-template-columns:minmax(230px,.9fr) minmax(290px,1.1fr) minmax(295px,.85fr)}.battle-layout .battle-hud{grid-column:3;position:sticky;top:12px;min-width:0;padding:10px;border:1px solid #426e85;border-radius:12px;background:linear-gradient(155deg,#132c3ef7,#091522f7);box-shadow:0 12px 35px #0007,inset 0 1px #7bc9e32b}.hud-rail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center}.hud-ap{display:flex;align-items:baseline;gap:3px;color:#86e9ff;font:700 28px Space Mono;text-shadow:0 0 12px #3db7e588}.hud-ap small{font-size:10px}.hud-end{min-height:42px;padding:6px 10px;border-color:#6ab3ca;background:#19445a;color:#e4faff;font:700 10px Space Mono;white-space:nowrap}.hud-ships{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hud-ship{display:flex;align-items:center;gap:3px;min-width:0;min-height:54px;padding:4px;border:1px solid #2e5166;background:#0b2030;text-align:left}.hud-ship.active{border-color:#76eaff;background:#17415b;box-shadow:inset 0 0 0 1px #76eaff66,0 0 10px #45c5f744}.hud-ship.destroyed{opacity:.5}.hud-ship .ship-frame{flex:none;width:40px;height:40px}.hud-ship-copy{min-width:0;flex:1}.hud-ship-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.hud-ship-copy small{display:block;color:#9dc3d1;font:8px Space Mono;white-space:nowrap}.hud-ship-state{display:none;font:8px Space Mono;color:#bfe9f1}.hud-ship.destroyed .hud-ship-state{color:#ff9da7}.hud-command{display:grid;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #38657c}.hud-selected b{display:block;font-size:13px}.hud-selected small{color:#9cbbc9;font:9px Space Mono}.hud-actions{display:flex;gap:5px;min-width:0}.hud-actions button,.hud-passive{flex:1 1 0;display:grid;place-items:center;min-width:0;min-height:44px;padding:5px;text-align:center;font:700 10px Space Mono}.hud-actions button small{display:block;color:#a4c3d1;font:8px Space Mono}.hud-actions button[aria-pressed=true]{color:#e6fbff;border-color:#80e5ff;background:#1a5470;box-shadow:inset 0 0 0 1px #80e5ff66}.hud-passive{color:#9acbdf;border:1px solid #355a6a}.hud-direction{display:flex;align-items:center;gap:5px;margin-top:7px}.hud-direction span{flex:1;color:#a1c7d4;font:9px Space Mono}.hud-direction button{min-width:36px;min-height:40px;padding:5px}.hud-direction button[aria-pressed=true]{border-color:#7de8f7;background:#21526a}.hud-target-hint{margin:8px 0 0;color:#93bbcb;font:9px Space Mono}.hud-info{margin-top:7px;color:#9bb8c8;font:9px Space Mono}.hud-info summary{cursor:pointer;color:#7ce0f3}.hud-info-content{max-height:180px;overflow-y:auto;padding:4px 0}.hud-info-content p{margin:4px 0}.in-battle .enemy-panel .board-hint{display:none}@media(max-width:1200px){.battle-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.battle-layout .battle-hud{grid-column:1 / -1;order:3}}@media(max-width:1050px){.in-battle .topbar{display:none}.in-battle .game-shell{padding-bottom:190px}.in-battle .phase-header{margin-bottom:8px}.battle-layout{grid-template-columns:minmax(0,1fr)}.battle-layout .battle-hud{position:fixed;inset:auto 0 0;z-index:30;width:100%;max-height:42dvh;overflow-y:auto;border-radius:12px 12px 0 0;padding:8px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.battle-layout .own-panel,.battle-layout .enemy-panel{grid-column:1;grid-row:1}.battle-layout[data-active-sector=enemy] .own-panel,.battle-layout[data-active-sector=own] .enemy-panel{display:none}.hud-rail{grid-template-columns:40px minmax(0,1fr) 95px}.hud-ships{grid-column:2;grid-row:1}.hud-ship-copy{display:none}.hud-ship{justify-content:center;flex-direction:column;min-height:51px}.hud-ship .ship-frame{width:34px;height:30px}.hud-ship-state{display:block}.hud-command{grid-template-columns:minmax(75px,auto) minmax(0,1fr);align-items:center}.hud-selected b{font-size:11px}.hud-selected small{font-size:8px}.hud-target-hint{display:none}}@media(orientation:landscape)and (max-height:600px)and (max-width:1050px){.in-battle .game-shell{padding:5px 8px}.in-battle .phase-header{margin-bottom:5px}.in-battle .phase-header h1{font-size:18px}.in-battle .phase-meta>span{display:none}.in-battle .phase-meta .leave-game{padding:4px 7px}.in-battle .board-control-row.with-switch{width:calc(100% - 334px)}.battle-layout{grid-template-columns:minmax(0,1fr) 326px;gap:6px}.battle-layout .own-panel,.battle-layout .enemy-panel{grid-column:1;grid-row:1}.battle-layout .battle-hud{position:sticky;inset:auto;grid-column:2;grid-row:1;width:auto;max-height:calc(100dvh - 72px);border-radius:10px;padding:7px}.battle-layout .board-wrap{max-width:min(100%,calc(100dvh - 155px))}.hud-rail{grid-template-columns:36px minmax(0,1fr) 83px;gap:4px}.hud-ap{font-size:23px}.hud-ship{min-height:46px;padding:2px}.hud-ship .ship-frame{width:30px;height:28px}.hud-end{min-height:38px;padding:4px;font-size:9px}.hud-command{grid-template-columns:76px minmax(0,1fr);gap:4px;margin-top:5px;padding-top:5px}.hud-selected small{display:none}.hud-actions button,.hud-passive{min-height:38px;font-size:8px}.hud-actions button small{font-size:7px}.hud-direction button{min-height:34px}.hud-info{margin-top:4px}}@media(orientation:portrait)and (max-width:600px){.in-battle .game-shell{padding:6px 8px 175px}.in-battle .phase-header{flex-direction:row;align-items:center;gap:5px;margin-bottom:5px}.in-battle .phase-header .eyebrow,.in-battle .phase-meta>span{display:none}.in-battle .phase-header h1{font-size:17px}.in-battle .phase-meta .leave-game{padding:5px 6px;font-size:8px;white-space:nowrap}.in-battle .board-control-row.with-switch{display:grid;grid-template-columns:68px minmax(0,1fr);gap:5px;margin-bottom:5px}.in-battle .view-settings-toggle{width:100%;padding:7px 2px;font-size:8px}.in-battle .sector-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.in-battle .sector-switch button{min-width:0;padding:5px 2px;font-size:7px}.in-battle .battle-layout .board-head{margin-bottom:4px}.in-battle .battle-layout .turn-banner{margin-bottom:4px;padding:5px}}.landing-home,.ship-page{position:relative;z-index:1;width:min(100%,1180px);margin:0 auto;padding:clamp(20px,4vw,54px)}.landing-home{min-height:calc(100dvh - 160px);display:grid;align-content:center;justify-items:center;gap:22px}.start-panel{width:min(100%,640px);padding:clamp(22px,5vw,48px);border:1px solid #42788f;background:linear-gradient(145deg,#102c41f2,#081723ef 70%);box-shadow:0 24px 70px #010611a0,inset 0 1px #8ce9ff32}.start-panel h1,.ship-page-header h1{margin:0;font-size:clamp(42px,8vw,78px);line-height:.98;letter-spacing:-.05em}.start-panel h1 span,.ship-page-header h1 span{color:#73e8ff}.start-intro{max-width:500px;margin:18px 0 24px;color:#b7cbd7;font-size:17px;line-height:1.4}.start-panel .field{max-width:none}.start-panel .field input{margin-top:7px}.start-new-game{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;margin-top:12px;padding:13px 18px;font-size:18px}.start-divider{display:flex;align-items:center;gap:12px;margin-top:22px;color:#8cb6c6;font:10px Space Mono;letter-spacing:.08em}.start-divider:before,.start-divider:after{content:"";flex:1;height:1px;background:#31546a}.start-panel .join-line{margin-top:13px}.start-panel .join-line input{min-width:0;width:55%}.ships-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;margin-top:24px;padding:10px 14px;border:1px solid #476279;color:#b7e3f2;background:#102636;text-align:left;font:700 12px Space Mono;letter-spacing:.08em}.ships-link span{font-size:20px}.start-panel .demo-note{margin:17px 0 0;font-size:11px!important;line-height:1.4}.start-detail{display:flex;align-items:center;gap:18px;color:#729caf;font:10px Space Mono;letter-spacing:.12em}.start-detail i{color:#73e8ff;font-style:normal}.ship-page{max-width:960px}.ship-page-header{display:grid;gap:20px;margin-bottom:22px}.ship-page-header h1{font-size:clamp(34px,6vw,58px)}.ship-page-header .eyebrow{margin-bottom:6px}.ship-page-back{justify-self:start;padding:9px 13px;border:1px solid #4c8097;color:#bce9f5;background:#0d293c;font:700 11px Space Mono}.ship-page .hero-visual{min-height:650px}@media(max-width:600px){.landing-home{min-height:0;align-content:start;padding:16px 12px 25px}.start-panel{padding:20px 16px}.start-panel h1{font-size:clamp(40px,12vw,55px)}.start-panel .eyebrow{margin-bottom:10px;font-size:9px}.start-intro{margin:12px 0 20px;font-size:14px}.start-new-game{min-height:52px;font-size:14px}.start-panel .field input{padding:12px}.start-panel .join-line input{padding:10px}.start-panel .join-line button{padding:8px;font-size:11px}.ships-link{margin-top:18px}.start-detail{gap:10px;font-size:8px}.ship-page{padding:16px 12px 30px}.ship-page-header{gap:12px;margin-bottom:16px}.ship-page .hero-visual{min-height:0}}.game-options{position:relative;z-index:60}.options-toggle{padding:8px 11px;border:1px solid #4c8097;background:#0e2b3c;color:#c6edfa;font:700 10px Space Mono}.options-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:70;width:min(280px,calc(100vw - 20px));max-height:calc(100dvh - 45px);overflow-y:auto;padding:12px;border:1px solid #5487a0;border-radius:8px;background:#0a1d2cf8;box-shadow:0 20px 45px #000b}.options-label{color:#8edbea;font:9px Space Mono;letter-spacing:.1em}.options-choice{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.options-choice button,.options-reset,.options-leave,.leave-confirm button{min-height:38px;padding:7px;border:1px solid #416b82;color:#c1e3f1;background:#123146;font:700 10px Space Mono}.options-choice button[aria-pressed=true]{border-color:#79e7f8;background:#18506a;color:#fff}.options-reset,.options-leave{display:block;width:100%;margin-top:7px}.options-menu p{margin:8px 0;color:#9fbccc;font:10px/1.4 Space Mono}.options-leave{border-color:#8e5269;color:pink;background:#382031}.leave-confirm{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.leave-confirm p{grid-column:1 / -1;color:#ffd2da}.leave-confirm button:last-child{border-color:#bd6178;color:#fff;background:#6a2b40}.board-scene{touch-action:pan-y}.hud-detail{min-width:0}@media(max-width:1050px){.in-battle footer{display:none}}@media(orientation:portrait)and (max-width:600px){.in-battle .board-control-row.with-switch{display:block;width:100%;margin-bottom:5px}.in-battle .sector-switch{width:100%}.in-battle .options-toggle{padding:5px 6px;font-size:8px;white-space:nowrap}}@media(orientation:landscape)and (max-height:600px)and (max-width:1050px){.in-battle .game-shell{max-width:none;padding:3px 6px 0}.in-battle .phase-header{position:absolute;top:3px;right:6px;z-index:50;margin:0}.in-battle .phase-header>div:first-child,.in-battle .phase-meta>span{display:none}.in-battle .options-toggle{padding:5px 7px;font-size:9px}.in-battle .board-control-row.with-switch{display:block;width:auto;height:27px;margin:0 75px 2px 84px}.in-battle .sector-switch{display:flex;width:min(100%,270px);margin:0;gap:4px}.in-battle .sector-switch button{flex:1;min-height:25px;padding:3px;font-size:8px}.battle-layout{grid-template-columns:80px minmax(0,1fr) minmax(0,min(36vw,300px));gap:5px}.battle-layout .own-panel,.battle-layout .enemy-panel{grid-column:2;grid-row:1;padding:0}.battle-layout .battle-hud{display:contents}.hud-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:5px;border:1px solid #426e85;border-radius:8px;background:#10293bec}.hud-ap{justify-content:center;font-size:20px}.hud-ships{display:flex;flex-direction:column;gap:4px;width:100%}.hud-ship{min-height:55px;width:100%}.hud-ship .ship-frame{width:42px;height:36px}.hud-ship-state{font-size:7px}.hud-end{min-height:40px;padding:3px;white-space:normal;font-size:8px}.hud-detail{grid-column:3;grid-row:1;align-self:start;max-height:calc(100dvh - 34px);overflow-y:auto;padding:8px;border:1px solid #426e85;border-radius:8px;background:#10293bec}.hud-command{display:block;margin:0;padding:0;border:0}.hud-selected b{font-size:11px}.hud-selected small{display:block;font-size:8px}.hud-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:6px}.hud-actions button,.hud-passive{min-height:40px}.hud-info{margin-top:8px}.battle-layout .board-head{margin-bottom:2px;font-size:9px}.battle-layout .turn-banner{min-height:18px;margin-bottom:2px;padding:2px;font-size:8px}.battle-layout .board-scene{padding:0}.battle-layout .board-wrap{max-width:min(100%,calc(100dvh - 69px));padding:0}.battle-layout .board-axis{font-size:8px}.battle-layout .axis-top{margin-bottom:1px}.battle-layout .axis-left{width:15px}.battle-layout .axis-top{margin-left:15px}}