._wrap_19o7l_1{min-height:100vh;display:grid;place-items:center}._card_19o7l_7{width:min(420px,95vw);background:#fff;border-radius:16px;box-shadow:0 12px 30px #05214026;padding:24px;display:grid;gap:12px}._card_19o7l_7 input{border:1px solid #c8d5e2;border-radius:10px;padding:10px 12px;font-size:16px}._card_19o7l_7 button{border:none;border-radius:10px;padding:10px 12px;background:#1d77d9;color:#fff;font-weight:700;cursor:pointer}._card_19o7l_7 button:disabled{opacity:.7;cursor:not-allowed}._error_19o7l_39{color:#b22727;font-size:14px}._wrap_rpddq_1{height:100%;min-height:0;display:grid;place-items:center;padding:18px}._card_rpddq_9{width:min(520px,95vw);background:#fff;border-radius:16px;box-shadow:0 12px 30px #05214026;padding:24px;display:grid;gap:14px}._controls_rpddq_19{display:flex;gap:8px;flex-wrap:wrap}._joinBlock_rpddq_25{display:flex;gap:8px}._joinBlock_rpddq_25 input{flex:1;border:1px solid #c8d5e2;border-radius:10px;padding:10px 12px}._card_rpddq_9 button{border:none;border-radius:10px;padding:10px 12px;background:#1d77d9;color:#fff;font-weight:700;cursor:pointer}._error_rpddq_47{color:#b22727;font-size:14px}._boardWrap_ivp4t_1{--gap: 4px;--axis-size: 24px;--cell-size: 24px;display:grid;gap:8px;width:100%;transform:scale(.8)}._boardLayout_ivp4t_11{display:grid;grid-template-rows:var(--axis-size) auto;gap:var(--gap);width:max-content}._topRow_ivp4t_18,._bottomRow_ivp4t_24{display:grid;grid-template-columns:var(--axis-size) auto;gap:var(--gap)}._corner_ivp4t_30,._axis_ivp4t_31{width:var(--axis-size);height:var(--axis-size);display:grid;place-items:center;font-size:12px;color:#3f5f7e}._xAxis_ivp4t_40{display:grid;grid-template-columns:repeat(10,var(--cell-size));gap:var(--gap)}._yAxis_ivp4t_46{display:grid;grid-template-rows:repeat(10,var(--cell-size));gap:var(--gap)}._cellsGrid_ivp4t_52{display:grid;grid-template-columns:repeat(10,var(--cell-size));grid-template-rows:repeat(10,var(--cell-size));gap:var(--gap)}._cell_ivp4t_52{border:1px solid #9bb5cf;background:#e8f1fb;border-radius:6px;padding:0;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}._cell_ivp4t_52:disabled{cursor:default}._ship_ivp4t_74{background-color:#dfeaf4;background-image:url(/ship.svg);background-position:center;background-repeat:no-repeat;background-size:78% 78%}._miss_ivp4t_82{background:#d8e6f7;position:relative}._miss_ivp4t_82:after{content:"";width:6px;height:6px;border-radius:100%;background:#1b4f82;display:block;margin:0 auto}._hit_ivp4t_97{background:#f3ad5f}._sunk_ivp4t_101{position:relative;background-color:#dfeaf4;background-image:url(/ship.svg);background-position:center;background-repeat:no-repeat;background-size:78% 78%}._sunk_ivp4t_101:before,._sunk_ivp4t_101:after{content:"";position:absolute;top:50%;left:50%;width:72%;height:3px;border-radius:999px;background:#d92f2f;transform-origin:center}._sunk_ivp4t_101:before{transform:translate(-50%,-50%) rotate(45deg)}._sunk_ivp4t_101:after{transform:translate(-50%,-50%) rotate(-45deg)}._unknown_ivp4t_131{background:#b8cee4}._previewValid_ivp4t_135{background:#1d77d959;border-color:#1d77d9}._previewInvalid_ivp4t_140{background:#e14e4e52;border-color:#b22727}._fluid_ivp4t_145{height:100%;min-height:0;display:flex;flex-direction:column}._fluid_ivp4t_145 ._boardLayout_ivp4t_11{width:auto;max-width:100%;max-height:100%;margin:0 auto;aspect-ratio:1 / 1;grid-template-rows:minmax(0,1fr) minmax(0,10fr);flex:1 1 auto;min-height:0;align-self:center}._fluid_ivp4t_145 ._topRow_ivp4t_18,._fluid_ivp4t_145 ._bottomRow_ivp4t_24{grid-template-columns:minmax(0,1fr) minmax(0,10fr)}._fluid_ivp4t_145 ._xAxis_ivp4t_40,._fluid_ivp4t_145 ._cellsGrid_ivp4t_52{grid-template-columns:repeat(10,minmax(0,1fr))}._fluid_ivp4t_145 ._yAxis_ivp4t_46,._fluid_ivp4t_145 ._cellsGrid_ivp4t_52{grid-template-rows:repeat(10,minmax(0,1fr))}._fluid_ivp4t_145 ._corner_ivp4t_30,._fluid_ivp4t_145 ._axis_ivp4t_31,._fluid_ivp4t_145 ._cell_ivp4t_52{width:auto;height:auto;min-width:0;min-height:0;aspect-ratio:1 / 1}._wrap_t6kzs_1{height:100%;min-height:0;padding:18px;display:grid;grid-template-rows:auto 1fr;gap:14px;overflow:hidden}._header_t6kzs_11{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 10px 24px #0e32541f}._content_t6kzs_18{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;min-height:0;overflow:hidden}._side_t6kzs_26{min-width:0;display:grid;gap:12px;align-content:start;overflow:auto}._card_t6kzs_34{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 10px 24px #0e32541f;display:grid;gap:8px}._card_t6kzs_34 button{border:none;border-radius:10px;padding:9px 11px;background:#1d77d9;color:#fff;font-weight:700;cursor:pointer}._card_t6kzs_34 button:disabled{cursor:not-allowed;opacity:.65}._card_t6kzs_34 ul{margin:0;padding-left:18px}@media(max-width:1100px){._content_t6kzs_18{grid-template-columns:1fr;overflow:auto}._side_t6kzs_26{overflow:visible}}._wrap_199wh_1{height:100%;min-height:0;padding:18px;display:grid;gap:14px;grid-template-rows:auto 1fr auto;overflow:hidden}._header_199wh_11{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 10px 24px #0e32541f;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}._leaveBtn_199wh_23{border:none;border-radius:10px;padding:10px 14px;background:#1d77d9;color:#fff;font-weight:700;cursor:pointer}._boards_199wh_33{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-height:0;align-items:stretch;overflow:hidden}._boards_199wh_33>*{min-width:0;min-height:0}._footer_199wh_47{display:flex;gap:8px}._footer_199wh_47 button{border:none;border-radius:10px;padding:10px 14px;background:#1d77d9;color:#fff;font-weight:700;cursor:pointer}._footer_199wh_47 button:disabled{cursor:not-allowed;opacity:.65}@media(max-width:980px){._boards_199wh_33{grid-template-columns:1fr}}._app_1ukt7_1{height:100%;max-height:100vh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}._topbar_1ukt7_9{background:#0e355a;color:#fff;padding:12px 18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;color:#0e2f4f;background:linear-gradient(180deg,#f3f8ff,#dae9f8)}*{box-sizing:border-box}html,body,#root{height:100%;max-height:100vh}body{margin:0;min-width:320px;overflow:hidden}h1,h2,h3,p{margin:0}