@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(#01040a42,#01040a8c),url(/assets/backgrounds/space-field.png) center / cover no-repeat}.stars{position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(1px 1px at 5% 12%,#a8dfff 95%,transparent),radial-gradient(1px 1px at 42% 35%,#fff 95%,transparent),radial-gradient(2px 2px at 77% 8%,#58c6ff 95%,transparent),radial-gradient(1px 1px at 82% 76%,#fff 95%,transparent),radial-gradient(1px 1px at 19% 91%,#a8dfff 95%,transparent);background-size:221px 233px,293px 191px,371px 347px,433px 301px,199px 281px;animation:star-drift 90s linear infinite}@keyframes star-drift{to{transform:translateY(180px)}}.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}.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}.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}.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}.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}.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(23deg) scale(var(--sector-zoom));filter:drop-shadow(0 17px 16px #000a)}.board-scene.depth .board{border-color:#79d9f7;box-shadow:0 5px #1d4058,0 10px #10283a,0 19px 30px #000c,inset 0 0 35px #020b17}.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}}.board-axis{display:grid;color:#668fa8;font:11px Space Mono}.axis-top{grid-template-columns:repeat(7,1fr);margin-left:20px;text-align:center}.axis-left{width:20px;grid-template-rows:repeat(7,1fr);place-items:center}.board-row{display:flex}.board{position:relative;display:grid;grid-template-columns:repeat(7,1fr);width:100%;aspect-ratio:1;border:1px solid #59a8ce;overflow:hidden;background:linear-gradient(140deg,#01040ac4,#0208189e),url(/assets/backgrounds/space-field.png) center / cover no-repeat;box-shadow:0 0 20px #2e9ac02d,inset 0 0 35px #020b17}.board:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(to right,#5da8c648 1px,transparent 1px),linear-gradient(to bottom,#5da8c648 1px,transparent 1px);background-size:calc(100% / 7) calc(100% / 7)}.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:#207b9d20;box-shadow:inset 0 0 0 1px #65dfff3b,inset 0 0 14px #60dfff29}.cell.hit{background:#d44a6555}.cell.destroyed{background:#ec9b465e;box-shadow:inset 0 0 20px #ffb15d7a}.cell.miss{background:#173a5594}.cell.shield{background:#57aeec55}.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;text-shadow:0 0 10px currentColor}.cell.hit .shot-mark,.board-shot.hit .shot-mark{color:#ff7b93}.cell.destroyed .shot-mark,.board-shot.destroyed .shot-mark{color:#ffe5ad}.cell.miss .shot-mark,.board-shot.miss .shot-mark{color:#9cbed3}.cell.shield .shot-mark,.board-shot.shield .shot-mark{color:#74caff}.board-shot{position:absolute;z-index:3;display:grid;place-items:center;width:calc(100% / 7);height:calc(100% / 7);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.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:8px;height:8px;display:inline-block}.legend .hit{background:#ff718f}.legend .destroyed{background:#ffc373}.legend .miss{background:#91adc0}.legend .shield{background:#6ebdfa}.legend .intel{background:#66e2b8}.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.sunk .ship-frame{opacity:.32;filter:grayscale(1) brightness(.6)}.app[data-art-mode=nyxari] .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}.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-bolt{fill:#fff;stroke:currentColor;stroke-width:5;opacity:0;animation:vfx-bolt-flash .44s ease-out both}.vfx-projectile-sprite{opacity:0;image-rendering:pixelated;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 8px #e278ff);animation:vfx-bolt-flash .44s ease-out both}.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;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-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:scale(var(--ship-zoom, 1));image-rendering:pixelated}.ship-layer .ship-art{transform:none;width:100%;height:100%}.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}}.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%{transform:scale(1.7);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:260px;grid-row:1}.hero-ship{height:250px}.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}.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){.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 - 165px))}.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 - 175px))}.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}}