.JJOs5W_board{--sq-light:var(--light-dark);--sq-dark:var(--dark-dark);--coord-on-light:var(--coord-on-light-dark);--coord-on-dark:var(--coord-on-dark-dark);--hl-last-l:var(--last-l-dark);--hl-last-d:var(--last-d-dark);--hl-sel-l:var(--sel-l-dark);--hl-sel-d:var(--sel-d-dark);--hl-check:var(--check-dark);--hint:var(--hint-dark);--frame:var(--frame-dark);--frame-lip:var(--frame-lip-dark);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;container-type:inline-size}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .JJOs5W_board{--sq-light:var(--light-light);--sq-dark:var(--dark-light);--coord-on-light:var(--coord-on-light-light);--coord-on-dark:var(--coord-on-dark-light);--hl-last-l:var(--last-l-light);--hl-last-d:var(--last-d-light);--hl-sel-l:var(--sel-l-light);--hl-sel-d:var(--sel-d-light);--hl-check:var(--check-light);--hint:var(--hint-light);--frame:var(--frame-light);--frame-lip:var(--frame-lip-light)}}[data-theme=light] .JJOs5W_board{--sq-light:var(--light-light);--sq-dark:var(--dark-light);--coord-on-light:var(--coord-on-light-light);--coord-on-dark:var(--coord-on-dark-light);--hl-last-l:var(--last-l-light);--hl-last-d:var(--last-d-light);--hl-sel-l:var(--sel-l-light);--hl-sel-d:var(--sel-d-light);--hl-check:var(--check-light);--hint:var(--hint-light);--frame:var(--frame-light);--frame-lip:var(--frame-lip-light)}.JJOs5W_square{-webkit-tap-highlight-color:transparent;outline:none;display:block;position:relative}.JJOs5W_square:focus-visible{box-shadow:inset 0 0 0 4px var(--q-primary);z-index:2}.JJOs5W_light{background:var(--sq-light)}.JJOs5W_dark{background:var(--sq-dark)}.JJOs5W_tint{pointer-events:none;position:absolute;inset:0}.JJOs5W_dot{background:var(--hint);pointer-events:none;border-radius:999px;width:30%;height:30%;position:absolute;top:50%;left:50%;translate:-50% -50%}.JJOs5W_ring{border:.9cqw solid var(--hint);pointer-events:none;border-radius:999px;position:absolute;inset:4%}.JJOs5W_coord{pointer-events:none;font-size:max(8px,2.3cqw);font-weight:900;line-height:1;position:absolute}.JJOs5W_frame{border:2px solid var(--frame);border-bottom:6px solid var(--frame-lip);background:var(--frame)}
.OHn02G_board{--sea:var(--q-match-sea-battle);--water:color-mix(in oklab, var(--sea) 17%, var(--q-surface));--water-deep:color-mix(in oklab, var(--sea) 34%, var(--q-surface));--shot:color-mix(in oklab, var(--sea) 6%, var(--q-surface));--hull:color-mix(in oklab, var(--q-text-secondary) 82%, #0d1424);--hull-lip:color-mix(in oklab, var(--q-text-secondary) 55%, #000);--deck:color-mix(in oklab, var(--q-text-secondary) 70%, #fff);--mark:color-mix(in oklab, var(--q-text-tertiary) 75%, var(--sea));--gap:2px;gap:var(--gap);aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-rows:.62fr repeat(10,1fr);grid-template-columns:.62fr repeat(10,1fr);width:100%;display:grid;position:relative}:root[data-theme=dark] .OHn02G_board{--water:color-mix(in oklab, var(--sea) 30%, var(--q-surface));--water-deep:color-mix(in oklab, var(--sea) 46%, var(--q-surface));--shot:color-mix(in oklab, var(--sea) 12%, var(--q-surface));--hull:color-mix(in oklab, var(--q-text-secondary) 88%, var(--sea));--hull-lip:color-mix(in oklab, var(--q-text-secondary) 60%, #000);--deck:color-mix(in oklab, var(--q-text-secondary) 65%, #fff);--mark:var(--q-text-secondary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .OHn02G_board{--water:color-mix(in oklab, var(--sea) 30%, var(--q-surface));--water-deep:color-mix(in oklab, var(--sea) 46%, var(--q-surface));--shot:color-mix(in oklab, var(--sea) 12%, var(--q-surface));--hull:color-mix(in oklab, var(--q-text-secondary) 88%, var(--sea));--hull-lip:color-mix(in oklab, var(--q-text-secondary) 60%, #000);--deck:color-mix(in oklab, var(--q-text-secondary) 65%, #fff);--mark:var(--q-text-secondary)}}.OHn02G_wrap{width:100%;container-type:inline-size}.OHn02G_mini{--gap:1px;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr)}.OHn02G_label{color:var(--q-text-tertiary);font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(9px,2.6cqi,14px);font-weight:800;display:grid}.OHn02G_cell{z-index:1;background:var(--water);transition:background-color var(--q-duration-base) var(--q-ease-out);border:0;border-radius:20%;place-items:center;padding:0;display:grid;position:relative}button.OHn02G_cell[data-open]{cursor:crosshair}button.OHn02G_cell[data-open]:hover{background:var(--water-deep)}button.OHn02G_cell[aria-disabled]{cursor:default}button.OHn02G_cell:focus-visible{outline:3px solid var(--q-text-primary);outline-offset:1px;z-index:5}.OHn02G_miss,.OHn02G_safe{background:var(--shot)}.OHn02G_hit{background:var(--q-danger);box-shadow:inset 0 -3px 0 var(--q-danger-lip)}.OHn02G_dot{aspect-ratio:1;background:var(--mark);border-radius:50%;width:26%}.OHn02G_ring{aspect-ratio:1;border:1.5px solid var(--mark);opacity:.85;border-radius:50%;width:22%}.OHn02G_cross{color:#fff;width:64%;height:64%}.OHn02G_hitBadge{aspect-ratio:1;background:var(--q-danger);width:66%;box-shadow:inset 0 -2px 0 var(--q-danger-lip);border-radius:50%;place-items:center;display:grid}.OHn02G_hitBadge .OHn02G_cross{width:72%;height:72%}.OHn02G_hull{z-index:2;background:var(--hull);box-shadow:inset 0 -3px 0 var(--hull-lip);pointer-events:none;border-radius:999px;justify-content:space-around;align-items:center;margin:.75cqi;display:flex;position:relative}.OHn02G_hullV{flex-direction:column}.OHn02G_deck{aspect-ratio:1;background:var(--deck);border-radius:50%;height:34%}.OHn02G_hullV .OHn02G_deck{width:34%;height:auto}.OHn02G_sunkHull{background:var(--q-danger-lip);box-shadow:inset 0 -3px 0 color-mix(in oklab, var(--q-danger-lip) 70%, #000)}.OHn02G_revealed{box-shadow:none;border:2px dashed var(--hull);background:0 0}.OHn02G_selected{background:color-mix(in oklab, var(--hull) 45%, var(--q-primary));outline:3px solid var(--q-text-primary);outline-offset:1px}.OHn02G_markLayer{z-index:3;pointer-events:none;place-items:center;display:grid;position:relative}.OHn02G_dragShip{z-index:4;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:999px;margin:0;padding:0;display:flex;position:relative}.OHn02G_dragShip:focus-visible{outline:3px solid var(--q-primary);outline-offset:2px}.OHn02G_dragShip .OHn02G_hull{flex:1}.OHn02G_dragging{z-index:6;cursor:grabbing;transition:scale var(--q-duration-fast) var(--q-ease-out);scale:1.04}.OHn02G_settle{transition:translate var(--q-duration-snappy) var(--q-ease-snappy)}.OHn02G_preview{z-index:3;border:2px solid var(--q-text-primary);pointer-events:none;border-radius:20%;position:relative}.OHn02G_previewBad{border-color:var(--q-danger);background:color-mix(in oklab, var(--q-danger) 35%, transparent)}.OHn02G_sight{z-index:5;border:3px solid var(--q-text-primary);pointer-events:none;animation:OHn02G_sea-sight var(--q-duration-fast) var(--q-ease-out) both;border-radius:28%;place-items:center;margin:-12%;display:grid;position:relative}.OHn02G_sight:after{content:"";aspect-ratio:1;background:var(--q-text-primary);border-radius:50%;width:22%}@keyframes OHn02G_sea-sight{0%{opacity:0;scale:1.5}}.OHn02G_impact{z-index:6;pointer-events:none;display:grid;position:relative}.OHn02G_impact>span{border-radius:50%;grid-area:1/1}.OHn02G_impactSight{border:3px solid var(--q-text-primary);animation:OHn02G_sea-close .32s var(--q-ease-out) both}.OHn02G_impactRing{border:3px solid var(--water-deep);opacity:0;animation:OHn02G_sea-splash .52s var(--q-ease-out) .17s both}.OHn02G_impactHit{border:4px solid var(--q-danger);animation-name:OHn02G_sea-burst}.OHn02G_impactSunk{border:4px solid var(--q-gold);animation-name:OHn02G_sea-burst;animation-duration:.64s}@keyframes OHn02G_sea-close{0%{opacity:0;scale:2.2}55%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes OHn02G_sea-splash{0%{opacity:.85;scale:.5}to{opacity:0;scale:1.9}}@keyframes OHn02G_sea-burst{0%{opacity:.9;scale:.5}to{opacity:0;scale:2.4}}.OHn02G_popMark{animation:OHn02G_q-pop-in var(--q-duration-base) var(--q-ease-out) .17s both}.OHn02G_fleet{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.OHn02G_fleetShip{background:var(--hull,color-mix(in oklab, var(--q-text-secondary) 82%, #0d1424));border-radius:999px;height:8px;position:relative}.OHn02G_fleetSunk{background:var(--q-danger);opacity:.55}.OHn02G_fleetSunk:after{content:"";background:var(--q-surface);height:2px;position:absolute;inset:3px 1px auto}.OHn02G_duel{--small:clamp(96px, calc(100svh - 540px), 164px);--reserve:calc(196px + env(safe-area-inset-bottom,0px));--big:min(100%, calc(100svh - var(--reserve) - var(--small)));grid-template-columns:100%;grid-template-areas:"status""big""small";justify-items:center;gap:10px;display:grid}.OHn02G_duel>*{min-width:0}.OHn02G_statusArea{grid-area:status;width:100%}.OHn02G_bigCard{width:var(--big);aspect-ratio:1;transition:opacity var(--q-duration-base) var(--q-ease-out), filter var(--q-duration-base) var(--q-ease-out);grid-area:big;padding:8px}.OHn02G_bigCard[data-dim="1"]{opacity:.55;filter:saturate(.5)}.OHn02G_below{grid-area:small;align-items:stretch;gap:10px;width:100%;display:flex}.OHn02G_smallCard{width:calc(var(--small) + 16px);flex:none;padding:6px}.OHn02G_fleets{flex-direction:column;flex:1;justify-content:center;gap:12px;min-width:0;padding:10px 12px;display:flex}@media (min-width:1024px) and (min-height:600px){.OHn02G_duel{--side:300px;--big:min(600px, calc(100svh - 140px - env(safe-area-inset-bottom,0px)));--small:calc(var(--side) - 16px);width:min(calc(var(--big) + var(--side) + 20px), calc(100vw - 48px));margin-inline:calc((100% - min(calc(var(--big) + var(--side) + 20px), calc(100vw - 48px))) / 2);grid-template-columns:var(--big) var(--side);grid-template-rows:auto auto 1fr;grid-template-areas:"big status""big small""big.";align-items:start;gap:12px 20px}.OHn02G_bigCard{width:100%}.OHn02G_below{flex-direction:column}.OHn02G_smallCard{width:100%}}.OHn02G_placeCard{width:min(100%, calc(100svh - 380px - env(safe-area-inset-bottom,0px)));align-self:center;min-width:min(100%,260px);padding:8px}.OHn02G_strip{align-items:center;gap:10px;height:56px;padding:0 12px 0 8px;display:flex;overflow:hidden}.OHn02G_stripText{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.OHn02G_fadeIn{animation:OHn02G_q-fade-in var(--q-duration-base) var(--q-ease-out) both}@media (prefers-reduced-motion:reduce){.OHn02G_bigCard,.OHn02G_fadeIn,.OHn02G_impact,.OHn02G_sight,.OHn02G_popMark,.OHn02G_dragging,.OHn02G_settle,.OHn02G_cell{transition:none!important;animation:none!important}}