@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@700;900&display=swap";:root{color:#eaf8ff;font-synthesis:none;--navy:#031a2c;--panel:#052235e0;--line:#69c9de38;--cyan:#6ed8eb;--gold:#efaa45;--danger:#ff786c;background:#021321;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:linear-gradient(120deg,#02111ee0,#031d2ebd),url(/assets/ocean-chart-bg.png) 50%/cover fixed;min-height:100vh;position:relative;overflow-x:hidden}.texture{pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3;background:#02121fc2;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(18px,4vw,64px);display:flex;position:relative}.brand{letter-spacing:.08em;align-items:center;gap:12px;display:flex}.brand-mark{width:38px;height:38px;color:var(--gold);border:1px solid #efaa4580;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 24px #efaa4529}.brand strong{font-family:Noto Serif SC;font-size:18px}.brand small{color:#7fb0c3;margin-top:2px;font-size:10px;display:block}.mission-meta{color:#9fc9d8;align-items:center;gap:22px;font-size:13px;display:flex}.mission-meta span+span{border-left:1px solid var(--line);padding-left:22px}.mission-meta b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:18px}.mission-meta .danger{color:var(--danger)}.ghost-button,.secondary-button,.text-button,.direction-grid button{color:#b9d7e3;border:1px solid var(--line);cursor:pointer;background:#092d4294;border-radius:8px;padding:9px 14px;transition:all .2s}.ghost-button:hover,.secondary-button:hover,.direction-grid button:hover{color:#fff;border-color:#6ed8eb99}.text-button{background:0 0;border:0}.primary-button{color:#1b150b;cursor:pointer;background:linear-gradient(135deg,#f6b652,#d78a27);border:0;border-radius:8px;width:100%;padding:13px 18px;font-weight:800;transition:all .2s;box-shadow:0 10px 30px #ca7e2038}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.primary-button.large{width:auto;padding:16px 24px;font-size:16px}.primary-button.large span{padding-left:34px}.button-row{align-items:center;gap:10px;display:flex}.button-row.center{justify-content:center}.button-row.center button{width:170px}.home-screen{z-index:1;grid-template-columns:1.35fr .65fr;align-items:center;gap:80px;max-width:1240px;min-height:calc(100vh - 112px);margin:auto;padding:72px 52px;display:grid;position:relative}.kicker,.section-label{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700}.hero-copy h1{letter-spacing:.02em;margin:18px 0 24px;font-family:Noto Serif SC;font-size:clamp(48px,7vw,86px);line-height:1.08}.hero-copy h1 em{color:#9fe5ef;text-shadow:0 0 35px #44c7de40;font-style:normal}.hero-copy>p:not(.kicker){color:#9bbbc8;max-width:600px;margin-bottom:34px;font-size:16px;line-height:1.9}.rules-strip{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.rules-strip span{color:#8fb8c7;border-left:2px solid #6ed8eb59;padding:7px 10px;font-size:12px}.command-card{border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#16849d2e,#0000 45%),#031a2bb3;border-radius:4px;flex-direction:column;justify-content:flex-end;min-height:420px;padding:30px;display:flex;position:relative;overflow:hidden}.command-card h2{letter-spacing:.15em;color:#9fc8d7;margin:0 0 18px;font-size:14px}.radar-ring{border:1px solid #6ed8eb38;border-radius:50%;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.radar-ring.r1{width:210px;height:210px}.radar-ring.r2{width:130px;height:130px}.radar-line{transform-origin:0;background:linear-gradient(90deg,var(--cyan),transparent);width:104px;height:1px;animation:5s linear infinite sweep;position:absolute;top:38%;left:50%}.radar-core{color:var(--gold);font-size:22px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.stats-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-top:18px;display:grid}.stats-grid b{font-size:26px}.stats-grid small{color:#759cad;margin-top:6px;font-size:10px;font-weight:500;display:block}@keyframes sweep{to{transform:rotate(360deg)}}.setup-layout,.battle-layout{z-index:1;grid-template-columns:minmax(520px,1fr) 300px;gap:24px;max-width:1440px;margin:0 auto;padding:30px 34px 44px;display:grid;position:relative}.battle-layout{grid-template-columns:minmax(0,1fr) 300px}.boards-wrap{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.board-panel,.status-card,.salvo-card,.log-card{border:1px solid var(--line);background:linear-gradient(145deg,#082b40eb,#03192aeb);border-radius:4px;padding:18px;box-shadow:0 24px 60px #0000003d}.panel-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.panel-heading h2{margin:0;font-family:Noto Serif SC;font-size:17px}.panel-heading span{color:#77a1b2;font-size:10px}.board-shell{aspect-ratio:1.05;grid-template-rows:24px repeat(10,minmax(0,1fr));grid-template-columns:26px repeat(10,minmax(0,1fr));display:grid}.axis{color:#6e9aac;font-variant-numeric:tabular-nums;place-items:center;font-size:10px;display:grid}.cell{color:#fff;cursor:pointer;background:#0a364a70;border:1px solid #5eb7cc24;min-width:0;min-height:0;padding:0;position:relative}.cell:hover{z-index:1;background:#419fb333;border-color:#6ed8eba6}.cell.ship{background:linear-gradient(135deg,#879da4,#354b55);box-shadow:inset 0 0 0 3px #d8eff21a}.cell.ship:after{content:"";opacity:.45;background:#bdd0d3;border-radius:50%;position:absolute;inset:30%}.cell.selected{box-shadow:inset 0 0 0 2px var(--gold);background:#e79c3747}.cell.selected span{background:var(--gold);color:#1b150b;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:19%}.cell.scanned:after{content:"";opacity:.7;border:1px solid #5ec3d7;border-radius:50%;position:absolute;inset:34%}.cell.hit{background:#b540326b}.cell.hit i,.cell.miss i{color:#ff8a72;font-size:18px;font-style:normal}.cell.miss i{color:#80cfe0}.side-rail{flex-direction:column;gap:14px;display:flex}.status-card h3,.salvo-card h3,.log-card h3{margin:0 0 15px;font-size:14px}.muted{color:#83a9b8;font-size:12px;line-height:1.7}.direction-grid{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.direction-grid button.active{border-color:var(--gold);color:#ffd28b;background:#efaa451a}.fleet-list{gap:9px;display:grid}.fleet-item{background:#01131f59;border-left:2px solid #5197a9;align-items:center;gap:12px;padding:9px;display:flex}.fleet-item.sunk{opacity:.42;border-left-color:var(--danger)}.fleet-item strong{font-size:12px;display:block}.fleet-item small{color:#729baa;margin-top:3px;font-size:10px;display:block}.ship-glyph{gap:2px;width:66px;display:flex}.ship-glyph i{background:#7494a0;border-radius:2px;flex:1;height:8px;display:block}.fleet-item.sunk .ship-glyph i{background:#9f554d}.salvo-heading{justify-content:space-between;display:flex}.salvo-heading b{color:var(--gold)}.shot-slots{grid-template-columns:repeat(5,1fr);gap:5px;margin:12px 0;display:grid}.shot-slots span{border:1px solid var(--line);color:#587e8e;place-items:center;height:34px;font-size:11px;display:grid}.shot-slots .filled{color:#ffd18b;background:#efaa4514;border-color:#efaa458c}.salvo-card p{text-align:center;color:#739dad;margin:10px 0 0;font-size:10px}.log-list{max-height:132px;overflow:auto}.log-list p{color:#82a8b6;border-top:1px solid #69c9de1a;margin:0;padding:8px 0;font-size:10px;line-height:1.45}.battle-main{min-width:0}.view-switch{justify-content:center;gap:6px;margin:0 0 12px;display:flex}.view-switch button{border:1px solid var(--line);color:#7ea6b6;cursor:pointer;background:#031a2bb8;padding:8px 18px}.view-switch button.active{color:#ffe0aa;background:#efaa451a;border-color:#efaa45a6}.overview-panel{max-width:760px;margin:0 auto}.overview-panel .panel-heading{align-items:center}.overview-panel .section-label{margin:0 0 5px}.overview-board{max-height:650px;margin:auto}.overview-cell.own-ship-zone{background:linear-gradient(135deg,#98b1b94d,#2d4b5457);box-shadow:inset 0 0 0 2px #cde5e917}.overview-marker{background:var(--round-color);z-index:3;place-items:center;font-weight:800;display:grid;position:absolute;color:#07141b!important;font-size:8px!important;font-style:normal!important}.our-marker{border-radius:50% 3px 3px;inset:6% 47% 48% 6%}.enemy-marker{filter:saturate(.8)hue-rotate(310deg);border-radius:3px 3px 50%;inset:48% 6% 6% 47%}.overview-cell:not(.overlap-shot) .our-marker,.overview-cell:not(.overlap-shot) .enemy-marker{border-radius:50%;inset:19%;font-size:9px!important}.overview-cell.selected .overview-marker{display:none}.overview-legend{color:#7da5b4;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;font-size:10px;display:flex}.overview-legend span{align-items:center;gap:6px;display:flex}.overview-legend i{width:10px;height:10px;display:inline-block}.legend-ship{background:#6d8993}.legend-ours{background:var(--gold);border-radius:50%}.legend-enemy{background:var(--danger);border-radius:50%}.legend-overlap{background:linear-gradient(135deg,var(--gold) 50%,var(--danger) 50%)}.round-tone-0{--round-color:#f0ad4d}.round-tone-1{--round-color:#63d5e8}.round-tone-2{--round-color:#b58cff}.round-tone-3{--round-color:#7edc91}.round-tone-4{--round-color:#ff7d78}.round-tone-5{--round-color:#f0e26c}.cell.scanned{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--round-color) 75%,transparent)}.cell .round-number{background:var(--round-color,#63d5e8);z-index:2;border-radius:50%;place-items:center;font-style:normal;font-weight:800;display:grid;position:absolute;inset:22%;color:#06151c!important;font-size:10px!important}.cell .impact-mark{z-index:4;font-style:normal;position:absolute;bottom:0;right:2px;color:#ff8275!important;font-size:13px!important}.cell.miss .impact-mark{color:#8bd7e5!important}.latest-report-button{color:#ffd796;border-color:#efaa4573;width:100%}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000910c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.round-report-modal{background:linear-gradient(145deg,#092d42,#031a2c 75%);border:1px solid #6ed8eb59;border-radius:8px;width:min(760px,100%);max-height:calc(100vh - 34px);padding:28px;overflow:auto;box-shadow:0 30px 100px #0009}.round-report-modal>h2{margin:4px 0 6px;font-family:Noto Serif SC;font-size:28px}.report-intro{color:#86aab8;margin:0 0 20px;font-size:12px}.report-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.report-side{background:#01111d73;border:1px solid #6ed8eb2e;padding:16px}.report-side.enemy{border-color:#ff786c33}.report-side-title{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.report-side-title>span{color:var(--gold)}.report-side.enemy .report-side-title>span{color:var(--danger)}.report-side-title h3{margin:0;font-size:13px}.report-side-title b{color:#a9d2df;font-size:11px}.report-summary{color:#fff;margin:17px 0;font-family:Noto Serif SC;font-size:18px}.report-lines{gap:6px;display:grid}.report-lines>div{background:#0b35498c;justify-content:space-between;align-items:center;padding:8px;font-size:11px;display:flex}.report-lines strong small{color:#638d9d;font-size:8px;display:block}.report-lines span{color:#ffd18a}.report-side.enemy .report-lines span{color:#ff9b91}.report-coordinates{border-top:1px solid var(--line);color:#6f98a7;margin-top:12px;padding-top:10px;font-size:9px;line-height:1.6}.round-report-modal>.primary-button{max-width:240px;margin:auto;display:block}.result-screen{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 110px);padding:42px;display:flex;position:relative}.result-emblem{width:110px;height:110px;color:var(--gold);border:1px solid #efaa4580;border-radius:50%;place-items:center;margin-bottom:24px;font-size:38px;display:grid;box-shadow:0 0 60px #efaa452e}.result-emblem.loss{color:var(--danger);border-color:#ff786c80}.result-emblem.draw{color:var(--cyan);border-color:#6ed8eb80}.result-screen h1{margin:5px;font-family:Noto Serif SC;font-size:64px}.result-screen>p:not(.kicker){color:#92b5c1}.score-change{color:var(--gold);margin:15px}.result-stats{border-block:1px solid var(--line);gap:44px;margin:22px 0 30px;padding:20px 36px;display:flex}.result-stats span{color:#7198a8;font-size:10px}.result-stats b{color:#ecfaff;margin-bottom:5px;font-size:25px;display:block}footer{border-top:1px solid var(--line);color:#5c8392;letter-spacing:.08em;z-index:2;place-items:center;height:34px;font-size:10px;display:grid;position:relative}@media (width<=1050px){.boards-wrap{grid-template-columns:1fr}.battle-layout,.setup-layout{grid-template-columns:minmax(420px,1fr) 280px}}@media (width<=760px){.topbar{height:64px;padding:0 14px}.brand small{display:none}.mission-meta{gap:9px}.mission-meta span:nth-child(2){display:none}.mission-meta span+span{padding-left:9px}.ghost-button{padding:7px 9px;font-size:11px}.home-screen{padding:42px 22px;display:block}.hero-copy h1{font-size:46px}.command-card{min-height:320px;margin-top:44px}.setup-layout,.battle-layout{padding:10px 10px 22px;display:block}.side-rail{margin-top:10px}.boards-wrap{display:block}.boards-wrap .board-panel+.board-panel{margin-top:14px}.board-panel{padding:10px}.panel-heading{margin-bottom:9px}.view-switch{margin-bottom:8px}.overview-panel .panel-heading span{text-align:right;max-width:150px}.overview-legend{gap:9px;margin-top:9px}.battle-rail .status-card,.battle-rail .log-card{display:none}.salvo-card{padding:13px}.shot-slots{margin:8px 0}.shot-slots span{height:30px}.fire-button{padding:11px}.result-stats{gap:20px;padding:16px}.button-row.center{flex-direction:column;width:100%}.button-row.center button{width:100%}.cell.selected span{font-size:9px;inset:12%}.round-report-modal{padding:20px 14px}.round-report-modal>h2{font-size:23px}.report-grid{grid-template-columns:1fr;gap:10px}.report-summary{margin:11px 0;font-size:16px}.report-side{padding:12px}.report-lines>div{padding:6px}footer{text-align:center;padding:0 12px}}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mode-selector{grid-template-columns:repeat(2,minmax(0,220px));gap:10px;margin:0 0 18px;display:grid}.mode-selector button{text-align:left;color:#a5c6d2;border:1px solid var(--line);cursor:pointer;background:#052235ad;border-radius:8px;min-height:74px;padding:13px 15px;transition:all .2s}.mode-selector button:hover,.mode-selector button.active{color:#fff;background:#efaa451a;border-color:#efaa45ad}.mode-selector strong,.mode-selector small{display:block}.mode-selector strong{color:#eaf8ff;margin-bottom:5px;font-size:14px}.mode-selector button.active strong{color:#ffd18a}.mode-selector small{color:#789fac;font-size:10px;line-height:1.45}.cell.selected-ship{z-index:1;box-shadow:inset 0 0 0 3px var(--gold),0 0 16px #efaa4540}.cell.placement-preview-valid{background:#47be8f7a;box-shadow:inset 0 0 0 2px #7ce1b8}.cell.placement-preview-invalid{background:#da524a80;box-shadow:inset 0 0 0 2px #ff8d83}.deployment-card{padding-bottom:16px}.deployment-fleet{gap:7px;margin:14px 0;display:grid}.deployment-fleet>button{color:#b9d7e3;text-align:left;cursor:grab;background:#01131f61;border:1px solid #69c9de29;border-left:3px solid #4d91a3;border-radius:6px;grid-template-columns:74px 1fr;align-items:center;gap:9px;width:100%;min-height:50px;padding:8px 10px;display:grid}.deployment-fleet>button,.setup-layout .cell{touch-action:none;-webkit-user-select:none;user-select:none}.deployment-fleet>button:active{cursor:grabbing}.deployment-fleet>button.active{color:#fff;border-color:#efaa459e;border-left-color:var(--gold);background:#efaa451a}.deployment-fleet>button.placed small{color:#75cfb0}.deployment-fleet strong,.deployment-fleet small{display:block}.deployment-fleet strong{font-size:12px}.deployment-fleet small{color:#739baa;margin-top:3px;font-size:9px}.deployment-fleet .ship-glyph{width:66px}.ship-controls{grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 14px;display:grid}.ship-controls button{color:#a9d5df;border:1px solid var(--line);cursor:pointer;background:#092d4294;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:7px;display:flex}.ship-controls button:hover{color:#fff;border-color:#6ed8eb99}.ship-controls svg{width:18px;height:18px}.ship-controls .rotate-control{color:#ffd18a}.ship-controls .rotate-control span{font-size:9px}.competitive-notice{color:#b7d8e2;text-align:center;letter-spacing:.05em;background:#efaa4514;border:1px solid #efaa4552;max-width:760px;margin:0 auto 12px;padding:9px 14px;font-size:11px}.battle-summary{border:1px solid var(--line);background:linear-gradient(145deg,#082b40eb,#03192aeb);border-radius:4px;padding:14px;box-shadow:0 24px 60px #0000003d}.summary-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.summary-heading .section-label{margin:0 0 3px;font-size:9px}.summary-heading h3{margin:0;font-size:13px}.summary-heading button{color:#ffd18a;cursor:pointer;background:#efaa4512;border:1px solid #efaa4557;border-radius:5px;padding:6px 8px;font-size:9px}.summary-heading button:disabled{opacity:.4;cursor:not-allowed}.summary-table{border-top:1px solid var(--line);border-left:1px solid var(--line)}.summary-row{grid-template-columns:minmax(88px,1.7fr) repeat(4,minmax(34px,1fr));display:grid}.summary-row>span{color:#a9c8d3;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;justify-content:center;align-items:center;gap:3px;min-height:34px;padding:5px 3px;font-size:9px;display:flex}.summary-row>span:first-child{justify-content:flex-start;padding-left:7px}.summary-header>span{color:#6f98a7;background:#01111d66;min-height:27px;font-size:8px}.summary-row b{color:#eaf8ff;font-variant-numeric:tabular-nums;font-size:11px}.summary-row small{color:#fff;background:var(--danger);border-radius:3px;padding:1px 3px;font-size:7px}.player-result>span:first-child{color:#ffd18a}.enemy-result>span:first-child{color:#ff9c93}.history-modal{background:linear-gradient(145deg,#092d42,#031a2c 75%);border:1px solid #6ed8eb59;border-radius:8px;width:min(680px,100%);max-height:calc(100vh - 34px);padding:24px;overflow:auto;box-shadow:0 30px 100px #0009}.history-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.history-heading .section-label{margin:0 0 4px}.history-heading h2{margin:0;font-family:Noto Serif SC;font-size:24px}.history-list{gap:8px;display:grid}.history-list button{color:#a9cad5;text-align:left;cursor:pointer;background:#01111d6b;border:1px solid #69c9de29;border-radius:6px;grid-template-columns:74px 1fr 1fr auto;align-items:center;gap:10px;width:100%;padding:12px;display:grid}.history-list button:hover{background:#0b354994;border-color:#6ed8eb80}.history-list b{color:#ffd18a;font-size:12px}.history-list span{font-size:10px;line-height:1.45}.history-list i{color:#70cfe1;font-size:9px;font-style:normal}.overview-marker{color:#06151c!important;background:var(--round-color)!important;filter:none!important}.our-marker{border-radius:50%!important}.enemy-marker{clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:18%;border-radius:0!important}.overview-cell:not(.overlap-shot) .our-marker,.overview-cell:not(.overlap-shot) .enemy-marker{inset:17%;font-size:10px!important}.overview-cell.overlap-shot .our-marker{inset:5% 49% 49% 5%}.overview-cell.overlap-shot .enemy-marker{inset:48% 5% 5% 48%}.legend-enemy{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--danger)!important;border-radius:0!important}.legend-overlap{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:50% 0 0 50%}.cell .round-number.our-shot-marker{border-radius:50%}.cell .round-number.enemy-shot-marker{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;padding-top:15%;inset:17%}@media (width<=760px){.mode-selector{grid-template-columns:1fr}.mode-selector button{min-height:62px}.deployment-card{padding:13px}.deployment-fleet{grid-template-columns:1fr 1fr}.deployment-fleet>button{grid-template-columns:1fr;min-height:66px}.deployment-fleet .ship-glyph{width:54px}.ship-controls button{min-height:46px}.competitive-notice{margin-bottom:8px}.battle-summary{padding:11px}.summary-row{grid-template-columns:minmax(82px,1.55fr) repeat(4,minmax(38px,1fr))}.summary-row>span{min-height:31px;font-size:8px}.summary-row b{font-size:10px}.history-modal{padding:17px 12px}.history-list button{grid-template-columns:60px 1fr}.history-list button span,.history-list button i{grid-column:2}}.board-shell{position:relative}.board-shell>.cell{z-index:2}.board-shell>.cell:hover{z-index:3}.board-shell>.axis,.board-shell>.corner{z-index:3;position:relative}.ship-sprite-layer{z-index:1;pointer-events:none;position:absolute;inset:24px 0 0 26px;overflow:hidden}.ship-sprite{transform-origin:50%;opacity:.96;transition:opacity .16s,filter .16s;display:block;position:absolute}.ship-art{background-image:url(/assets/ship-sprite-sheet-v1.png);background-repeat:no-repeat;background-size:var(--sprite-size-x) var(--sprite-size-y);background-position:var(--sprite-position-x) var(--sprite-position-y);filter:contrast(1.22)brightness(1.15)saturate(.82);mix-blend-mode:screen;border-radius:42%;display:block;position:absolute;inset:0}.ship-sprite.is-dragging{opacity:.22;filter:grayscale(.35)}.ship-sprite-layer:has(.placement-ship-ghost){z-index:4;overflow:visible}.placement-ship-ghost{opacity:.58}.placement-ship-ghost.valid{filter:drop-shadow(0 0 7px #58e2b1)}.placement-ship-ghost.invalid{opacity:.42;filter:sepia()saturate(4)hue-rotate(310deg)drop-shadow(0 0 7px #ff6d65)}.drag-ship-ghost{z-index:80;pointer-events:none;transform-origin:50%;opacity:.62;filter:drop-shadow(0 10px 14px #00000073)drop-shadow(0 0 8px #6ed8eb6b);display:block;position:fixed}.drag-ship-ghost .ship-art{mix-blend-mode:normal}.board-shell>.cell.ship{background:#0b3a4e33;box-shadow:inset 0 0 0 2px #d8eff221}.board-shell>.cell.ship:after{display:none}.overview-cell.own-ship-zone{background:#0b3a4e29}@media (width<=760px){.ship-sprite>span{filter:contrast(1.3)brightness(1.18)saturate(.78)}}