.sb-vessel[data-v-4a0164d9]{filter:drop-shadow(0 2px 2px #0006);width:100%;height:100%;transition:opacity .3s,filter .3s;overflow:visible}.sb-keel[data-v-4a0164d9]{fill:color-mix(in srgb,var(--sb-ship-accent) 72%,var(--color-base-200));stroke:var(--sb-ship-accent);stroke-width:.7px}.sb-deck[data-v-4a0164d9]{fill:color-mix(in srgb,var(--sb-ship-accent) 22%,var(--color-base-200))}.sb-rail[data-v-4a0164d9]{fill:none;stroke:var(--color-base-content);stroke-width:.6px;opacity:.6}.sb-bridge[data-v-4a0164d9]{fill:color-mix(in srgb,var(--sb-ship-accent) 75%,var(--color-base-content))}.sb-stripe[data-v-4a0164d9]{stroke-width:2.5px}.sb-stripe[data-v-4a0164d9],.sb-turret[data-v-4a0164d9]{stroke:var(--sb-ship-accent)}.sb-turret[data-v-4a0164d9]{fill:var(--sb-ship-accent);stroke-width:1.4px}.sb-sunk[data-v-4a0164d9]{opacity:.4;filter:grayscale()}.sb-cell[data-v-0744ba9b]{-webkit-tap-highlight-color:transparent}.sb-target[data-v-0744ba9b]{cursor:crosshair}.sb-target[data-v-0744ba9b]:focus-visible{z-index:30;outline-offset:-3px;background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.sb-target[data-v-0744ba9b]:after{content:"";border:1px solid var(--color-accent);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .12s;position:absolute;inset:23%}@media (hover:hover){.sb-target[data-v-0744ba9b]:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.sb-target[data-v-0744ba9b]:hover:after{opacity:1}}.sb-target[data-v-0744ba9b]:focus-visible:after{opacity:1}.sb-miss[data-v-0744ba9b]{background:var(--color-info);opacity:.65;width:13%;height:13%;animation:.42s ease-out sb-ripple-0744ba9b}.sb-hit[data-v-0744ba9b],.sb-miss[data-v-0744ba9b]{border-radius:50%}.sb-hit[data-v-0744ba9b]{width:65%;height:65%;color:var(--sb-hit-color);background:color-mix(in srgb,var(--color-base-100) 85%,transparent);animation:.26s ease-out sb-impact-0744ba9b;display:block}.sb-hit-sunk[data-v-0744ba9b]{opacity:.8;background:0 0}@keyframes sb-ripple-0744ba9b{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-info) 70%,transparent)}to{box-shadow:0 0 0 12px #0000}}@keyframes sb-impact-0744ba9b{0%{background:color-mix(in srgb,var(--sb-hit-color) 30%,var(--color-base-100));transform:scale(1.45)}to{transform:scale(1)}}.sb-board[data-v-3be078bb]{box-shadow:0 12px 32px #0003,inset 0 1px 0 color-mix(in srgb,var(--color-base-content) 4%,transparent);flex:none;transition:border-color .22s,box-shadow .22s}.sb-active[data-v-3be078bb]{border-color:color-mix(in srgb,var(--color-accent) 48%,var(--color-base-300));box-shadow:0 12px 32px #0003,0 0 24px color-mix(in srgb,var(--color-accent) 5%,transparent)}.sb-sea[data-v-3be078bb]{background-color:var(--color-base-100);background-image:repeating-linear-gradient(to right,color-mix(in srgb,var(--color-info) 13%,transparent) 0 1px,transparent 1px var(--sb-cell)),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--color-info) 13%,transparent) 0 1px,transparent 1px var(--sb-cell)),radial-gradient(ellipse at 30% 0,color-mix(in srgb,var(--color-info) 12%,transparent),transparent 75%);box-shadow:inset 0 2px 12px #0003}.sb-shell[data-v-389e9650]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-base-100:#0c1925;--color-base-200:#122432;--color-base-300:#203747;--color-base-content:#dce7ee;--color-primary:#7ed9cc;--color-primary-content:#092b29;--color-secondary:#93adc4;--color-secondary-content:#101e2d;--color-accent:#7ed9cc;--color-accent-content:#092b29;--color-neutral:#243a49;--color-neutral-content:#dce7ee;--color-info:#8cbedf;--color-info-content:#102738;--color-success:#91cfb4;--color-success-content:#102b21;--color-warning:#e5b777;--color-warning-content:#342411;--color-error:#e69b91;--color-error-content:#381b19;--sb-hit-color:#f0646c;--radius-selector:.5rem;--radius-field:.5rem;--radius-box:1rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0;border-color:var(--color-base-300);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--color-info) 7%,transparent),transparent 65%),var(--color-base-100)}.sb-shell[data-v-389e9650] .btn{min-height:2.5rem;font-weight:500;transition:background-color .16s,border-color .16s,box-shadow .16s}.sb-shell[data-v-389e9650] .btn-primary{box-shadow:0 3px 16px color-mix(in srgb,var(--color-primary) 12%,transparent)}.sb-shell[data-v-389e9650] :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.sb-shell[data-v-389e9650] *,.sb-shell[data-v-389e9650] :after,.sb-shell[data-v-389e9650] :before{transition:none!important;animation:none!important}}