@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Orbitron:wght@600;700;800&display=swap";.app-header[data-v-5763228a]{position:relative;z-index:30;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:3px solid #171717;background:#ffd84d}.brand[data-v-5763228a]{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:#171717;text-align:left;cursor:pointer}.brand-mark[data-v-5763228a]{width:39px;height:39px;display:grid;place-items:center;transform:rotate(45deg);border:3px solid #171717;background:#75e6d7;color:#171717;box-shadow:4px 4px #91a8ad;font:700 15px Barlow Condensed}.brand>span[data-v-5763228a]:last-child{display:grid;gap:1px}.brand strong[data-v-5763228a]{color:#171717;font:700 19px Barlow Condensed;letter-spacing:.18em}.brand small[data-v-5763228a]{color:#171717;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.mission-meta[data-v-5763228a]{display:flex;align-items:center;gap:10px;color:#171717;font:600 14px Barlow Condensed;letter-spacing:.12em;text-transform:uppercase}.meta-divider[data-v-5763228a]{width:2px;height:17px;margin-inline:4px;background:#171717}.status-dot[data-v-5763228a]{display:inline-block;flex:0 0 auto;width:7px;height:7px;border:1px solid #171717;border-radius:50%;background:#20c9b5}@media(max-width:720px){.app-header[data-v-5763228a]{height:62px;padding-inline:16px}.mission-meta span[data-v-5763228a]:not(.status-dot):last-child,.meta-divider[data-v-5763228a]{display:none}}.seven-segment-digit[data-v-586a4434]{position:relative;display:inline-block;flex:0 0 var(--digit-width, 38px);width:var(--digit-width, 38px);aspect-ratio:.56}.seven-segment-digit i[data-v-586a4434]{position:absolute;display:block;background:currentColor;opacity:.1}.seven-segment-digit i.active[data-v-586a4434]{opacity:1}.a[data-v-586a4434],.d[data-v-586a4434],.g[data-v-586a4434]{left:14%;width:72%;height:10%;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}.a[data-v-586a4434]{top:0}.g[data-v-586a4434]{top:45%}.d[data-v-586a4434]{bottom:0}.b[data-v-586a4434],.c[data-v-586a4434],.e[data-v-586a4434],.f[data-v-586a4434]{width:13%;height:40%;clip-path:polygon(50% 0,100% 8%,100% 92%,50% 100%,0 92%,0 8%)}.b[data-v-586a4434]{right:0;top:6%}.c[data-v-586a4434]{right:0;bottom:6%}.f[data-v-586a4434]{left:0;top:6%}.e[data-v-586a4434]{left:0;bottom:6%}.arsenal-panel[data-v-3fc3b5ee]{overflow:hidden;border:3px solid #171717;background:#fffdf7;box-shadow:none}.arsenal-panel header[data-v-3fc3b5ee]{position:relative;display:grid;gap:2px;padding:10px 44px 10px 10px;border-bottom:3px solid #171717;background:#ffd84d}.arsenal-panel header span[data-v-3fc3b5ee]{font:800 16px Barlow Condensed;letter-spacing:.1em}.arsenal-panel header small[data-v-3fc3b5ee]{font:700 9px Inter;letter-spacing:.08em}.arsenal-body[data-v-3fc3b5ee],.arsenal-list[data-v-3fc3b5ee]{min-height:0}.arsenal-timer[data-v-3fc3b5ee]{position:relative;isolation:isolate;min-width:0;display:grid;align-content:start;justify-items:center;padding:clamp(28px,5vh,54px) 16px 20px;overflow:hidden;border-left:3px solid #171717;background-color:#152b27;background-image:linear-gradient(135deg,rgba(42,67,55,.72) 25%,transparent 25%),linear-gradient(225deg,rgba(19,48,45,.68) 25%,transparent 25%),linear-gradient(45deg,rgba(65,77,56,.52) 25%,transparent 25%),linear-gradient(315deg,#0a23259e 25%,#152b27 25%);background-position:18px 0,18px 0,0 0,0 0;background-size:36px 36px;color:#f5e8bd;text-align:center}.arsenal-timer[data-v-3fc3b5ee]:before{content:"";position:absolute;z-index:-1;inset:0;background:#05121680;-webkit-backdrop-filter:blur(1px) saturate(55%);backdrop-filter:blur(1px) saturate(55%)}.arsenal-timer>small[data-v-3fc3b5ee]{font:800 clamp(12px,1vw,16px) "Barlow Condensed";letter-spacing:.18em;text-transform:uppercase}.arsenal-timer>span[data-v-3fc3b5ee]{font:800 clamp(9px,.8vw,13px) Orbitron,monospace;letter-spacing:.22em}.arsenal-timer.urgent[data-v-3fc3b5ee]{background-color:#321b20;background-image:linear-gradient(135deg,rgba(83,37,40,.7) 25%,transparent 25%),linear-gradient(225deg,rgba(42,27,31,.72) 25%,transparent 25%),linear-gradient(45deg,rgba(104,48,43,.48) 25%,transparent 25%),linear-gradient(315deg,#1e141aad 25%,#321b20 25%);color:#f5e8bd}.arsenal-timer.urgent[data-v-3fc3b5ee]:before{background:#19050c7a}.digital-timer-display[data-v-3fc3b5ee]{--digit-width: clamp(25px, 2.15vw, 39px);width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(3px,.35vw,7px);margin:clamp(15px,2.5vh,26px) 0 8px;color:#ff4057;filter:drop-shadow(0 0 5px rgba(255,64,87,.62))}.digital-colon[data-v-3fc3b5ee]{flex:0 0 clamp(10px,.8vw,15px);height:calc(var(--digit-width) / .56);display:grid;align-content:center;justify-items:center;gap:27%}.digital-colon span[data-v-3fc3b5ee]{width:clamp(5px,.45vw,8px);aspect-ratio:1;background:currentColor}.sound-toggle[data-v-3fc3b5ee]{position:absolute;right:8px;top:50%;width:29px;height:29px;padding:0;transform:translateY(-50%);border:2px solid #171717;background:#fffdf7;box-shadow:none;font-size:14px;cursor:pointer}.sound-toggle svg[data-v-3fc3b5ee]{display:block;width:19px;height:19px;margin:auto}.sound-toggle .mute-slash[data-v-3fc3b5ee]{fill:none;stroke:#d92d20;stroke-width:2.5;stroke-linecap:round}.sound-toggle.muted[data-v-3fc3b5ee]{background:#dfddd7}.sound-toggle[data-v-3fc3b5ee]:active{transform:translate(2px,calc(-50% + 2px));box-shadow:none}.arsenal-item[data-v-3fc3b5ee]{position:relative;width:100%;min-height:92px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:7px;padding:8px;border:0;border-bottom:2px solid #171717;background:#fffdf7;color:#171717;text-align:left;cursor:pointer}.arsenal-item[data-v-3fc3b5ee]:last-child{border-bottom:0}.arsenal-item img[data-v-3fc3b5ee]{width:46px;height:56px;object-fit:contain;filter:drop-shadow(2px 3px 1px rgba(0,0,0,.24))}.arsenal-item.missile-option img[data-v-3fc3b5ee],.arsenal-item.nuke-option img[data-v-3fc3b5ee]{width:54px;height:54px;transform:rotate(90deg) scale(1.18)}.arsenal-item.drone-option[data-v-3fc3b5ee]{grid-template-columns:58px minmax(0,1fr)}.arsenal-item.drone-option img[data-v-3fc3b5ee]{width:58px;height:58px}.arsenal-item>span[data-v-3fc3b5ee]{min-width:0;display:grid;gap:3px}.arsenal-item strong[data-v-3fc3b5ee]{font:800 14px Barlow Condensed;text-transform:uppercase}.arsenal-item small[data-v-3fc3b5ee]{color:#46565b;font-size:9px;font-weight:700}.arsenal-item b[data-v-3fc3b5ee]{position:absolute;right:6px;top:5px;padding:2px 4px;border:1px solid #171717;background:#fff2a8;font:800 8px Barlow Condensed}.arsenal-item[data-v-3fc3b5ee]:hover:not(:disabled),.arsenal-item.selected[data-v-3fc3b5ee]{background:#75e6d7}.arsenal-item.selected[data-v-3fc3b5ee]{box-shadow:none}.arsenal-item.locked[data-v-3fc3b5ee],.arsenal-item.spent[data-v-3fc3b5ee],.arsenal-item[data-v-3fc3b5ee]:disabled:not(.selected){filter:grayscale(1);opacity:.48;cursor:not-allowed}.arsenal-item.selected[data-v-3fc3b5ee]:disabled{cursor:default}@media(max-width:720px){.arsenal-panel header[data-v-3fc3b5ee]{min-height:40px;display:flex;align-items:center;gap:8px}.arsenal-panel header small[data-v-3fc3b5ee]{margin-left:4px}.arsenal-item[data-v-3fc3b5ee]{min-height:64px;grid-template-columns:34px 1fr}.arsenal-item img[data-v-3fc3b5ee]{width:32px;height:38px}.arsenal-timer[data-v-3fc3b5ee]{padding:16px 6px 8px}.digital-timer-display[data-v-3fc3b5ee]{--digit-width: clamp(16px, 5vw, 28px);gap:2px}}.ship-dock[data-v-9fd78af3]{min-height:0;padding:clamp(12px,2vh,20px);overflow:hidden;border:3px solid #171717;background:#fffdf7;box-shadow:8px 8px #a9b9bc}.dock-heading[data-v-9fd78af3]{margin:calc(clamp(12px,2vh,20px)*-1) calc(clamp(12px,2vh,20px)*-1) 8px;padding:14px 16px;border-bottom:3px solid #171717;background:#ffd84d}.dock-heading p[data-v-9fd78af3]{margin:0 0 8px;color:#171717;font:800 13px Barlow Condensed;letter-spacing:.2em;text-transform:uppercase}.dock-heading h2[data-v-9fd78af3]{margin:0;font-size:25px;letter-spacing:.05em}.dock-ship[data-v-9fd78af3]{width:100%;height:clamp(62px,7.2vh,72px);min-height:0;display:grid;grid-template-columns:86px minmax(0,1fr) 66px;align-items:center;gap:9px;margin-top:5px;padding:7px;overflow:hidden;border:2px solid #171717;background:#fffdf7;color:#171717;text-align:left;cursor:pointer;transition:.12s}.dock-ship[data-v-9fd78af3]:hover{background:#fff2a8}.dock-ship.active[data-v-9fd78af3]{border-color:#171717;background:#75e6d7;box-shadow:4px 4px #91a8ad}.dock-image[data-v-9fd78af3]{height:clamp(30px,4.2vh,42px);display:grid;place-items:center;overflow:hidden}.dock-image img[data-v-9fd78af3]{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #000)}.dock-details[data-v-9fd78af3]{min-width:0;display:grid;align-items:center}.dock-details strong[data-v-9fd78af3]{color:#171717;font:600 16px/1.05 Barlow Condensed;letter-spacing:.05em;text-transform:uppercase}.deployment-light[data-v-9fd78af3]{color:#171717;font:600 10px Barlow Condensed;letter-spacing:.1em;text-transform:uppercase}.dock-ship.placed .deployment-light[data-v-9fd78af3]{color:#171717}.dock-ship[data-v-9fd78af3]:disabled,.dock-ship[data-v-9fd78af3]:disabled:hover,.dock-ship:disabled.active[data-v-9fd78af3]{cursor:not-allowed;opacity:.55;border-color:#171717;background:repeating-linear-gradient(-45deg,#d9d7d0 0 7px,#eeece5 7px 14px);box-shadow:none;transform:none}.dock-ship:disabled .dock-image[data-v-9fd78af3]{filter:grayscale(1)}.dock-ship[draggable=true][data-v-9fd78af3]{cursor:grab}.dock-ship[draggable=true][data-v-9fd78af3]:active{cursor:grabbing}.dock-actions[data-v-9fd78af3]{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:clamp(6px,1vh,10px)}.dock-begin[data-v-9fd78af3]{width:100%;margin-top:8px}.tool-button[data-v-9fd78af3]{padding:10px 8px;border:3px solid #171717;background:#75e6d7;color:#171717;box-shadow:5px 5px #91a8ad;font:600 12px Barlow Condensed;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .12s,box-shadow .12s}.tool-button span[data-v-9fd78af3]{margin-right:6px;color:#171717}.tool-button.danger[data-v-9fd78af3]{background:#ff987f}.tool-button[data-v-9fd78af3]:hover{transform:translate(2px,2px);box-shadow:3px 3px #91a8ad}.tool-button[data-v-9fd78af3]:active{transform:translate(5px,5px);box-shadow:none}@media(max-width:980px){.dock-heading[data-v-9fd78af3]{display:none}}@media(max-width:720px){.ship-dock[data-v-9fd78af3]{padding:13px}.dock-ship[data-v-9fd78af3]{grid-template-columns:1fr;min-height:53px}.dock-image[data-v-9fd78af3]{height:25px}.deployment-light[data-v-9fd78af3]{display:none}.dock-details[data-v-9fd78af3]{text-align:center}.dock-actions[data-v-9fd78af3]{grid-template-columns:1fr}.tool-button[data-v-9fd78af3]{padding:7px 4px}}@media(max-height:760px)and (min-width:721px){.dock-heading[data-v-9fd78af3]{display:none}.dock-actions[data-v-9fd78af3]{margin-top:6px}.tool-button[data-v-9fd78af3]{padding-block:7px}}:root{color:#dce9ef;background:#06121b;font-family:Inter,system-ui,sans-serif;font-synthesis:none;--ink: #dce9ef;--muted: #77909e;--cyan: #43d4d0;--cyan-dark: #0c767b;--orange: #ff8a45;--panel: rgba(10, 31, 43, .88);--line: rgba(123, 176, 191, .19)}*{box-sizing:border-box}html{min-width:320px;height:100%;background:#06121b}body{margin:0;min-width:320px;height:100%;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 20% 15%,rgba(20,87,102,.22),transparent 32%),radial-gradient(circle at 82% 86%,rgba(13,59,75,.3),transparent 36%),linear-gradient(150deg,#081722,#040d14 70%)}body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.14;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.app-shell{height:100dvh;overflow:hidden}.screen-wrap{width:min(1440px,calc(100% - 48px));height:calc(100dvh - 76px);margin:0 auto;padding:clamp(18px,3.5vh,38px) 0;overflow:hidden}.eyebrow,.card-kicker,.board-header p{margin:0 0 8px;color:var(--cyan);font:600 13px Barlow Condensed;letter-spacing:.2em;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2{font-family:Barlow Condensed,sans-serif;text-transform:uppercase}h1{margin-bottom:0;font-size:calc(clamp(38px,5vw,72px) + 2px);line-height:.94;letter-spacing:.015em}h1 em{color:var(--cyan);font-style:normal}.primary-button{min-height:52px;padding:0 22px;border:1px solid #43e0dc;background:linear-gradient(135deg,#14878b,#0c5c67);box-shadow:0 10px 30px #148f9538,inset 0 1px #ffffff2e;font:700 15px Barlow Condensed;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.2s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.15)}.primary-button span{margin-left:16px;color:#9dfbf3}.primary-button:disabled{opacity:.32;cursor:not-allowed}.setup-screen{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,440px);align-items:center;gap:clamp(40px,8vw,130px)}.setup-screen:before{content:"";position:absolute;left:-4vw;top:22%;width:min(58vw,880px);aspect-ratio:2.5;background:url(/assets/fleet/full/aircraft_carrier.png) center/contain no-repeat;opacity:.11;filter:grayscale(1);transform:rotate(-4deg);pointer-events:none}.setup-copy{position:relative;z-index:1;padding-left:clamp(0px,4vw,70px)}.setup-copy .lede{max-width:610px;margin:28px 0;color:#93a9b4;font-size:18px;line-height:1.8}.feature-row{display:flex;flex-wrap:wrap;gap:18px;color:#8298a4;font:600 13px Barlow Condensed;letter-spacing:.12em;text-transform:uppercase}.feature-row span{display:flex;align-items:center;gap:8px}.feature-row span:before{content:"";width:4px;height:4px;background:var(--cyan);transform:rotate(45deg)}.command-card{position:relative;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#0f2835f5,#05131cf7);box-shadow:0 30px 90px #0000006b}.command-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.035);pointer-events:none}.command-card label,.command-card legend{color:#8fa6b2;font:600 12px Barlow Condensed;letter-spacing:.16em;text-transform:uppercase}.command-card>label{display:grid;gap:9px;margin:28px 0 25px}.command-card input[type=text],.command-card>label input{height:48px;padding:0 14px;border:1px solid var(--line);background:#071722;color:var(--ink);letter-spacing:.04em}.command-card fieldset{display:grid;gap:8px;margin:0 0 28px;padding:0;border:0}.command-card legend{margin-bottom:10px}.difficulty-option{display:flex;padding:12px 14px;border:1px solid rgba(126,170,183,.13);background:#030f1775;cursor:pointer;transition:.18s}.difficulty-option.active{border-color:#43d4d0a6;background:#196f7529}.difficulty-option input{position:absolute;opacity:0}.difficulty-option span{display:grid;gap:3px}.difficulty-option strong{color:#dce9ef;font:700 15px Barlow Condensed;letter-spacing:.11em;text-transform:uppercase}.difficulty-option small{color:#627c89;font:400 12px Inter;letter-spacing:0;text-transform:none}.command-card .primary-button{width:100%}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-title h1{font-size:calc(clamp(38px,4vw,58px) + 2px)}.placement-screen .section-title h1{font-size:20px}.placement-screen .section-title>p{max-width:none;flex:0 0 auto;white-space:nowrap}.placement-instruction{display:flex;align-items:center;gap:10px;padding:8px 13px;border:2px solid #171717;background:#75e6d7;color:#171717;box-shadow:4px 4px #91a8ad;font-size:15px;font-weight:700;line-height:1.2;transform:rotate(-.35deg)}.placement-instruction span{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border:2px solid #171717;background:#ffd84d;font-size:16px}.section-title>p{max-width:480px;margin:0 0 4px;color:#78909c;font-size:15px;line-height:1.7}.placement-screen{display:flex;flex-direction:column}.placement-layout{min-height:0;flex:1;display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:stretch}.deployment-board{border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 70px #00000047}.deployment-board{min-height:0;padding:clamp(12px,2vh,20px);display:flex;flex-direction:column}.deployment-board .board-panel{min-height:0;flex:1;display:flex;flex-direction:column}.deployment-board .board-frame{width:min(100%,calc(100dvh - 280px));min-height:0}.deployment-footer{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:20px;padding-top:19px;border-top:1px solid var(--line)}.deployment-footer p{display:flex;align-items:center;gap:10px;margin:0;color:#8099a5;font-size:13px}.board-panel{min-width:0}.board-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.board-header h2{margin:0;font-size:26px;letter-spacing:.05em}.board-header p{margin-bottom:3px;color:#5f7b87;font-size:11px}.board-header .board-help{display:flex;align-items:center;gap:9px;margin:4px 0 0;padding:7px 12px;border:2px solid #171717;background:#75e6d7;color:#171717;box-shadow:4px 4px #91a8ad;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:0;line-height:1.35;text-transform:none;transform:rotate(-.5deg)}.board-header .board-help span{display:grid;place-items:center;width:22px;height:22px;border:2px solid #171717;background:#ffd84d;font-size:15px;line-height:1}.deployment-board .board-header{justify-content:center}.targeting-state{display:flex;align-items:center;gap:6px;color:var(--cyan);font:600 11px Barlow Condensed;letter-spacing:.13em;text-transform:uppercase}.targeting-state i{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan)}.board-frame{max-width:780px;margin:auto}.column-labels{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));margin-left:26px}.column-labels span,.row-labels span{display:grid;place-items:center;color:#55707c;font:600 11px Barlow Condensed}.column-labels span{height:22px}.board-row{display:grid;grid-template-columns:26px 1fr}.row-labels{display:grid;grid-template-rows:repeat(13,minmax(0,1fr))}.ocean-grid{position:relative;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(13,minmax(0,1fr));grid-auto-columns:0;grid-auto-rows:0;aspect-ratio:1;overflow:visible;border:1px solid rgba(94,170,188,.24);background:radial-gradient(circle at 30% 20%,rgba(20,110,124,.24),transparent 38%),linear-gradient(150deg,#0b2936,#071c29);box-shadow:inset 0 0 55px #0000007a,0 18px 48px #00000038}.ocean-grid:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-radial-gradient(ellipse at 0 0,transparent 0 24px,rgba(85,178,188,.12) 25px 26px)}.ocean-cell{position:relative;z-index:3;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1;padding:0;border:0;border-right:1px solid rgba(99,170,185,.15);border-bottom:1px solid rgba(99,170,185,.15);background:transparent;cursor:default}.interactive:not(.disabled) .ocean-cell{cursor:crosshair}.interactive:not(.disabled) .ocean-cell:hover{background:#3fe0d924;box-shadow:inset 0 0 0 1px #59fff67a}.interactive:not(.disabled) .ocean-cell.unavailable-target,.interactive:not(.disabled) .ocean-cell.unavailable-target:hover{cursor:not-allowed;background:transparent!important;box-shadow:none!important}.ocean-cell.occupied{background:#4eb1b914}.ocean-cell.selected{box-shadow:inset 0 0 0 1px #4cf1e694;background:#39c7c31f}.ocean-cell.drag-over{background:#ffd84d!important;box-shadow:inset 0 0 0 3px #171717!important}.ocean-cell.placement-preview{background:#ffd84d9e!important;box-shadow:inset 0 0 0 2px #171717}.ocean-cell.placement-invalid{background:#ff6542b3!important}.ocean-cell.hover-impact-preview{background:#be8b00b8!important;box-shadow:inset 0 0 0 1px #6f4f00!important}.ocean-cell.target-preview{background:#ffd84dd1!important;box-shadow:inset 0 0 0 2px #171717!important}.ocean-cell.impact-preview{background:#be8b00d1!important;box-shadow:inset 0 0 0 2px #6f4f00!important}.ship-cell-token{position:relative;z-index:2;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1;pointer-events:none;overflow:hidden;filter:drop-shadow(0 3px 2px rgba(0,0,0,.65));opacity:.96}.ship-cell-token img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none}.ship-cell-token.vertical img{transform:rotate(90deg) scale(1.01)}.ship-cell-token.selected{filter:drop-shadow(0 0 5px var(--cyan));background:#43d4d014}.ship-cell-token.damaged{filter:brightness(.62) sepia(.25) drop-shadow(0 0 5px #e64c26)}.ship-cell-token.sunk{filter:grayscale(.72) brightness(.42) sepia(.4) drop-shadow(0 0 5px #e44);opacity:.72}.board-frame.editable .ship-cell-token{z-index:4;pointer-events:auto;cursor:grab}.board-frame.editable .ship-cell-token:active{cursor:grabbing;opacity:.72}.full-ship-token{position:relative;z-index:2;min-width:0;min-height:0;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.55))}.full-ship-token .full-ship-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.full-ship-token.vertical .full-ship-image{left:50%;top:50%;width:var(--vertical-image-width);height:var(--vertical-image-height);transform:translate(-50%,-50%) rotate(90deg)}.full-ship-token.selected{filter:drop-shadow(0 0 5px #ffd84d) drop-shadow(0 3px 2px rgba(0,0,0,.55))}.full-ship-token.sunk{filter:grayscale(.72) brightness(.42) sepia(.4) drop-shadow(0 0 5px #e44);opacity:.72}.board-frame.editable .full-ship-token{z-index:4;pointer-events:auto;cursor:grab}.board-frame.editable .full-ship-token:active{cursor:grabbing;opacity:.72}.board-frame.editable .full-ship-token[draggable=true]{touch-action:none}.ship-edit-controls{position:relative;z-index:10;align-self:start;justify-self:start;display:flex;gap:4px;padding:3px;pointer-events:auto}.ship-edit-controls.horizontal{transform:translate(2px,calc(-100% - 5px))}.ship-edit-controls.vertical{flex-direction:column;transform:translate(calc(-100% - 5px),2px)}.ship-edit-controls button{width:25px;height:25px;display:grid;place-items:center;padding:0;border:2px solid #171717;background:#ffd84d;color:#171717;box-shadow:2px 2px #647c82;font-size:17px;font-weight:800;line-height:1;cursor:pointer}.ship-edit-controls button:last-child{background:#ff987f}.ship-edit-controls button:hover{transform:translate(1px,1px);box-shadow:1px 1px #647c82}.hidden-hit-effect{position:relative;z-index:6;min-width:0;min-height:0;pointer-events:none;display:grid;place-items:center;overflow:visible}.hidden-hit-effect>img{position:absolute;width:88%;height:88%;object-fit:contain;filter:brightness(.65) saturate(1.3) drop-shadow(0 0 5px rgba(255,75,22,.7));animation:damage-breathe 1.7s ease-in-out infinite}.webgl-damage-layer{position:absolute;z-index:7;inset:0;width:100%;height:100%;pointer-events:none}.concealed-fleet .ocean-cell.hit .shot-marker{opacity:0}.shot-marker{position:absolute;z-index:5;inset:25%;border-radius:50%;background:#d7e5e8;border:2px solid #eaf6f8;box-shadow:0 0 0 3px #d0e7eb24}.ocean-cell.hit .shot-marker{inset:24%;background:#ff692f;border-color:#ffd1ac;box-shadow:0 0 6px #ff5a24,0 0 10px #ff4c17a6;animation:hit-pulse .7s ease-out}.shot-marker i{display:none}.ocean-cell.hit .shot-marker i{display:block;position:absolute;left:50%;top:50%;width:1px;height:115%;background:linear-gradient(#ffd8a0,transparent);transform-origin:50% 0}.ocean-cell.hit .shot-marker i:nth-child(1){transform:rotate(0)}.ocean-cell.hit .shot-marker i:nth-child(2){transform:rotate(90deg)}.ocean-cell.hit .shot-marker i:nth-child(3){transform:rotate(180deg)}.ocean-cell.hit .shot-marker i:nth-child(4){transform:rotate(270deg)}.battle-screen{width:min(1900px,calc(100% - 48px));height:100dvh;padding-top:clamp(12px,2.3vh,24px);padding-bottom:10px;display:flex;flex-direction:column}.turn-indicator{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(67,212,208,.3);color:var(--cyan);background:#197e801c;font:700 12px Barlow Condensed;letter-spacing:.14em;text-transform:uppercase}.turn-indicator i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.turn-indicator.hostile{color:var(--orange);border-color:#ff703759;background:#9636171f}.battle-status-row{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(22px,3vw,58px);margin:clamp(5px,1vh,9px) 0}.fleet-summary{min-width:0;display:grid;align-content:start;border:3px solid #171717;background:#fffdf7;box-shadow:none;overflow:hidden}.fleet-summary>.fleet-status{width:100%;min-height:0;box-sizing:border-box;border:0;border-bottom:3px solid #171717;box-shadow:none}.fleet-summary>.arsenal-status{padding:5px 8px 6px;background:#fff2a8}.battle-status-row .fleet-status{padding:6px 14px}.battle-status-row .fleet-status header{margin-bottom:2px;padding-bottom:3px}.battle-status-row .fleet-status header>span{font-size:14px}.battle-status-row .fleet-pips{gap:7px}.battle-status-row .fleet-pip{height:28px}.battle-status-row .fleet-pip img{height:27px}.battle-status-row .arsenal-status{gap:5px}.battle-status-row .arsenal-status>span{min-height:32px;grid-template-columns:42px minmax(0,1fr) auto;padding:2px 8px 2px 12px}.battle-status-row .arsenal-status img{width:21px;height:23px}.battle-status-row .arsenal-status>span:first-child img,.battle-status-row .arsenal-status>span:last-child img{width:24px;height:24px;transform:rotate(90deg) scale(1.55)}.battle-status-row .arsenal-status>span:nth-child(2) img{width:27px;height:25px}.battle-status-row>.versus-mark{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:clamp(22px,3vw,58px);transform:translate(-50%)}.battle-status-row>.fleet-summary.hostile{grid-column:2}.arsenal-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.arsenal-status>span{min-width:0;min-height:40px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:5px;padding:3px 7px;border:2px solid #171717;background:#fffdf7;box-shadow:none;color:#171717;text-transform:uppercase}.arsenal-status img{width:25px;height:25px;object-fit:contain;justify-self:center}.arsenal-status>span:first-child img,.arsenal-status>span:last-child img{width:26px;height:26px;transform:rotate(90deg) scale(1.55)}.arsenal-status>span:nth-child(2) img{width:34px;height:30px}.arsenal-status b{min-width:0;overflow:hidden;font:800 11px Barlow Condensed;letter-spacing:.04em;text-overflow:ellipsis}.arsenal-status small{padding:1px 4px;border:1px solid #171717;background:#fff0a8;font:800 9px Barlow Condensed;white-space:nowrap}.arsenal-status .locked,.arsenal-status .spent{background:#dfddd7;color:#777}.arsenal-status .locked img,.arsenal-status .spent img{filter:grayscale(1);opacity:.45}.arsenal-status .spent small{background:#ff987f;color:#171717}.fleet-status{min-width:0;padding:10px 17px;border:1px solid var(--line);background:#081a25b8}.fleet-status header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid rgba(23,23,23,.35)}.fleet-status header>span{color:#93aab4;font:700 16px Barlow Condensed;letter-spacing:.1em;text-transform:uppercase}.fleet-counts{display:flex;align-items:baseline;gap:13px;color:#171717;font:700 10px Barlow Condensed;letter-spacing:.07em;text-transform:uppercase}.fleet-counts span{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.fleet-counts strong{color:#0b756c;font-size:16px;line-height:1}.fleet-status.hostile .fleet-counts span:last-child strong{color:#d92d20}.fleet-status header strong{color:var(--cyan);font:700 19px Barlow Condensed}.fleet-status.hostile header strong{color:var(--orange)}.fleet-status header small{color:#4e6874;font-size:10px;font-weight:500;text-transform:uppercase}.fleet-pips{display:flex;align-items:center;gap:10px;overflow:hidden}.fleet-pip{position:relative;flex:1;min-width:0;height:38px;display:grid;place-items:center;opacity:1}.fleet-pip img{width:min(100%,112px);height:36px;object-fit:contain}.fleet-pip>.ship-condition{position:absolute;z-index:2;left:50%;top:50%;padding:2px 5px;border:2px solid #171717;background:#ff6542;color:#171717;box-shadow:2px 2px #17171773;font:800 11px Barlow Condensed;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%) rotate(-4deg)}.fleet-pip.sunk img{opacity:.28;filter:grayscale(1)}.versus-mark{display:grid;place-items:center;color:#627d88;font:700 17px Barlow Condensed;position:relative}.versus-mark i{position:absolute;width:1px;height:100%;background:linear-gradient(transparent,var(--line),transparent)}.versus-mark span{z-index:1;padding:7px;background:#07131c}.battle-boards{position:relative;min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,3vw,58px);align-items:stretch}.battle-boards .board-frame{width:min(100%,calc(100dvh - 285px));max-width:860px}.friendly-board,.hostile-board{position:relative;min-width:0}.friendly-board{grid-column:1}.hostile-board{grid-column:2}.friendly-board .ocean-grid>.arsenal-panel,.arsenal-sample>.arsenal-panel{position:absolute;z-index:14;inset:0;width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);margin:0;border:0;box-shadow:none;transform:none}.friendly-board .ocean-grid>.arsenal-panel header,.arsenal-sample>.arsenal-panel header{min-height:52px;padding:9px 54px 9px 14px}.friendly-board .ocean-grid>.arsenal-panel .arsenal-body,.arsenal-sample>.arsenal-panel .arsenal-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.friendly-board .ocean-grid>.arsenal-panel .arsenal-list,.arsenal-sample>.arsenal-panel .arsenal-list{min-height:0;display:grid;grid-template-columns:1fr;grid-auto-rows:76px;align-content:start;gap:8px;padding:10px;background:#fffdf7;overflow-y:auto}.friendly-board .ocean-grid>.arsenal-panel .arsenal-item,.arsenal-sample>.arsenal-panel .arsenal-item{min-height:0;height:76px;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:8px 32px 8px 10px;border:2px solid #171717;box-shadow:none}.friendly-board .ocean-grid>.arsenal-panel .arsenal-item img,.arsenal-sample>.arsenal-panel .arsenal-item img{width:54px;height:54px}.friendly-board .ocean-grid>.arsenal-panel .arsenal-item strong,.arsenal-sample>.arsenal-panel .arsenal-item strong{font-size:clamp(15px,1.1vw,19px)}.friendly-board .ocean-grid>.arsenal-panel .arsenal-item small,.arsenal-sample>.arsenal-panel .arsenal-item small{font-size:clamp(10px,.72vw,12px)}.hostile-board .targeting-state{display:none}.rocket-flight{position:fixed;z-index:100;left:0;top:0;pointer-events:none}.rocket-flight img{position:fixed;width:34px;height:58px;object-fit:contain;left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%) rotate(var(--angle));filter:drop-shadow(0 0 8px #ff8a38);animation:rocket-path .62s cubic-bezier(.42,0,.58,1) forwards}.rocket-flight.nuke img{width:78px;height:126px;filter:drop-shadow(0 0 13px #ff6542) drop-shadow(0 8px 4px rgba(23,23,23,.45));animation-duration:.6s}.rocket-flight.nuke .impact-ring{width:42px;height:42px;border-width:5px;animation-delay:.54s}.impact-ring{position:fixed;left:var(--end-x);top:var(--end-y);width:16px;height:16px;border-radius:50%;border:3px solid #ffb158;transform:translate(-50%,-50%) scale(0);opacity:0;animation:impact .45s .56s ease-out forwards;box-shadow:0 0 18px #ff5524}.rocket-flight.enemy img{filter:hue-rotate(145deg) drop-shadow(0 0 8px #ff4d30)}.drone-sortie{position:fixed;z-index:101;left:0;top:0;pointer-events:none}.drone-sortie img{position:fixed;width:clamp(120px,9vw,170px);height:auto;left:var(--drone-start-x);top:var(--drone-start-y);transform:translate(-50%,-50%);filter:drop-shadow(5px 7px 3px rgba(0,0,0,.42));animation:drone-sortie 3.4s ease-in-out forwards}.drone-scan-ring{position:fixed;left:var(--drone-end-x);top:var(--drone-end-y);width:74px;aspect-ratio:1;border:3px solid #ffd84d;border-radius:50%;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #75e6d74d;animation:drone-scan 2s .7s ease-out}.drone-sortie.enemy .drone-scan-ring{border-color:#ff6542}.combat-result-backdrop{--result-color: #e53945;position:absolute;z-index:20;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:color-mix(in srgb,var(--result-color) 88%,#171717);animation:result-backdrop 1s ease both}.combat-result-backdrop.miss{--result-color: #2574d8}.combat-result-backdrop.detected{--result-color: #218f5b}.combat-result-backdrop.recon-failed{--result-color: #7652bd}.combat-result-backdrop.carrier-down{--result-color: #e69516}.combat-result-card{position:relative;z-index:2;min-width:min(390px,calc(100% - 40px));display:grid;justify-items:center;gap:15px;padding:30px 36px;border:0;background:#fffdf7;color:#171717;box-shadow:none;transform:rotate(-1deg);animation:result-card 1s cubic-bezier(.2,.8,.2,1) both}.combat-result-card svg{width:76px;height:76px;overflow:visible;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}.combat-result-card svg.wave-result-icon{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.combat-result-card svg.carrier-down-icon{width:112px;height:96px;stroke:none}.carrier-down-icon .carrier-hull-shadow{fill:#e69516;transform:translate(2px,3px)}.carrier-down-icon .carrier-hull-side,.carrier-down-icon .carrier-flight-deck,.carrier-down-icon .carrier-island,.carrier-down-icon .carrier-tower{fill:#171717}.carrier-down-icon .carrier-deck-stripe,.carrier-down-icon .carrier-mast,.carrier-down-icon .carrier-runway{fill:none;stroke:#fffdf7;stroke-width:2.4;stroke-linecap:square;stroke-linejoin:miter}.carrier-down-icon .carrier-mast{stroke:#171717;stroke-width:3}.carrier-down-icon .carrier-runway{stroke-width:2}.carrier-down-icon .carrier-downed-cross{fill:none;stroke:#ff6542;stroke-width:8;stroke-linecap:square}.combat-result-card .result-signal{fill:currentColor;stroke:none;animation:result-signal .65s steps(2,end) infinite}.combat-result-card strong{color:currentColor;font-family:Orbitron,Barlow Condensed,sans-serif;font-size:clamp(25px,3.4vw,44px);font-weight:800;line-height:1.08;text-align:center;text-transform:uppercase}.combat-result-card>small{padding:7px 12px;background:#171717;color:#ffd84d;font-family:Orbitron,sans-serif;font-size:clamp(12px,1.4vw,17px);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.result-shape{position:absolute;z-index:1;display:block;aspect-ratio:1;border:0;border-radius:50%;opacity:.72;background:radial-gradient(circle,rgba(255,255,255,.34) 0 9%,transparent 10% 25%,rgba(255,255,255,.2) 26% 34%,transparent 35%),repeating-conic-gradient(from 4deg,rgba(255,255,255,.26) 0 13deg,transparent 13deg 30deg)}.result-shape:after{content:"";position:absolute;inset:23%;border-radius:43% 57% 46% 54%;background:#ffffff2e;transform:rotate(45deg)}.shape-one{width:104px;left:5%;top:7%;transform:rotate(12deg)}.shape-two{width:138px;right:2%;bottom:2%;transform:rotate(-17deg)}.shape-three{width:72px;right:18%;top:5%;transform:rotate(31deg);opacity:.48}.combat-result-backdrop.preview,.combat-result-backdrop.preview .combat-result-card{animation:none;opacity:1}.sample-screen{display:flex;flex-direction:column;overflow:auto}.sample-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.sample-heading h1{margin:0;font-size:clamp(32px,4vw,52px)}.sample-heading>p{margin:0 0 5px;color:#353535}.result-sample-grid{min-height:0;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.sample-screen .result-sample-grid{flex:none;grid-auto-rows:minmax(300px,36vh)}.result-sample{position:relative;min-height:0;overflow:hidden;border:3px solid #171717;background:#55bad0;box-shadow:7px 7px #a9b9bc}.result-sample>span{position:absolute;z-index:22;left:10px;bottom:9px;padding:4px 7px;background:#171717;color:#fff;font:700 11px Inter,sans-serif;text-transform:uppercase}.arsenal-sample-section{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(320px,1fr);align-items:center;gap:24px;margin-bottom:24px;padding:20px;border:3px solid #171717;background:#fffdf7}.arsenal-sample-section h2{margin:0;font-size:28px}.arsenal-sample{position:relative;width:min(100%,540px);aspect-ratio:1;justify-self:end;border:3px solid #171717;background:#55bad0;box-shadow:7px 7px #a9b9bc;overflow:hidden}.modal-backdrop{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:20px;background:#02080cc7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade-in .3s}.game-over-card{position:relative;z-index:2;width:min(430px,100%);padding:38px;text-align:center;border:1px solid rgba(74,219,211,.38);background:linear-gradient(145deg,#0d2b37,#06141e);box-shadow:0 35px 100px #000}.victory-confetti{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.victory-confetti i{position:absolute;top:-24px;width:9px;height:17px;border:1px solid rgba(23,23,23,.55);opacity:0;transform:translate3d(0,-30px,0) rotate(var(--confetti-rotation));animation:confetti-fall 3s linear infinite}.victory-emblem{width:70px;height:70px;display:grid;place-items:center;margin:14px auto 21px;border:1px solid var(--cyan);color:var(--cyan);font:700 36px Barlow Condensed;transform:rotate(45deg);box-shadow:inset 0 0 24px #43d4d01f}.victory-emblem svg{width:39px;height:39px;transform:rotate(-45deg)}.victory-emblem.defeat{color:var(--orange);border-color:var(--orange)}.game-over-card h2{margin-bottom:8px;font-size:37px}.game-over-card p:not(.eyebrow){color:#8298a3;font-size:15px;line-height:1.7}.game-over-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.modal-backdrop.preview{position:relative;inset:auto;min-height:560px;padding:28px;overflow:hidden}.modal-backdrop.preview .game-over-card{width:min(430px,100%)}.screen-enter-active,.screen-leave-active{transition:.3s ease}.screen-enter-from{opacity:0;transform:translateY(12px)}.screen-leave-to{opacity:0;transform:translateY(-8px)}@keyframes hit-pulse{0%{transform:scale(2.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-30px,0) rotate(var(--confetti-rotation))}8%{opacity:1}to{opacity:.9;transform:translate3d(var(--confetti-drift),calc(100vh + 50px),0) rotate(calc(var(--confetti-rotation) + 720deg))}}@keyframes rocket-path{0%{left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%) rotate(var(--angle)) scale(.7);opacity:0}12%{opacity:1}to{left:var(--end-x);top:var(--end-y);transform:translate(-50%,-50%) rotate(var(--angle)) scale(1);opacity:1}}@keyframes impact{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes drone-sortie{0%{left:var(--drone-start-x);top:var(--drone-start-y);transform:translate(-50%,-50%) scale(.62) rotate(-8deg);opacity:0}20%{left:var(--drone-end-x);top:var(--drone-end-y);transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}35%{left:var(--drone-end-x);top:calc(var(--drone-end-y) - 5px);transform:translate(-50%,-50%) scale(1.04) rotate(2deg)}50%{left:var(--drone-end-x);top:calc(var(--drone-end-y) + 4px);transform:translate(-50%,-50%) scale(1) rotate(-2deg)}65%{left:var(--drone-end-x);top:calc(var(--drone-end-y) - 3px);transform:translate(-50%,-50%) scale(1.03) rotate(1deg)}80%{left:var(--drone-end-x);top:var(--drone-end-y);transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{left:var(--drone-start-x);top:var(--drone-start-y);transform:translate(-50%,-50%) scale(.62) rotate(8deg);opacity:0}}@keyframes drone-scan{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.35)}20%,75%{opacity:.9}50%{opacity:.35;transform:translate(-50%,-50%) scale(1.7)}}@keyframes result-backdrop{0%,to{opacity:0}8%,88%{opacity:1}}@keyframes result-card{0%{opacity:0;transform:scale(.65) rotate(-3deg)}10%{opacity:1;transform:scale(1.06) rotate(1deg)}16%,86%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.85)}}@keyframes result-signal{50%{opacity:.25}}@keyframes damage-breathe{0%,to{transform:scale(.93) rotate(-2deg);filter:drop-shadow(0 0 4px rgba(255,75,22,.55))}50%{transform:scale(1.02) rotate(2deg);filter:drop-shadow(0 0 9px rgba(255,92,25,.9))}}@keyframes fade-in{0%{opacity:0}}@media(max-width:980px){.setup-screen{grid-template-columns:1fr 380px}.setup-copy{padding-left:0}.command-card{width:min(520px,100%)}.placement-layout{grid-template-columns:270px minmax(0,1fr)}.battle-status-row{grid-template-columns:1fr 1fr}.versus-mark{display:none}}@media(max-width:720px){.screen-wrap{width:min(100% - 24px,620px);height:calc(100dvh - 62px);padding-top:14px;padding-bottom:8px}.setup-screen{grid-template-columns:1fr}.setup-copy{display:none}.command-card{margin:auto;padding:18px}.command-card>label{margin-block:16px}.command-card fieldset{margin-bottom:16px}.difficulty-option{padding-block:8px}.section-title{display:block;margin-bottom:10px}.section-title>p{display:none}.section-title h1{font-size:36px}.placement-instruction{display:none}.deployment-board{padding:13px}.deployment-footer{align-items:stretch;flex-direction:column}.placement-layout{grid-template-columns:155px minmax(0,1fr);gap:8px}.deployment-board .board-frame{width:min(100%,calc(100dvh - 280px))}.deployment-footer p{display:none}.deployment-footer .primary-button{min-height:40px}.battle-status-row{grid-template-columns:1fr}.fleet-summary:not(.hostile){display:none}.battle-status-row>.fleet-summary.hostile{grid-column:1}.battle-boards{grid-template-columns:1fr}.hostile-board{grid-column:1}.battle-boards .board-frame{width:min(100%,calc(100dvh - 360px));max-width:520px}.friendly-board{display:block;grid-column:1;grid-row:1;height:auto}.friendly-board .board-header{display:none}.friendly-board .board-panel{display:flex;height:auto}.friendly-board .board-stage{width:100%;height:min(72vw,360px);flex:none}.friendly-board .board-frame{width:min(72vw,360px);max-height:none}.hostile-board{grid-row:2}.friendly-board .ocean-grid>.arsenal-panel .arsenal-list,.arsenal-sample>.arsenal-panel .arsenal-list{grid-template-columns:1fr;grid-auto-rows:64px;gap:6px;padding:7px}.friendly-board .ocean-grid>.arsenal-panel .arsenal-body,.arsenal-sample>.arsenal-panel .arsenal-body{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.friendly-board .ocean-grid>.arsenal-panel .arsenal-item,.arsenal-sample>.arsenal-panel .arsenal-item{height:64px;grid-template-columns:42px minmax(0,1fr)}.battle-screen{height:100dvh}.board-header h2{font-size:22px}.sample-heading>p{display:none}.arsenal-sample-section{grid-template-columns:1fr}.arsenal-sample{justify-self:center}.result-sample-grid{grid-template-columns:1fr;overflow:visible}.result-sample{min-height:260px}.game-over-samples{grid-template-columns:1fr}}@media(max-height:760px)and (min-width:721px){.section-title{margin-bottom:12px}.section-title h1{font-size:40px}.section-title>p{display:none}.fleet-status{padding-block:8px}.battle-status-row{margin-block:7px}.deployment-board .board-frame{width:min(100%,calc(100dvh - 225px))}.battle-boards .board-frame{width:min(100%,calc(100dvh - 235px))}}:root{color:#171717;background:#f4f0e8;--ink: #171717;--muted: #494949;--cyan: #20c9b5;--cyan-dark: #0b756c;--orange: #ff6542;--panel: #fffdf7;--line: #171717}html,body{background:#f4f0e8}body:before{background:#f4f0e8}body:after{opacity:.32;background-image:radial-gradient(#171717 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:none;mask-image:none}.eyebrow,.card-kicker,.board-header p{color:#171717;font-weight:800}h1,h2{font-weight:700;letter-spacing:-.01em}h1 em{display:inline-block;padding:0 .12em;color:#171717;background:#75e6d7;border:2px solid #171717;box-shadow:4px 4px #91a8ad;transform:rotate(-1deg)}.setup-screen:before{opacity:.07;filter:grayscale(1) contrast(1.5)}.setup-copy .lede,.section-title>p,.deployment-footer p{color:#353535}.feature-row{color:#171717}.feature-row span:before{width:7px;height:7px;border:1px solid #171717;background:#ff6542}.command-card,.deployment-board,.fleet-status,.game-over-card{border:3px solid #171717;background:#fffdf7;box-shadow:8px 8px #a9b9bc}.game-over-card{box-shadow:none}.command-card:before{display:none}.command-card label,.command-card legend{color:#171717;font-weight:800}.command-card input[type=text],.command-card>label input{border:3px solid #171717;background:#fff;color:#171717;box-shadow:3px 3px #a9b9bc}.difficulty-option{border:2px solid #171717;background:#fff;color:#171717}.difficulty-option:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #a9b9bc}.difficulty-option.active{border-color:#171717;background:#75e6d7;box-shadow:4px 4px #91a8ad}.difficulty-option strong,.difficulty-option small{color:#171717}.primary-button{border:3px solid #171717;background:#75e6d7;color:#171717;box-shadow:5px 5px #91a8ad;transition:transform .12s,box-shadow .12s}.primary-button:hover:not(:disabled){transform:translate(2px,2px);filter:none;box-shadow:3px 3px #91a8ad}.primary-button:active:not(:disabled){transform:translate(5px,5px);box-shadow:none}.primary-button span{color:#171717}.deployment-footer{border-top:0}.board-header h2,.board-header p,.column-labels span,.row-labels span{color:#171717}.ocean-grid{border:3px solid #171717;background:#55bad0;box-shadow:none}.webgl-ocean{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}.ocean-grid:after{z-index:1;inset:0;opacity:.1;background:repeating-radial-gradient(ellipse at 0 0,transparent 0 34px,rgba(255,255,255,.55) 35px 36px,transparent 37px 54px)}.ocean-cell{border-right:1px solid rgba(23,23,23,.42);border-bottom:1px solid rgba(23,23,23,.42)}.interactive:not(.disabled) .ocean-cell:hover{background:#ffd84d;box-shadow:inset 0 0 0 2px #171717}.interactive:not(.disabled) .ocean-cell.unavailable-target,.interactive:not(.disabled) .ocean-cell.unavailable-target:hover{background:transparent!important;box-shadow:none!important}.ocean-cell.occupied{background:#fff3}.ocean-cell.selected{background:#ffd84da6;box-shadow:inset 0 0 0 2px #171717}.fleet-status header>span{color:#171717;font-weight:800}.versus-mark{color:#171717;font-weight:800}.versus-mark i{width:3px;background:#171717}.versus-mark span{border:2px solid #171717;background:#ffd84d;box-shadow:none}.shot-marker{border:2px solid #171717;background:#fff;box-shadow:3px 3px #78959c}.ocean-cell.hit .shot-marker{border-color:#171717;background:#ff6542;box-shadow:3px 3px #78959c}.modal-backdrop{background:#17171757;backdrop-filter:blur(8px) saturate(.85);-webkit-backdrop-filter:blur(8px) saturate(.85)}.victory-emblem{border:3px solid #171717;background:#75e6d7;color:#171717;box-shadow:5px 5px #91a8ad}.victory-emblem.defeat{background:#ff987f;color:#171717;border-color:#171717}.game-over-card p:not(.eyebrow){color:#353535}button:focus-visible,input:focus-visible{outline:3px solid #171717;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.battle-boards{container-type:size;overflow:hidden}.battle-boards>.friendly-board,.battle-boards>.hostile-board{min-height:0;height:100%}.battle-boards .board-panel{min-height:0;height:100%;display:flex;flex-direction:column}.battle-boards .board-header{justify-content:center;text-align:center}.battle-boards .board-header>div{display:grid;justify-items:center}.battle-boards .board-header h2{font-size:20px}.battle-boards .board-stage{min-height:0;flex:1;display:grid;place-items:start center;container-type:size}.battle-boards .board-frame{width:min(100%,100cqh);max-height:100cqh;position:relative;left:-13px}