@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/battleship/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/battleship/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/battleship/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/battleship/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/battleship/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/battleship/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/battleship/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/battleship/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2) format("woff2"),url(/battleship/assets/orbitron-latin-700-normal-DmYOh-W9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}:root{--bg-deep: #03020a;--panel: rgb(14 10 36 / 74%);--panel-solid: #0d0a24;--panel-border: rgb(139 92 246 / 30%);--text: #eef2ff;--muted: #aab4d8;--cyan: #22d3ee;--cyan-soft: #67e8f9;--magenta: #e879f9;--purple: #8b5cf6;--accent: var(--cyan);--accent-ink: #031018;--accent-tint: rgb(34 211 238 / 10%);--grid-line: rgb(34 211 238 / 16%);--cell-bg: rgb(16 24 56 / 55%);--ship: var(--cyan);--ship-fill: rgb(34 211 238 / 12%);--hit: #ff4fd8;--sunk: #ff7a45;--wreck: #6b6f8a;--miss: #a5f3fc;--valid: rgb(34 197 94 / 40%);--valid-ring: #4ade80;--invalid: rgb(239 68 68 / 45%);--invalid-ring: #fca5a5;--win: var(--cyan-soft);--lose: #ff7a9a;--radius: 1rem;--glow-cyan: 0 0 18px rgb(34 211 238 / 45%);--glow-magenta: 0 0 18px rgb(232 121 249 / 45%);--shadow: 0 10px 40px rgb(0 0 0 / 55%);--display: "Orbitron", "Inter Variable", system-ui, sans-serif;--app-pad: 1rem;--panel-pad: 1.25rem;--wrap-pad: .5rem;--gap: 3px;--cell: min(2.4rem, calc((100cqi - 10 * var(--gap) - 2 * var(--wrap-pad)) / 11));--step: calc(var(--cell) + var(--gap));color-scheme:dark}@media(max-width:36rem){.top h1{font-size:1.1rem}.top button{white-space:nowrap}:root{--app-pad: .75rem;--panel-pad: .75rem;--wrap-pad: .25rem;--gap: 2px}}html{background-color:var(--bg-deep)}body{min-height:100vh;margin:0;font-family:Inter Variable,system-ui,sans-serif;font-size:1rem;line-height:1.5;color:var(--text);background:radial-gradient(60rem 35rem at 85% -10%,rgb(139 92 246 / 18%),transparent 70%),radial-gradient(50rem 30rem at 0% 100%,rgb(232 121 249 / 10%),transparent 70%),var(--bg-deep);background-attachment:fixed}#app{position:relative;isolation:isolate;max-width:72rem;margin:0 auto;padding:var(--app-pad)}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h1,h2,h3{margin:0;line-height:1.2}h1{font-family:var(--display);font-size:1.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-soft);text-shadow:var(--glow-cyan)}h2{margin-bottom:.75rem;font-family:var(--display);font-size:1.05rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h3{margin:1rem 0 .5rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.starfield{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.stars{position:absolute;inset:-50% 0 0;background-repeat:repeat}.stars--far{background-image:radial-gradient(1px 1px at 20px 30px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 140px 90px,#c7d2fe 50%,transparent 51%),radial-gradient(1px 1px at 80px 160px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 190px 200px,#a5f3fc 50%,transparent 51%),radial-gradient(1px 1px at 50px 230px,#fff 50%,transparent 51%);background-size:240px 240px;opacity:.55}.stars--near{background-image:radial-gradient(1.5px 1.5px at 60px 70px,#fff 50%,transparent 51%),radial-gradient(2px 2px at 250px 180px,#f5d0fe 50%,transparent 51%),radial-gradient(1.5px 1.5px at 330px 40px,#a5f3fc 50%,transparent 51%),radial-gradient(1.5px 1.5px at 150px 300px,#fff 50%,transparent 51%);background-size:380px 380px;opacity:.8}button{font:inherit;color:inherit;cursor:pointer;padding:.55rem 1rem;border:1px solid rgb(139 92 246 / 45%);border-radius:.65rem;background:#8b5cf61a;font-weight:500}button:hover:not(:disabled){border-color:var(--cyan);box-shadow:var(--glow-cyan)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{border-color:var(--cyan);background:var(--cyan);color:var(--accent-ink);font-weight:700;letter-spacing:.04em;box-shadow:var(--glow-cyan)}button.primary:hover:not(:disabled){border-color:var(--cyan-soft);background:var(--cyan-soft)}.link-button{padding:0;border:0;background:none;color:var(--cyan-soft);text-decoration:underline;text-underline-offset:.2em}.link-button:hover:not(:disabled){color:#fff;box-shadow:none}:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;min-height:calc(100vh - 2 * var(--app-pad));text-align:center}.title-logo{font-size:clamp(2.3rem,10vw,5.5rem);font-weight:700;line-height:1.05;letter-spacing:.12em;color:#f0fdff;text-shadow:0 0 6px rgb(34 211 238 / 90%),0 0 24px rgb(34 211 238 / 60%),0 0 60px rgb(232 121 249 / 45%)}.briefing{min-height:6.5em;max-width:34rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.95rem,2.6vw,1.1rem);color:var(--cyan-soft)}.briefing-line{min-height:1.5em;margin:0 0 .6em}.briefing-line:first-child{color:var(--magenta);letter-spacing:.08em;text-transform:uppercase}.launch{min-width:12rem;padding:.85rem 2.5rem;border-radius:999px;font-family:var(--display);font-size:1.15rem;letter-spacing:.2em;text-transform:uppercase}.intro{max-width:60rem;margin:0 auto;padding:clamp(1.5rem,6vw,4rem) 0 2rem;text-align:center}.intro-title{font-size:clamp(1.6rem,5vw,2.4rem)}.intro-subtitle{margin:.75rem 0 2rem;font-size:clamp(1rem,2.5vw,1.15rem);color:var(--muted)}.level-picker{min-width:0;margin:0;padding:0;border:0}.level-cards{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:48rem){.level-cards{grid-template-columns:repeat(3,1fr)}}.level-card{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;border:1px solid var(--panel-border);border-radius:var(--radius);background:linear-gradient(135deg,rgb(139 92 246 / 12%),transparent 60%),var(--panel);box-shadow:var(--shadow);text-align:left;cursor:pointer}.level-card:hover{border-color:#22d3ee99}.level-card:has(.level-input:checked){border-color:var(--cyan);background:linear-gradient(135deg,rgb(34 211 238 / 16%),transparent 65%),var(--panel);box-shadow:var(--shadow),0 0 0 1px var(--cyan),var(--glow-cyan)}.level-card:has(.level-input:focus-visible){outline:3px solid var(--magenta);outline-offset:3px}.level-input{position:absolute;opacity:0;pointer-events:none}.level-name{display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.level-name:after{content:"";width:1.15rem;height:1.15rem;border:2px solid var(--muted);border-radius:50%}.level-card:has(.level-input:checked) .level-name:after{border:.35rem solid var(--cyan);background:var(--accent-ink);box-shadow:var(--glow-cyan)}.level-desc{flex:1;color:var(--muted)}.level-stat{padding-top:.75rem;border-top:1px solid var(--panel-border);font-size:.9rem;color:var(--muted)}.level-stat strong{font-family:var(--display);font-size:1.4rem;font-weight:700;color:var(--magenta)}.intro-note{max-width:40rem;margin:1.5rem auto 2rem;font-size:.9rem;color:var(--muted)}.intro-start{min-width:12rem;padding:.8rem 2rem;font-size:1.05rem}.leaderboard{max-width:56rem;margin:2.5rem auto 0;padding:1.25rem var(--panel-pad, 1.25rem);border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);text-align:left}.leaderboard h2{margin-bottom:1rem;text-align:center;color:var(--cyan-soft)}.leaderboard-levels{display:grid;gap:1rem}@media(min-width:48rem){.leaderboard-levels{grid-template-columns:repeat(3,1fr)}}.leaderboard-level h3{margin:0 0 .5rem;font-family:var(--display);color:var(--magenta)}.leaderboard-level ol{margin:0;padding-left:1.5rem}.leaderboard-level li{padding:.15rem 0}.leaderboard-level li::marker{color:var(--cyan);font-weight:700}.lb-strikes{font-weight:600}.lb-date,.lb-empty{font-size:.85rem;color:var(--muted)}.lb-empty{margin:0}.leaderboard .link-button{display:block;margin:1rem auto 0}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.status{min-height:3.25rem;margin:.75rem 0 1.25rem;padding:.75rem 1rem;border:1px solid var(--panel-border);border-left:3px solid var(--magenta);border-radius:.75rem;background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-line{margin:0}.status-line+.status-line{margin-top:.25rem}.status-turn{color:var(--cyan-soft)}.layout{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:66rem){.layout{grid-template-columns:1fr 1fr}}.panel{container-type:inline-size;min-width:0;padding:var(--panel-pad);border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hint{margin:0 0 1rem;font-size:.9rem;color:var(--muted)}.ship-list,.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.ship-button{display:inline-flex;align-items:center;gap:.5rem}.ship-button[aria-pressed=true]{border-color:var(--cyan);background:var(--cyan);color:var(--accent-ink);font-weight:600}.ship-button.placed:not([aria-pressed=true]){border-style:dashed;color:var(--muted)}.level-line{margin:0 0 1rem;padding:.75rem 1rem;border-radius:.65rem;background:#8b5cf61a}.level-line .link-button{margin-left:.5rem}.ship-art{display:block;overflow:visible;fill:none;stroke:currentcolor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.ship-art *{vector-effect:non-scaling-stroke}.ship-art .ship-engine{stroke:var(--magenta)}.ship-icon{display:inline-flex;color:var(--cyan)}.ship-icon .ship-art{width:auto;height:.8rem;stroke-width:1.5;filter:drop-shadow(0 0 3px rgb(34 211 238 / 70%))}.ship-button[aria-pressed=true] .ship-icon{color:var(--accent-ink)}.ship-button[aria-pressed=true] .ship-icon .ship-art{filter:none}.ship-button[aria-pressed=true] .ship-engine{stroke:var(--accent-ink)}.board-wrap{position:relative;width:max-content;margin:0 auto;padding:var(--wrap-pad);overflow:hidden;border:1px solid rgb(34 211 238 / 25%);border-radius:.75rem;background:repeating-radial-gradient(circle at 54% 54%,transparent 0 3.2rem,rgb(34 211 238 / 7%) 3.2rem calc(3.2rem + 1px)),radial-gradient(circle at 54% 54%,rgb(34 211 238 / 10%),transparent 70%),#040614cc;box-shadow:inset 0 0 30px #22d3ee14}.board-wrap:after{content:"";position:absolute;inset:0;pointer-events:none}.board{display:grid;grid-template-columns:repeat(11,var(--cell));grid-auto-rows:var(--cell);gap:var(--gap);width:max-content}.board [role=row],.board [role=gridcell]{display:contents}.board-label{display:grid;place-items:center;font-family:var(--display);font-size:.7rem;font-weight:700;color:#67e8f9bf}.cell{position:relative;width:var(--cell);height:var(--cell);padding:0;border:1px solid var(--grid-line);border-radius:.2rem;background:var(--cell-bg)}@media(hover:hover){.board:not(.board--passive) .cell:hover:not(.preview-valid,.preview-invalid,.hit,.miss,.sunk){border-color:var(--cyan);background:#22d3ee2e;box-shadow:var(--glow-cyan)}}.board--passive .cell{cursor:default}.cell.ship{background:var(--ship-fill)}.cell.preview-valid{border-color:var(--valid-ring);background:var(--valid)}.cell.preview-invalid{border-color:var(--invalid-ring);background:var(--invalid)}.cell.miss:after{content:"";position:absolute;inset:38%;border-radius:50%;background:var(--miss);opacity:.75}.cell.hit:not(.sunk){border-color:#ff4fd8b3;background:#ff4fd824}.cell.hit:after{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff,var(--hit) 55%);box-shadow:0 0 10px var(--hit)}.cell.sunk{border-color:#ff7a4573;background:#ff7a451f}.cell.sunk:after{inset:34%;background:radial-gradient(circle,#ffb38a,var(--sunk) 60%,transparent 70%);box-shadow:0 0 6px #ff7a4599;opacity:.8}.ship-layer,.fx-layer{position:absolute;inset:var(--wrap-pad);pointer-events:none}.ship-sprite{position:absolute;top:calc((var(--row) + 1) * var(--step));left:calc((var(--col) + 1) * var(--step));width:calc(var(--len) * var(--step) - var(--gap));height:var(--cell);padding:calc(var(--cell) * .12) calc(var(--cell) * .05);color:var(--ship);filter:drop-shadow(0 0 4px rgb(34 211 238 / 80%))}.ship-sprite .ship-art{width:100%;height:100%}.ship-sprite--vertical{width:var(--cell);height:calc(var(--len) * var(--step) - var(--gap));padding:0}.ship-sprite--vertical .ship-art{width:calc(var(--len) * var(--step) - var(--gap));height:var(--cell);padding:calc(var(--cell) * .12) calc(var(--cell) * .05);transform:rotate(90deg) translateY(-100%);transform-origin:top left}.ship-sprite--wreck{color:var(--wreck);filter:drop-shadow(0 0 3px rgb(255 122 69 / 55%))}.ship-sprite--wreck .ship-art{stroke-dasharray:6 5}.ship-sprite--wreck .ship-engine{stroke:var(--wreck)}.fx{position:absolute;top:calc((var(--row) + 1) * var(--step));left:calc((var(--col) + 1) * var(--step));width:var(--cell);height:var(--cell)}.fx:before{content:"";position:absolute;inset:0;border-radius:50%;opacity:0}.fx--miss:before{border:2px solid var(--miss)}.fx--hit:before{background:radial-gradient(circle,#fff,var(--hit) 45%,transparent 70%)}.fx--sunk:before{inset:-40%;background:radial-gradient(circle,#fff,#ffb38a 25%,var(--sunk) 45%,transparent 70%)}.spark{position:absolute;top:50%;left:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#fff;box-shadow:0 0 6px var(--hit);opacity:0;--angle: calc(var(--i) * 60deg);--dist: calc(var(--cell) * .9)}.fx--sunk .spark{background:#ffd2b8;box-shadow:0 0 6px var(--sunk);--angle: calc(var(--i) * 45deg + 20deg);--dist: calc(var(--cell) * 1.4)}.fx-defeat [data-ref=playerBoard] .board-wrap{filter:grayscale(1) brightness(.4)}.tracker ul{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.tracker li{display:grid;grid-template-columns:4.25rem 1fr auto;align-items:center;gap:.5rem;font-size:.9rem}.tracker-state{padding:.05rem .55rem;border-radius:999px;background:#22d3ee1a;font-size:.8rem;color:var(--cyan-soft)}.tracker li.sunk .tracker-name{color:var(--muted);text-decoration:line-through}.tracker li.sunk .ship-icon{color:var(--wreck)}.tracker li.sunk .ship-icon .ship-art{stroke-dasharray:4 3;filter:none}.tracker li.sunk .ship-engine{stroke:var(--wreck)}.tracker li.sunk .tracker-state{background:#ff7a4526;color:#ffb38a;font-weight:600}.end{width:min(26rem,calc(100vw - 2rem));padding:2rem;border:1px solid var(--panel-border);border-radius:1.25rem;background:var(--panel-solid);color:var(--text);text-align:center;box-shadow:0 24px 60px #000000a6,0 0 40px #8b5cf640}.end::backdrop{background:#03020ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.end h2{margin-bottom:.5rem;font-size:1.9rem}.end--win h2{color:var(--win);text-shadow:var(--glow-cyan)}.end--lose h2{color:var(--lose);text-shadow:0 0 18px rgb(255 122 154 / 45%)}.end-text{margin:0 0 1.5rem;color:var(--muted)}.end-rank{margin:-.75rem 0 1.5rem;font-family:var(--display);font-weight:700;letter-spacing:.04em;color:var(--magenta);text-shadow:var(--glow-magenta)}.end-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0 0 1.75rem}.end-stat{display:flex;flex-direction:column;justify-content:space-between;padding:.75rem;border:1px solid rgb(139 92 246 / 20%);border-radius:.75rem;background:#8b5cf61a}.end-stat dt{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.end-stat dd{margin:.15rem 0 0;font-family:var(--display);font-size:1.4rem;font-weight:700}.end .primary{min-width:10rem;padding:.7rem 1.5rem}@media(prefers-reduced-motion:no-preference){.stars--far{animation:drift 140s linear infinite}.stars--near{animation:drift 70s linear infinite,twinkle 4s ease-in-out infinite alternate}.board-wrap:after{background:linear-gradient(90deg,transparent 44%,rgb(34 211 238 / 7%) 49%,rgb(34 211 238 / 22%) 50%,transparent 51%);background-size:300% 100%;animation:scan 5s linear infinite}.launch{animation:pulse 1.6s ease-in-out infinite}.title-screen[data-briefing=done] .launch{animation:appear .3s ease-out,pulse 1.6s ease-in-out .3s infinite}button,.cell,.level-card{transition:background-color .15s,border-color .15s,box-shadow .15s}.fx--miss:before{animation:ping .6s ease-out}.fx--hit:before{animation:flash .35s ease-out}.fx--sunk:before{animation:blast .8s ease-out}.spark{animation:spark .5s ease-out}.fx--sunk .spark{animation-duration:.75s}.ship-sprite--wreck{animation:wreck .7s ease-out}.shake .layout{animation:shake .4s ease-in-out}.fx-victory .stars{animation:warp 2s ease-in forwards}.fx-victory .starfield{animation:warp-glow 2s ease-in forwards}.fx-defeat [data-ref=playerBoard] .board-wrap{transition:filter 1s ease-in}.end[open]{animation:rise .25s ease-out}}@media(prefers-reduced-motion:reduce){.fx:before{animation:fade .3s ease-out}.fx-victory .starfield{background:radial-gradient(circle,rgb(34 211 238 / 15%),transparent 70%)}}@keyframes drift{to{transform:translateY(50%)}}@keyframes twinkle{to{opacity:.45}}@keyframes scan{0%{background-position:100% 0}to{background-position:0% 0}}@keyframes pulse{50%{box-shadow:0 0 28px #22d3eebf,0 0 60px #e879f959}}@keyframes appear{0%{transform:scale(.9);opacity:0}}@keyframes ping{0%{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes flash{0%{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes blast{0%{transform:scale(.2);opacity:1}60%{opacity:.9}to{transform:scale(1.3);opacity:0}}@keyframes spark{0%{transform:rotate(var(--angle)) translate(0);opacity:1}to{transform:rotate(var(--angle)) translate(var(--dist));opacity:0}}@keyframes wreck{0%{color:#fff;filter:drop-shadow(0 0 10px var(--sunk))}}@keyframes shake{20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-1px)}80%{transform:translate(2px,1px)}}@keyframes warp{to{transform:scale(5,9);opacity:0}}@keyframes warp-glow{60%{background:radial-gradient(circle,rgb(34 211 238 / 0%),transparent 70%)}to{background:radial-gradient(circle,rgb(34 211 238 / 25%),rgb(139 92 246 / 10%) 50%,transparent 75%)}}@keyframes fade{0%{opacity:.8}}@keyframes rise{0%{transform:translateY(.75rem) scale(.97);opacity:0}}[data-phase=placing] [data-ref=playerBoard] .cell.ship{touch-action:none;cursor:grab}.board--dragging,.board--dragging .cell{cursor:grabbing}.lb-message{margin:.75rem 0 0;font-size:.85rem;text-align:center;color:var(--lose)}.lb-message:empty{display:none}