._indicator_1vcea_1{position:fixed;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);z-index:100}._dot_1vcea_16{width:8px;height:8px;border-radius:50%;transition:background var(--transition-normal)}._connected_1vcea_23{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}._disconnected_1vcea_28{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}._label_1vcea_33{text-transform:uppercase;letter-spacing:.05em}@media(max-width:480px){._label_1vcea_33{display:none}._indicator_1vcea_1{padding:var(--space-xs)}}._button_c8jrm_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:2px solid transparent;border-radius:var(--border-radius-md);font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition-fast);white-space:nowrap;min-height:44px}._button_c8jrm_1:disabled{opacity:.5;cursor:not-allowed}._primary_c8jrm_22{background:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent)}._primary_c8jrm_22:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}._secondary_c8jrm_33{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}._secondary_c8jrm_33:hover:not(:disabled){background:var(--color-accent);color:var(--color-bg-primary)}._danger_c8jrm_44{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}._danger_c8jrm_44:hover:not(:disabled){background:#c0392b;border-color:#c0392b}._sm_c8jrm_56{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}._md_c8jrm_61{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md)}._lg_c8jrm_66{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}@media(max-width:480px){._sm_c8jrm_56{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}._lg_c8jrm_66{font-size:var(--font-size-md);padding:var(--space-sm) var(--space-lg)}}._container_b54rt_1{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:420px}._title_b54rt_10{font-size:var(--font-size-3xl);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);text-shadow:0 0 20px rgba(77,166,255,.3);text-align:center}._subtitle_b54rt_19{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-top:calc(-1 * var(--space-sm))}._card_b54rt_25{width:100%;background:var(--color-bg-card);border-radius:var(--border-radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);box-shadow:var(--shadow-lg)}._label_b54rt_36{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}._input_b54rt_46{padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:2px solid var(--color-ocean);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast);outline:none;width:100%}._input_b54rt_46:focus{border-color:var(--color-accent)}._input_b54rt_46::placeholder{color:var(--color-text-muted)}._actions_b54rt_66{display:flex;flex-direction:column;gap:var(--space-sm)}._joinSection_b54rt_72{display:flex;flex-direction:column;gap:var(--space-lg)}._error_b54rt_78{color:var(--color-danger);font-size:var(--font-size-sm);text-align:center}@media(max-width:480px){._card_b54rt_25{padding:var(--space-lg)}}._container_1k3jd_1{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);width:100%;max-width:500px}._heading_1k3jd_10{font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.1em}._codeSection_1k3jd_16{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}._codeLabel_1k3jd_23{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}._code_1k3jd_16{font-family:var(--font-mono);font-size:var(--font-size-2xl);letter-spacing:.3em;color:var(--color-accent);background:var(--color-bg-card);border:2px dashed var(--color-accent-dim);border-radius:var(--border-radius-md);padding:var(--space-sm) var(--space-xl);cursor:pointer;transition:all var(--transition-fast)}._code_1k3jd_16:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}._copyHint_1k3jd_48{font-size:var(--font-size-xs);color:var(--color-text-muted)}._players_1k3jd_53{display:flex;align-items:center;gap:var(--space-lg);width:100%}._playerCard_1k3jd_60{flex:1;background:var(--color-bg-card);border:2px solid var(--color-ocean);border-radius:var(--border-radius-md);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);transition:border-color var(--transition-normal);min-height:90px;justify-content:center}._playerCard_1k3jd_60._ready_1k3jd_75{border-color:var(--color-success)}._playerName_1k3jd_79{font-size:var(--font-size-md);font-weight:600;text-align:center;word-break:break-word}._readyBadge_1k3jd_86{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);background:var(--color-bg-primary)}._ready_1k3jd_75 ._readyBadge_1k3jd_86{color:var(--color-success);background:#2ecc711a}._vs_1k3jd_101{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-muted);flex-shrink:0}._waiting_1k3jd_108{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}._actions_1k3jd_114{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}._actions_1k3jd_114 button{width:100%;max-width:280px}@media(max-width:480px){._players_1k3jd_53{flex-direction:column;gap:var(--space-sm)}._playerCard_1k3jd_60{width:100%;min-height:70px;padding:var(--space-md)}._code_1k3jd_16{font-size:var(--font-size-xl);padding:var(--space-sm) var(--space-lg)}}._cell_1ehk2_1{width:var(--cell-size);height:var(--cell-size);background:url(/assets/ocean.jpg) center / cover;border:1px solid rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}._clickable_1ehk2_15{cursor:crosshair}@media(hover:hover)and (pointer:fine){._clickable_1ehk2_15:hover{filter:brightness(1.3)}}._shipLayer_1ehk2_26{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}._stateOverlay_1ehk2_34{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;pointer-events:none}._hitOverlay_1ehk2_44{background-image:url(/assets/hit.png)}._missOverlay_1ehk2_48{background-image:url(/assets/miss.png)}._sunkOverlay_1ehk2_52{background-image:url(/assets/sunk.png)}._sunkTint_1ehk2_57{position:absolute;top:0;right:0;bottom:0;left:0;background:#c81e1e59;z-index:3;pointer-events:none}._preview_valid_1ehk2_66{box-shadow:inset 0 0 0 100px #2ecc7166;border-color:var(--color-valid);z-index:4}._preview_invalid_1ehk2_72{box-shadow:inset 0 0 0 100px #e74c3c66;border-color:var(--color-invalid);z-index:4}._lastShot_1ehk2_79{animation:_pulse_1ehk2_1 1.5s ease-in-out infinite;z-index:5;box-shadow:0 0 0 2px #fffc}._lastShot_1ehk2_79._hit_1ehk2_44,._lastShot_1ehk2_79._sunk_1ehk2_52{box-shadow:0 0 8px 2px #ff4444e6}._lastShot_1ehk2_79._miss_1ehk2_48{box-shadow:0 0 8px 2px #c8dcf0b3}@keyframes _pulse_1ehk2_1{0%,to{opacity:1}50%{opacity:.6}}._wrapper_1lq4f_1{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}._label_1lq4f_8{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}._grid_1lq4f_15{display:inline-block;background:var(--color-ocean-dark);border:var(--grid-border) solid var(--color-ocean-dark);border-radius:var(--border-radius-sm)}._corner_1lq4f_22{display:inline-block;width:var(--row-label-width);height:0}._header_1lq4f_28{display:inline-flex;width:var(--cell-size);height:20px;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase}._row_1lq4f_40{display:flex;align-items:center}._rowLabel_1lq4f_45{width:var(--row-label-width);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);height:var(--cell-size)}@media(max-width:480px){._header_1lq4f_28{height:16px;font-size:.65rem}._rowLabel_1lq4f_45{font-size:.65rem}}._tray_1p1dv_1{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-card);border-radius:var(--border-radius-md);min-width:170px}._heading_1p1dv_11{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}._ship_1p1dv_19{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left}._ship_1p1dv_19:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-accent)}._selected_1p1dv_37{border-color:var(--color-accent)!important;background:var(--color-bg-hover)!important}._placed_1p1dv_42{opacity:.5;cursor:not-allowed}._name_1p1dv_47{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}._blocks_1p1dv_53{display:flex;gap:2px}._shipImage_1p1dv_58{height:16px;object-fit:contain;image-rendering:auto}@media(max-width:768px){._tray_1p1dv_1{flex-direction:row;flex-wrap:wrap;min-width:unset;width:100%;justify-content:center;gap:var(--space-xs);padding:var(--space-sm)}._heading_1p1dv_11{width:100%;text-align:center;margin-bottom:0}._ship_1p1dv_19{padding:var(--space-xs) var(--space-sm);flex-direction:row;align-items:center;gap:var(--space-sm)}._name_1p1dv_47{font-size:var(--font-size-xs)}._shipImage_1p1dv_58{height:12px}}._container_6yh2c_1{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%}._heading_6yh2c_9{font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.1em}._hint_6yh2c_15{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}._hint_6yh2c_15 kbd{background:var(--color-bg-card);padding:2px 6px;border-radius:var(--border-radius-sm);font-family:var(--font-mono);border:1px solid var(--color-ocean)}._layout_6yh2c_29{display:flex;gap:var(--space-xl);align-items:flex-start;justify-content:center;flex-wrap:wrap}._controls_6yh2c_37{display:flex;flex-direction:column;gap:var(--space-sm);min-width:140px}._orientationLabel_6yh2c_44{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:capitalize}._error_6yh2c_50{color:var(--color-danger);font-size:var(--font-size-sm)}._waitingText_6yh2c_55{color:var(--color-text-secondary);font-size:var(--font-size-lg);text-align:center}._spinner_6yh2c_61{width:40px;height:40px;border:3px solid var(--color-ocean);border-top-color:var(--color-accent);border-radius:50%;animation:_spin_6yh2c_61 1s linear infinite}@keyframes _spin_6yh2c_61{to{transform:rotate(360deg)}}@media(max-width:768px){._layout_6yh2c_29{flex-direction:column;align-items:center;gap:var(--space-md)}._controls_6yh2c_37{flex-direction:column;align-items:stretch;min-width:unset;width:100%;max-width:320px}._orientationLabel_6yh2c_44{text-align:center}}@media(max-width:480px){._heading_6yh2c_9{font-size:var(--font-size-xl)}._hint_6yh2c_15{font-size:var(--font-size-xs)}}._panel_1umgn_1{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-card);border-radius:var(--border-radius-md);min-width:140px;flex:1}._heading_1umgn_12{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}._ship_1umgn_20{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:2px 0}._sunk_1umgn_28 ._name_1umgn_28{text-decoration:line-through;color:var(--color-text-muted)}._name_1umgn_28{font-size:var(--font-size-sm);color:var(--color-text-primary)}._imageWrap_1umgn_38{display:flex;align-items:center}._shipImage_1umgn_43{height:10px;object-fit:contain;image-rendering:auto}._sunk_1umgn_28 ._shipImage_1umgn_43{filter:grayscale(1) brightness(.4)}@media(max-width:480px){._panel_1umgn_1{padding:var(--space-sm);min-width:120px}._name_1umgn_28{font-size:var(--font-size-xs)}._shipImage_1umgn_43{height:8px}}._log_5ssme_1{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-card);border-radius:var(--border-radius-md);width:280px;height:220px;flex-shrink:0}._heading_5ssme_13{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}._entries_5ssme_20{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}._empty_5ssme_28{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}._entry_5ssme_34{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-family:var(--font-mono)}._mine_5ssme_41{background:#4da6ff1a}._enemy_5ssme_45{background:#ff44441a}._hit_5ssme_49{color:var(--color-hit)}._miss_5ssme_53{color:var(--color-text-muted)}._sunk_5ssme_57{color:var(--color-warning);font-weight:600}@media(max-width:480px){._log_5ssme_1{width:100%;height:160px;padding:var(--space-sm)}._entry_5ssme_34{font-size:.65rem;padding:2px var(--space-xs)}}._container_1tkzh_1{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) 0}._turnBanner_1tkzh_10{padding:var(--space-sm) var(--space-xl);background:var(--color-bg-card);border-radius:var(--border-radius-md)}._turnText_1tkzh_16{font-size:var(--font-size-md);font-weight:700;text-transform:uppercase;letter-spacing:.08em}._yourTurn_1tkzh_23{color:var(--color-accent)}._enemyTurn_1tkzh_27{color:var(--color-text-secondary)}._notification_1tkzh_31{position:fixed;top:50px;left:50%;transform:translate(-50%);background:var(--color-warning);color:var(--color-bg-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius-md);font-weight:700;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;z-index:50;animation:_slideIn_1tkzh_1 .3s ease;white-space:nowrap}@keyframes _slideIn_1tkzh_1{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}._disconnectOverlay_1tkzh_60{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);z-index:100;color:var(--color-text-primary);font-size:var(--font-size-lg);padding:var(--space-md);text-align:center}._battleArea_1tkzh_79{display:flex;gap:var(--space-2xl);flex-wrap:wrap;justify-content:center;align-items:flex-start}._boardSection_1tkzh_87{display:flex;gap:var(--space-md);align-items:flex-start}._infoSection_1tkzh_93{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;width:100%}@media(max-width:900px){._battleArea_1tkzh_79{flex-direction:column;align-items:center;gap:var(--space-lg)}._boardSection_1tkzh_87{flex-direction:column;align-items:center}}@media(max-width:768px){._boardSection_1tkzh_87{gap:var(--space-sm)}._turnBanner_1tkzh_10{padding:var(--space-xs) var(--space-md)}._turnText_1tkzh_16{font-size:var(--font-size-sm)}}@media(max-width:480px){._container_1tkzh_1{gap:var(--space-sm);padding:0}._battleArea_1tkzh_79{gap:var(--space-md)}._notification_1tkzh_31{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md);top:40px}}._container_6dve7_1{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);width:100%;padding:var(--space-md)}._result_6dve7_10{font-size:var(--font-size-3xl);text-transform:uppercase;letter-spacing:.2em;text-align:center}._victory_6dve7_17{color:var(--color-success);text-shadow:0 0 30px rgba(46,204,113,.4)}._defeat_6dve7_22{color:var(--color-danger);text-shadow:0 0 30px rgba(231,76,60,.4)}._subtitle_6dve7_27{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-top:calc(-1 * var(--space-md));text-align:center}._stats_6dve7_34{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}._stat_6dve7_34{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:var(--color-bg-card);padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-md);min-width:90px}._statValue_6dve7_52{font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);font-family:var(--font-mono)}._statLabel_6dve7_59{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}._boards_6dve7_66{display:flex;gap:var(--space-xl);flex-wrap:wrap;justify-content:center}._actions_6dve7_73{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;max-width:300px}._actions_6dve7_73 button{width:100%}._hint_6dve7_86{color:var(--color-accent);font-size:var(--font-size-sm);text-align:center}@media(max-width:480px){._container_6dve7_1{gap:var(--space-lg);padding:var(--space-sm)}._stat_6dve7_34{padding:var(--space-sm) var(--space-md);min-width:80px}._statValue_6dve7_52{font-size:var(--font-size-lg)}._boards_6dve7_66{gap:var(--space-md)}}:root{--color-bg-primary: #0a1628;--color-bg-secondary: #111d35;--color-bg-card: #162040;--color-bg-hover: #1d2d54;--color-ocean: #1a3a5c;--color-ocean-light: #254d73;--color-ocean-dark: #0f2a45;--color-text-primary: #e0e8f0;--color-text-secondary: #8899aa;--color-text-muted: #556677;--color-accent: #4da6ff;--color-accent-hover: #6bb5ff;--color-accent-dim: #2a7acc;--color-hit: #ff4444;--color-hit-glow: rgba(255, 68, 68, .4);--color-miss: #667788;--color-ship: #3a7ca5;--color-ship-placed: #2d8f6f;--color-sunk: #cc3333;--color-valid: #2ecc71;--color-invalid: #e74c3c;--color-success: #2ecc71;--color-warning: #f1c40f;--color-danger: #e74c3c;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--cell-size: 40px;--grid-gap: 1px;--grid-border: 2px;--row-label-width: 28px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}@media(max-width:768px){:root{--cell-size: 32px;--row-label-width: 24px;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--space-xl: 1.5rem;--space-2xl: 2rem}}@media(max-width:480px){:root{--cell-size: 28px;--row-label-width: 20px;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.35rem;--font-size-3xl: 1.6rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem}}@media(max-width:380px){:root{--cell-size: 24px;--row-label-width: 18px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);font-size:16px;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100%;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-lg);width:100%;overflow-x:hidden}h1,h2,h3{color:var(--color-text-primary);letter-spacing:.02em}h1{font-size:var(--font-size-3xl);text-transform:uppercase;letter-spacing:.15em}button{cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}input{font-family:inherit;font-size:16px}::selection{background:var(--color-accent);color:var(--color-bg-primary)}@media(max-width:480px){.app{padding:var(--space-sm);justify-content:flex-start;padding-top:var(--space-lg)}}