.game{align-items:center;gap:var(--space-3);--size:min(360px, calc(100vw - 2 * var(--space-4)));flex-direction:column;flex:1;display:flex}.sbar{width:var(--size);color:var(--ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.sbar b{color:var(--ink)}.sfleet{width:var(--size);margin:calc(-1 * var(--space-2)) 0 0;flex-wrap:wrap;justify-content:flex-start;gap:6px 12px;padding:0;list-style:none;display:flex}.fship{gap:2px;display:flex}.fship i{border:2px solid var(--kobalt);border-radius:2px;width:14px;height:14px}.fship i:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px}.fship i:last-child{border-top-right-radius:999px;border-bottom-right-radius:999px}.fship.done i{background-color:var(--kobalt)}.sboard{--n:6;--clue:28px;--cell:calc((var(--size) - var(--clue)) / var(--n));grid-template-columns:var(--clue) repeat(var(--n), var(--cell));grid-template-rows:var(--clue);grid-auto-rows:var(--cell);touch-action:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;display:grid}.sclue{border-radius:var(--radius-sm);min-width:0;color:var(--ink);font:inherit;cursor:pointer;background-color:#0000;border:0;padding:0;font-size:clamp(12px,3.6vw,16px);font-weight:700}.sclue.c{height:var(--clue);align-self:end}.sclue.r{width:calc(var(--clue) - 4px);justify-self:start}.sclue.done{color:color-mix(in srgb, var(--ink-muted) 60%, transparent);font-weight:500}.sclue.over{outline:2px dashed var(--ink);outline-offset:-3px}.sclue:focus-visible{box-shadow:var(--focus-ring);outline:none}.sclue:disabled{cursor:default}.scell{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);background-color:var(--surface-raised);cursor:pointer;border-radius:0;min-width:0;margin:0 -1px -1px 0;padding:0;position:relative}.scell:focus-visible{outline:3px solid var(--kobalt);outline-offset:-3px;z-index:1}.scell .part,.scell .wave{display:none}.scell .part{background-color:var(--kobalt);border-radius:999px;position:absolute;inset:15%}.scell.ship .part{display:block}.scell.jt .part{border-top-left-radius:0;border-top-right-radius:0;top:-1px}.scell.jb .part{border-bottom-right-radius:0;border-bottom-left-radius:0;bottom:-1px}.scell.jl .part{border-top-left-radius:0;border-bottom-left-radius:0;left:-1px}.scell.jr .part{border-top-right-radius:0;border-bottom-right-radius:0;right:-1px}.scell.mid .part{border-radius:0}.scell.given{cursor:default}.scell.given.ship .part{background-color:var(--ink)}.scell.water{background-color:color-mix(in srgb, var(--kobalt) 12%, var(--surface-raised))}.scell.water .wave{fill:none;width:64%;height:64%;stroke:color-mix(in srgb, var(--kobalt) 70%, var(--ink-muted));stroke-width:2px;stroke-linecap:round;display:block;position:absolute;inset:18%}.scell.given.water{background-color:color-mix(in srgb, var(--kobalt) 22%, var(--surface-raised))}.scell.given.water .wave{stroke:var(--ink)}.scell.clash{outline:2px dashed var(--ink);outline-offset:-4px;z-index:1}.scell.clash .part{background-image:repeating-linear-gradient(135deg, transparent 0 4px, color-mix(in srgb, var(--surface-raised) 55%, transparent) 4px 6px)}.sboard[data-pre="1"] .scell.pre{background-color:color-mix(in srgb, var(--kobalt) 22%, var(--surface-raised))}.sboard[data-pre="2"] .scell.pre{background-color:color-mix(in srgb, var(--kobalt) 50%, var(--surface-raised))}.sboard[data-pre="0"] .scell.pre{background-color:color-mix(in srgb, var(--mango) 35%, var(--surface-raised))}.scell:disabled{cursor:default}.sboard.solved .scell.water:not(.given){background-color:var(--surface-raised)}.shint{width:var(--size);min-height:1.4em;color:var(--ink);margin:0;font-size:14px}.stools{width:var(--size);gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.after{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.after p{margin:0}.scell.hop .part{animation:.48s ease-out both s-hop;animation-delay:inherit}@keyframes s-hop{40%{transform:translateY(-4px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.scell.hop .part{animation:none}}
