.game-deep-scan{--bs-water:#a8cdee;--bs-line:#22304a52;--bs-foam:#ffffff8c;--bs-ok-edge:#1d7a4f;--bs-bad-edge:#b23431;--bs-carrier:var(--twilight);--bs-battleship:var(--signpost);--bs-cruiser:var(--meadow);--bs-submarine:var(--sunbeam);--bs-destroyer:var(--lake);--bs-hit:var(--taillight);--bs-sunk:var(--ink)}.game-deep-scan .bs-play{gap:16px;display:grid}.game-deep-scan .bs-meta{color:var(--muted);margin:0;font-size:14px;font-weight:700;line-height:1.5}.game-deep-scan .bs-meta b{color:var(--ink)}.game-deep-scan .bs-frame{border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:6px 8px 8px 4px;position:relative}.game-deep-scan .bs-grid{--bs-axis:20px;grid-template-columns:var(--bs-axis) repeat(10, minmax(0, 1fr));grid-template-rows:var(--bs-axis) auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:grid}.game-deep-scan .bs-grid[data-size=sm]{--bs-axis:15px}.game-deep-scan .bs-axis{color:var(--ink);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;line-height:1;display:flex}.game-deep-scan .bs-grid[data-size=sm] .bs-axis{font-size:10.5px}.game-deep-scan .bs-rows{grid-area:2/1;grid-template-rows:repeat(10,minmax(0,1fr));display:grid}.game-deep-scan .bs-cells{aspect-ratio:1;background:radial-gradient(circle at 4px 10px, var(--bs-foam) 0 1px, transparent 1.4px), radial-gradient(circle at 12px 7.5px, var(--bs-foam) 0 1px, transparent 1.4px), radial-gradient(circle at 20px 10px, var(--bs-foam) 0 1px, transparent 1.4px), radial-gradient(circle at 28px 12.5px, var(--bs-foam) 0 1px, transparent 1.4px), var(--bs-water);border:1.5px solid var(--ink);background-size:32px 20px;border-radius:6px;grid-area:2/2/auto/-1;grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.game-deep-scan .bs-ships{pointer-events:none;grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));display:grid;position:absolute;inset:0}.game-deep-scan .bs-ships .bs-shipart{width:100%;height:100%}.game-deep-scan .bs-shipart{flex:none;display:block;overflow:visible}.game-deep-scan .bs-shipart[data-kind=carrier]{--bs-hull:var(--bs-carrier)}.game-deep-scan .bs-shipart[data-kind=battleship]{--bs-hull:var(--bs-battleship)}.game-deep-scan .bs-shipart[data-kind=cruiser]{--bs-hull:var(--bs-cruiser)}.game-deep-scan .bs-shipart[data-kind=submarine]{--bs-hull:var(--bs-submarine)}.game-deep-scan .bs-shipart[data-kind=destroyer]{--bs-hull:var(--bs-destroyer)}.game-deep-scan .bs-hull,.game-deep-scan .bs-hull-ring,.game-deep-scan .bs-hull-ring-edge{vector-effect:non-scaling-stroke;stroke-linejoin:round}.game-deep-scan .bs-hull{fill:var(--bs-hull);stroke:var(--ink);stroke-width:1.5px}.game-deep-scan .bs-hull-band{fill:none;stroke:#ffffff73;stroke-width:1.1px;stroke-linecap:round}.game-deep-scan .bs-porthole{fill:var(--ink)}.game-deep-scan .bs-hull-ring,.game-deep-scan .bs-hull-ring-edge{fill:none}.game-deep-scan .bs-hull-ring{stroke:var(--signpost);stroke-width:9.5px}.game-deep-scan .bs-hull-ring-edge{stroke:var(--ink);stroke-width:12px}.game-deep-scan .bs-shipart-revealed .bs-hull{fill:color-mix(in srgb, var(--bs-hull) 35%, transparent);stroke-dasharray:4 3}.game-deep-scan .bs-shipart-revealed .bs-hull-band{display:none}.game-deep-scan .bs-shipart-revealed .bs-porthole{opacity:.5}.game-deep-scan .bs-cell{min-width:0;min-height:0;box-shadow:inset 0 0 0 .5px var(--bs-line);color:var(--ink);font:inherit;appearance:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.game-deep-scan button.bs-cell{cursor:default}.game-deep-scan button.bs-cell:focus-visible{outline:3px solid var(--lake);outline-offset:-3px;box-shadow:inset 0 0 0 4.5px var(--ink);z-index:2}.game-deep-scan .bs-cell[data-live]{cursor:pointer}.game-deep-scan .bs-frame[data-live] .bs-cell[data-live]{cursor:crosshair}@media (hover:hover){.game-deep-scan .bs-cell[data-live]:not([data-preview]):hover{background:var(--sunbeam-tint);box-shadow:inset 0 0 0 2px var(--ink)}}.game-deep-scan .bs-cell[data-mark][data-part^=h-]{margin-block:9%}.game-deep-scan .bs-cell[data-mark][data-part^=v-]{margin-inline:9%}.game-deep-scan .bs-cell[data-mark][data-part=h-first]{border-radius:45% 0 0 45%}.game-deep-scan .bs-cell[data-mark][data-part=h-last]{border-radius:0 45% 45% 0}.game-deep-scan .bs-cell[data-mark][data-part=v-first]{border-radius:45% 45% 0 0}.game-deep-scan .bs-cell[data-mark][data-part=v-last]{border-radius:0 0 45% 45%}.game-deep-scan .bs-mark{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:64%;height:64%}.game-deep-scan .bs-cell[data-mark=miss] .bs-mark{fill:#fff;color:var(--ink)}.game-deep-scan .bs-cell[data-mark=hit]{background:var(--bs-hit);box-shadow:inset 0 0 0 1.5px var(--ink);color:#fff}.game-deep-scan .bs-cell[data-mark=hit] .bs-mark{stroke-width:4px}.game-deep-scan .bs-cell[data-mark=sunk]{background:var(--bs-sunk);color:#fff;box-shadow:inset 0 0 0 .5px #ffffff40}.game-deep-scan .bs-cell[data-mark=sunk] .bs-mark{stroke-width:2px;width:70%;height:70%}.game-deep-scan .bs-cell[data-last]:after{content:"";border:1.5px solid var(--ink);box-shadow:inset 0 0 0 3px var(--signpost);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.game-deep-scan .bs-pending{background:var(--ink);opacity:.7;border-radius:50%;width:34%;height:34%}.game-deep-scan .bs-cell[data-preview=ok]{background:var(--meadow-tint);box-shadow:inset 0 0 0 2px var(--bs-ok-edge)}.game-deep-scan .bs-cell[data-preview=bad]{background:repeating-linear-gradient(-45deg, var(--rose-tint) 0 4px, #ed6a8a8c 4px 6px);box-shadow:inset 0 0 0 2px var(--bs-bad-edge);cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.game-deep-scan .bs-cell[data-last] .bs-mark{animation:.34s cubic-bezier(.2,.9,.3,1.3) both bs-pop}.game-deep-scan .bs-cell[data-last]:after{animation:.42s ease-out both bs-splash}.game-deep-scan .bs-cell[data-mark=sunk]{animation:.36s ease-out both bs-sink}.game-deep-scan .bs-pending{animation:.7s ease-in-out infinite alternate bs-pulse}.game-deep-scan .bs-shipart[data-settle]{animation:.28s ease-out bs-settle}}.game-deep-scan .bs-battle{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.game-deep-scan .bs-battle>.bs-board:first-child{justify-self:center;width:min(100%,max(300px,100dvh - 300px))}.game-deep-scan .bs-board{gap:8px;min-width:0;display:grid}.game-deep-scan .bs-board-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.game-deep-scan .bs-board-title{font-family:var(--font-display);margin:0;font-size:18px;font-weight:600;line-height:1.2}.game-deep-scan .bs-waiting{width:min(100%,420px);margin:0 auto}@media (width<=720px){.game-deep-scan .bs-battle{grid-template-columns:minmax(0,1fr)}.game-deep-scan .bs-battle>.bs-board:first-child{width:min(100%,480px)}.game-deep-scan .bs-board-own{justify-self:center;width:min(100%,300px)}}.game-deep-scan .bs-fleet{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.game-deep-scan .bs-fleet li{border:1.5px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:12.5px;font-weight:800;line-height:1.3;display:flex}.game-deep-scan .bs-fleet li[data-sunk]{background:var(--bs-sunk);color:#fff}.game-deep-scan .bs-fleet li[data-sunk] .bs-fleet-name{text-decoration:line-through}.game-deep-scan .bs-fleet li[data-sunk] .bs-shipart{opacity:.6}.game-deep-scan .bs-fleet li[data-sunk] .bs-hull{stroke:#fff}.game-deep-scan .bs-fleet .bs-shipart{height:10px}.game-deep-scan .bs-fleet .bs-mark{stroke-width:2px;width:14px;height:14px}.game-deep-scan .bs-legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:13px;font-weight:700;list-style:none;display:flex}.game-deep-scan .bs-legend li{align-items:center;gap:6px;display:flex}.game-deep-scan .bs-cell.bs-legend-cell{border-radius:5px;flex:none;width:22px;height:22px;animation:none}.game-deep-scan .bs-cell.bs-legend-cell[data-mark=miss]{background:var(--bs-water);box-shadow:inset 0 0 0 1.5px var(--ink)}.game-deep-scan .bs-result-layer{z-index:10;border-radius:var(--radius-card);background:#cde2f799;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}.game-deep-scan .bs-result-layer .dt-result{width:min(380px,100%)}.game-deep-scan .bs-result-line+.bs-result-line{margin-top:2px}.game-deep-scan .bs-result-note{margin-top:6px;font-weight:700}.game-deep-scan .bs-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;display:flex}.game-deep-scan .bs-lead{border:2px solid var(--ink);background:var(--bs-water);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.game-deep-scan .bs-lead svg{width:22px;height:22px}.game-deep-scan .bs-lead[data-mode=fire]{background:var(--signpost)}.game-deep-scan .bs-lead[data-mode=over]{background:var(--sunbeam)}.game-deep-scan .bs-place{--bs-board:max(300px, calc(100dvh - 260px));grid-template-columns:minmax(0, var(--bs-board)) minmax(250px, 320px);justify-content:center;align-items:stretch;gap:20px;display:grid;position:relative}.game-deep-scan .bs-place>.bs-frame{align-content:center;display:grid}.game-deep-scan .bs-place-side{border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;grid-template-rows:auto auto 1fr auto;gap:14px;padding:16px;display:grid}@media (width<=820px){.game-deep-scan .bs-place{grid-template-columns:minmax(0,1fr);gap:14px}.game-deep-scan .bs-place>.bs-frame{justify-self:center;width:min(100%,440px)}}.game-deep-scan .bs-tray{gap:6px;margin:0;padding:0;list-style:none;display:grid}.game-deep-scan .bs-ship{width:100%;min-height:40px;color:var(--ink);border:2px solid var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:6px 12px;font-size:14.5px;font-weight:800;display:flex}.game-deep-scan .bs-ship .bs-shipart{height:18px}.game-deep-scan .bs-ship,.game-deep-scan .bs-place .bs-cell[data-ship]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.game-deep-scan .bs-place .bs-cell[data-live]:not([data-ship]){cursor:default}@media (hover:hover){.game-deep-scan .bs-place .bs-cell[data-live]:not([data-preview]):not([data-ship]):hover,.game-deep-scan .bs-place .bs-cell[data-live][data-ship]:not([data-preview]):hover{box-shadow:inset 0 0 0 .5px var(--bs-line);background:0 0}}.game-deep-scan .bs-place[data-dragging],.game-deep-scan .bs-place[data-dragging] .bs-ship,.game-deep-scan .bs-place[data-dragging] .bs-cell{cursor:grabbing}.game-deep-scan .bs-ship[data-held]{opacity:.45}.game-deep-scan .bs-drag-ghost{z-index:5;pointer-events:none;opacity:.85;position:absolute;transform:translate(-50%,-50%)}.game-deep-scan .bs-drag-ghost[data-dir=h]{height:24px}.game-deep-scan .bs-drag-ghost[data-dir=v]{width:24px}.game-deep-scan .bs-ship-name{flex:1;min-width:0}.game-deep-scan .bs-ship[aria-pressed=true]{background:var(--signpost-tint);box-shadow:inset 0 0 0 2px var(--signpost)}.game-deep-scan .bs-ship[data-placed]{color:var(--muted);border-style:dashed}.game-deep-scan .bs-ship[data-active]{box-shadow:0 0 0 3px var(--signpost)}.game-deep-scan .bs-ship[aria-pressed=true][data-active]{box-shadow:inset 0 0 0 2px var(--signpost), 0 0 0 3px var(--signpost)}.game-deep-scan .bs-ship:focus-visible{outline:3px solid var(--lake);outline-offset:5px}.game-deep-scan .bs-ship-check{width:18px;height:18px;color:var(--meadow);stroke-width:3px;flex:none}.game-deep-scan .bs-place-tools{flex-wrap:wrap;align-content:start;gap:8px;display:flex}.game-deep-scan .bs-rules{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.game-deep-scan .bs-rule .bs-meta{margin-top:8px}.game-deep-scan .bs-rules-summary ul{color:var(--muted);gap:6px;margin:0;padding:0;font-size:14px;font-weight:700;line-height:1.45;list-style:none;display:grid}.game-deep-scan .bs-rules-summary ul b{color:var(--ink)}.game-deep-scan .bs-pass{text-align:center}.game-deep-scan .bs-pass .dt-lede{margin-inline:auto}.game-deep-scan .bs-pass-note{margin:0 0 10px;font-size:16px;font-weight:800}.game-deep-scan .bs-modes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:6px;display:grid}.game-deep-scan .bs-mode{text-align:left;color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;font:inherit;background:#fff;flex-direction:column;gap:6px;padding:18px;transition:box-shadow .14s;display:flex}.game-deep-scan .bs-mode p{color:var(--muted);margin:0;font-size:14.5px;font-weight:600;line-height:1.45}.game-deep-scan .bs-mode:hover{box-shadow:var(--shadow-card-hover)}.game-deep-scan .bs-mode:focus-visible{outline:3px solid var(--lake);outline-offset:3px}.game-deep-scan .bs-mode-title{font-family:var(--font-display);align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.game-deep-scan .bs-mode-title svg{width:22px;height:22px}.game-deep-scan .bs-records{gap:2px;margin:16px 0 0;padding:0;list-style:none;display:grid}.game-deep-scan .bs-code{font-family:var(--font-display);letter-spacing:.25em;text-align:center;border:2px dashed var(--sky-deep);border-radius:var(--radius-card);font-variant-numeric:tabular-nums;padding-left:.25em;margin:12px 0 16px;padding-block:10px;font-size:clamp(36px,10vw,52px);font-weight:700}.game-deep-scan .bs-code-input{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;width:11ch;font-weight:600}.game-deep-scan .bs-seats{gap:10px;margin:0;padding:0;list-style:none;display:grid}.game-deep-scan .bs-seats li{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.game-deep-scan .bs-seats li[data-taken=false]{color:var(--muted)}.game-deep-scan .bs-seats li[data-taken=false] .bs-seat-dot{background:0 0;border-style:dashed}.game-deep-scan .bs-seat-dot{border:2px solid var(--ink);background:var(--lake);border-radius:50%;flex:none;width:18px;height:18px}.game-deep-scan .bs-help{gap:12px;margin:0;padding:0;list-style:none;display:grid}.game-deep-scan .bs-help-step{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;display:grid}.game-deep-scan .bs-help-step h3{font-family:var(--font-display);margin:0 0 2px;font-size:17px;font-weight:600;line-height:1.2}.game-deep-scan .bs-help-step p{margin:0;font-size:14.5px;font-weight:600;line-height:1.4}.game-deep-scan .bs-help-art{background:var(--bs-water);border:2px solid var(--ink);border-radius:10px;justify-content:center;align-items:center;min-height:44px;display:flex}.game-deep-scan .bs-help-icon{width:24px;height:24px}.game-deep-scan .bs-help-ship{height:13px}.game-deep-scan .bs-help-marks{gap:3px;display:flex}.game-deep-scan .bs-help-marks .bs-legend-cell{width:19px;height:19px}.game-deep-scan .bs-help-foot{justify-content:flex-end;margin-top:16px;display:flex}@media (width<=420px){.game-deep-scan .bs-help{gap:8px}.game-deep-scan .bs-help-step{grid-template-columns:62px minmax(0,1fr);gap:12px}.game-deep-scan .bs-help-step h3{margin:0;font-size:15.5px}.game-deep-scan .bs-help-step p{font-size:13.5px;line-height:1.3}.game-deep-scan .bs-help-foot{margin-top:10px}.game-deep-scan .bs-help-marks .bs-legend-cell{width:17px;height:17px}}@media (width<=359px),(height<=600px){.game-deep-scan .bs-help{gap:7px}.game-deep-scan .bs-help-step{grid-template-columns:54px minmax(0,1fr);gap:10px}.game-deep-scan .bs-help-step h3{margin:0;font-size:14.5px}.game-deep-scan .bs-help-step p{font-size:12.5px;line-height:1.28}.game-deep-scan .bs-help-art{min-height:36px}.game-deep-scan .bs-help-ship{height:10px}.game-deep-scan .bs-help-marks{gap:2px}.game-deep-scan .bs-help-marks .bs-legend-cell{width:14px;height:14px}.game-deep-scan .bs-help-foot{margin-top:8px}.dt-modal:has(.bs-help){padding:10px 14px 12px}.dt-modal:has(.bs-help) .dt-modal-title{margin:6px 0 0;font-size:18px}.dt-modal:has(.bs-help) .dt-icon-btn{width:38px;height:38px}}@keyframes bs-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes bs-splash{0%{opacity:0;transform:scale(1.9)}40%{opacity:1}to{transform:scale(1)}}@keyframes bs-sink{0%{filter:brightness(1.8);transform:scale(.8)}to{filter:none;transform:scale(1)}}@keyframes bs-settle{0%{transform:scale(1.07)}55%{transform:scale(.975)}to{transform:scale(1)}}@keyframes bs-pulse{0%{opacity:.35;transform:scale(.7)}to{opacity:.7;transform:scale(1.1)}}
