.JavSba_page{max-width:1220px;min-height:100dvh;margin:0 auto;padding:0 24px 84px}.JavSba_topbar{justify-content:space-between;align-items:center;padding:24px 0 10px;display:flex}.JavSba_topbar a,.JavSba_topbar>span,.JavSba_eyebrow{letter-spacing:.09em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.JavSba_topbar a{align-items:center;gap:7px;min-height:44px;display:flex}.JavSba_topbar>span{color:var(--muted)}.JavSba_intro{max-width:790px;padding:38px 0 32px}.JavSba_eyebrow{color:var(--coral);margin:0 0 16px}.JavSba_intro h1{letter-spacing:-.07em;margin:0 0 18px;font-family:Space Grotesk,sans-serif;font-size:clamp(44px,7vw,76px);line-height:.95}.JavSba_intro>p:last-child{color:var(--muted);max-width:58ch;font-size:17px;line-height:1.5}.JavSba_lobby,.JavSba_roomPanel,.JavSba_battlefield{border:1px solid var(--line);background:#fffdf9;border-radius:18px;padding:22px}.JavSba_lobby{flex-direction:column;gap:13px;max-width:520px;display:flex}.JavSba_lobby label{font-size:14px;font-weight:700}.JavSba_lobby input{background:var(--paper);border:1px solid var(--ink);color:var(--ink);font:inherit;border-radius:9px;min-height:48px;padding:10px 12px}.JavSba_lobby input:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.JavSba_primary,.JavSba_darkButton,.JavSba_copy{cursor:pointer;border:0;border-radius:999px;min-height:46px;padding:0 17px;font-family:DM Mono,monospace;font-size:11px}.JavSba_primary{background:var(--coral);color:#fff;align-self:flex-start;box-shadow:0 5px #c94c40}.JavSba_darkButton{background:var(--ink);color:#fff;align-self:flex-start}.JavSba_primary:disabled,.JavSba_darkButton:disabled{cursor:not-allowed;opacity:.5}.JavSba_separator{color:var(--muted);text-transform:uppercase;align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:10px;display:flex}.JavSba_separator:before,.JavSba_separator:after{background:var(--line);content:"";flex:1;height:1px}.JavSba_roomLayout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:20px;display:grid}.JavSba_code{letter-spacing:.12em;font-family:DM Mono,monospace;font-size:25px;display:block}.JavSba_copy{border:1px solid var(--ink);color:var(--ink);background:0 0;width:100%;min-height:44px;margin-top:8px;display:block}.JavSba_roomPanel ul{margin:22px 0;padding:0;list-style:none}.JavSba_roomPanel li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.JavSba_roomPanel li span{align-items:center;gap:8px;min-width:0;display:flex}.JavSba_roomPanel li em{color:var(--muted);font-size:11px;font-style:normal}.JavSba_roomPanel li i{border:1px solid var(--ink);border-radius:50%;flex:none;width:17px;height:17px;display:inline-block}.JavSba_seatOne{background:#315c6d}.JavSba_seatTwo{background:var(--coral)}.JavSba_status{margin:20px 0 0;line-height:1.45}.JavSba_roundHead{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:15px;font-family:DM Mono,monospace;font-size:10px;display:flex}.JavSba_boards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.JavSba_boardPanel{border:1px solid var(--ink);border-radius:14px;min-width:0;padding:13px;overflow:hidden}.JavSba_enemy{background:#dceaf2}.JavSba_own{background:#e4eee3}.JavSba_boardPanel header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.JavSba_boardPanel h2{letter-spacing:-.035em;margin:0;font-family:Space Grotesk,sans-serif;font-size:21px}.JavSba_boardPanel header p{color:#4f625f;margin:3px 0 0;font-size:11px}.JavSba_boardPanel header span{background:#ffffffa6;border-radius:999px;padding:6px 8px;font-family:DM Mono,monospace;font-size:9px}.JavSba_stage{position:relative}.JavSba_overlay{z-index:5;background:#f4f0e7d6;border-radius:14px;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.JavSba_setupCard{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);color:var(--ink);text-align:center;border-radius:18px;max-width:350px;padding:24px}.JavSba_setupCard strong{letter-spacing:-.04em;font:600 clamp(24px,5vw,34px) Space Grotesk,sans-serif}.JavSba_setupCard p{color:var(--muted);margin:12px 0 20px;font-size:14px;line-height:1.5}.JavSba_setupCard .JavSba_primary{align-self:auto}.JavSba_fleets{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.JavSba_fleets i{border:1px solid var(--ink);background:#315c6d;border-radius:999px;width:42px;height:14px}.JavSba_fleets i:last-child{background:var(--coral);width:30px}.JavSba_scrollHint{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.JavSba_boardScroll{padding:2px 2px 7px;overflow-x:auto}.JavSba_boardScroll:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:7px}.JavSba_columns{grid-template-columns:22px repeat(10,44px);width:max-content;min-width:462px;display:grid}.JavSba_columns b,.JavSba_rows b{justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:9px;display:flex}.JavSba_row{width:max-content;min-width:462px;display:flex}.JavSba_rows{flex:0 0 22px;grid-template-rows:repeat(10,44px);display:grid}.JavSba_grid{border:2px solid var(--ink);background:#315c6d;grid-template-rows:repeat(10,44px);grid-template-columns:repeat(10,44px);display:grid}.JavSba_cell{color:var(--ink);background:#d7e9ee;border:1px solid #20211d2e;border-top:0;border-left:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:700;display:flex}.JavSba_own .JavSba_cell{background:#dce8dc}.JavSba_cell i{background:#263f46;border-radius:999px;width:72%;height:50%}.JavSba_grid button{cursor:crosshair}.JavSba_grid button:hover:not(:disabled){box-shadow:inset 0 0 0 3px var(--coral);background:#fff3d0}.JavSba_grid button:focus-visible{outline:3px solid var(--coral);outline-offset:-5px;z-index:1;position:relative}.JavSba_grid button:disabled{cursor:default}.JavSba_hit{color:#fff;background:var(--coral)!important}.JavSba_miss{color:#52666d;background:#f6f2e9!important}.JavSba_ship{background:#8ca9a0!important}.JavSba_legend{flex-wrap:wrap;justify-content:center;gap:17px;margin:16px 0 0;display:flex}.JavSba_legend span{align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:10px;display:flex}.JavSba_legend i{border:1px solid var(--ink);width:13px;height:13px;display:block}.JavSba_hitKey{background:var(--coral)}.JavSba_missKey{background:#f6f2e9}.JavSba_shipKey{background:#8ca9a0}.JavSba_result{color:var(--ink);background:#fff3d0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:15px;display:flex}.JavSba_pending{color:var(--muted);text-align:center;padding:30px}.JavSba_message{background:var(--ink);color:#fff;text-align:center;z-index:5;border-radius:999px;max-width:calc(100% - 30px);margin:0;padding:12px 18px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.JavSba_grid button{position:relative}.JavSba_grid button:hover:not(:disabled):after,.JavSba_grid button:focus-visible:not(:disabled):after{color:var(--coral);content:"+";font-size:24px;font-weight:400;position:absolute}:is(.dark-mode .JavSba_lobby,.dark-mode .JavSba_roomPanel,.dark-mode .JavSba_battlefield){background:#292f2a;border-color:#5b665d}:is(.dark-mode .JavSba_enemy,.dark-mode .JavSba_own){color:#20211d}.dark-mode .JavSba_overlay{background:#1d201dd6}.dark-mode .JavSba_setupCard{color:#f7f4ed;background:#303530;border-color:#d7d9d0;box-shadow:6px 6px #111}@media (max-width:1040px){.JavSba_boards{grid-template-columns:1fr}.JavSba_boardPanel{max-width:520px}}@media (max-width:760px){.JavSba_page{padding:0 14px 64px}.JavSba_topbar>span{display:none}.JavSba_intro{padding:24px 0}.JavSba_roomLayout{grid-template-columns:1fr}.JavSba_battlefield{order:1;padding:13px}.JavSba_roomPanel{order:2}.JavSba_boardPanel{padding:11px}.JavSba_overlay{align-items:flex-start}.JavSba_scrollHint{clip:auto;clip-path:none;color:#4f625f;white-space:normal;width:auto;height:auto;margin:0 0 7px;font-family:DM Mono,monospace;font-size:10px;position:static;overflow:visible}.JavSba_result{flex-direction:column;align-items:flex-start}.JavSba_result .JavSba_primary{width:100%}}@media (max-width:440px){.JavSba_setupCard{box-shadow:4px 4px 0 var(--ink);padding:18px 14px}}.JavSba_setupCard .JavSba_primary{color:#20211d;font-weight:700}.dark-mode .JavSba_setupCard p{color:#c2c4bb}