.online-page[data-v-c443e859]{min-height:100%;color:var(--public-text);background:var(--public-surface-muted)}.online-shell[data-v-c443e859]{width:min(var(--public-shell), 100% - 40px);margin-inline:auto}.online-header[data-v-c443e859]{color:var(--public-text-on-dark);background:var(--public-ink);border-bottom:4px solid var(--public-cyan);padding:20px 0 32px}.online-header__back[data-v-c443e859]{color:#d7dee5;margin:0 0 20px -12px}.online-header p[data-v-c443e859],.online-section-heading p[data-v-c443e859],.online-result__inner>p[data-v-c443e859]{color:var(--public-cyan);text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}.online-header h1[data-v-c443e859]{letter-spacing:0;max-width:720px;margin:0;font-size:38px;line-height:1.12}.online-header>.online-shell>span[data-v-c443e859]{color:#b8c3cb;max-width:700px;margin-top:10px;font-size:16px;line-height:1.55;display:block}.online-room-summary[data-v-c443e859]{background:var(--public-panel-soft);border-left:4px solid var(--public-lime);justify-content:space-between;align-items:center;gap:20px;min-height:62px;margin-top:26px;padding:10px 12px 10px 16px;display:flex}.online-room-summary span[data-v-c443e859],.online-room-summary strong[data-v-c443e859]{display:block}.online-room-summary span[data-v-c443e859]{color:#b8c3cb;text-transform:uppercase;font-size:11px;font-weight:800}.online-room-summary strong[data-v-c443e859]{letter-spacing:.12em;margin-top:2px;font-size:21px}.online-room-summary__actions[data-v-c443e859]{display:flex}.online-auth[data-v-c443e859]{align-items:center;min-height:460px;padding:64px 0;display:grid}.online-auth__inner[data-v-c443e859]{background:var(--public-surface);border-top:4px solid var(--public-lime);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:30px;display:grid}.online-auth__inner>.q-icon[data-v-c443e859]{color:var(--public-lime-deep);font-size:38px}.online-auth h2[data-v-c443e859],.online-entry h2[data-v-c443e859],.online-players h2[data-v-c443e859],.online-section-heading h2[data-v-c443e859],.online-board-title h2[data-v-c443e859],.online-history h2[data-v-c443e859],.online-result h2[data-v-c443e859],.online-waiting-state h2[data-v-c443e859]{letter-spacing:0;margin:0}.online-auth p[data-v-c443e859],.online-entry p[data-v-c443e859],.online-waiting-state p[data-v-c443e859]{color:var(--public-text-muted);margin:7px 0 0;line-height:1.55}.online-auth__actions[data-v-c443e859],.online-result__actions[data-v-c443e859]{gap:8px;display:flex}.online-auth__actions[data-v-c443e859] .q-btn,.online-result__actions[data-v-c443e859] .q-btn{border-radius:6px;min-height:46px}.online-auth__actions[data-v-c443e859] .q-btn:first-child,.online-result__actions[data-v-c443e859] .q-btn:first-child{color:var(--public-ink);background:var(--public-lime);font-weight:800}.online-connection[data-v-c443e859],.online-opponent-offline[data-v-c443e859],.online-error[data-v-c443e859]{color:#ffe9c7;background:#6c3e08}.online-opponent-offline[data-v-c443e859]{color:#34302a;background:#fff0c9}.online-error[data-v-c443e859]{color:#fff;background:#9e3829}.online-connection>div[data-v-c443e859],.online-opponent-offline>div[data-v-c443e859],.online-error>div[data-v-c443e859]{align-items:center;gap:10px;min-height:46px;font-weight:700;display:flex}.online-entry[data-v-c443e859],.online-lobby[data-v-c443e859],.online-placement[data-v-c443e859],.online-match[data-v-c443e859]{padding:42px 0 68px}.online-entry__grid[data-v-c443e859]{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:24px;display:grid}.online-entry__create[data-v-c443e859],.online-entry__join[data-v-c443e859],.online-entry__saved[data-v-c443e859],.online-lobby__status[data-v-c443e859],.online-players[data-v-c443e859],.online-placement-controls[data-v-c443e859],.online-history[data-v-c443e859]{background:var(--public-surface);border:1px solid var(--public-border);border-radius:var(--public-radius)}.online-entry__create[data-v-c443e859]{border-top:4px solid var(--public-lime);padding:34px}.online-entry__create>.q-icon[data-v-c443e859]{color:var(--public-lime-deep);font-size:36px}.online-entry__create h2[data-v-c443e859]{margin-top:18px;font-size:28px}.online-entry__create[data-v-c443e859] .q-btn{min-height:48px;color:var(--public-ink);background:var(--public-lime);border-radius:6px;margin-top:24px;font-weight:800}.online-entry__join[data-v-c443e859]{border-top:4px solid var(--public-cyan);padding:28px}.online-entry__join>span[data-v-c443e859]{color:var(--public-text-muted);text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:800;display:block}.online-entry__join form[data-v-c443e859]{gap:12px;display:grid}.online-entry__join[data-v-c443e859] .q-btn{border-radius:6px;min-height:46px}.online-entry__join[data-v-c443e859] input{letter-spacing:.12em;font-size:19px;font-weight:800}.online-entry__saved[data-v-c443e859]{border-left:4px solid var(--public-cyan);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:74px;padding:14px 16px;display:grid}.online-entry__saved>.q-icon[data-v-c443e859]{color:var(--public-cyan-deep);font-size:27px}.online-entry__saved strong[data-v-c443e859],.online-entry__saved span[data-v-c443e859]{display:block}.online-entry__saved span[data-v-c443e859]{color:var(--public-text-muted);margin-top:3px;font-size:13px}.online-lobby__grid[data-v-c443e859]{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:26px;display:grid}.online-lobby__status[data-v-c443e859]{border-top:4px solid var(--public-cyan);min-height:390px;padding:34px}.online-lobby__status>.q-icon[data-v-c443e859]{color:var(--public-cyan-deep);font-size:42px}.online-lobby__status>p[data-v-c443e859]{margin:22px 0 8px;font-size:27px;font-weight:800}.online-lobby__status>span[data-v-c443e859]{max-width:620px;color:var(--public-text-muted);line-height:1.6;display:block}.online-invite-link[data-v-c443e859]{background:var(--public-surface-muted);border-left:4px solid var(--public-lime);margin-top:34px;padding:16px}.online-invite-link span[data-v-c443e859],.online-invite-link strong[data-v-c443e859]{display:block}.online-invite-link span[data-v-c443e859]{color:var(--public-text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.online-invite-link strong[data-v-c443e859]{overflow-wrap:anywhere;margin:7px 0 15px;font-size:14px}.online-invite-link[data-v-c443e859] .q-btn{min-height:42px;color:var(--public-ink);background:var(--public-lime);border-radius:6px}.online-players[data-v-c443e859]{border-top:4px solid var(--public-lime);overflow:hidden}.online-players h2[data-v-c443e859]{border-bottom:1px solid var(--public-border);padding:20px;font-size:20px}.online-player[data-v-c443e859]{border-bottom:1px solid var(--public-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:12px 20px;display:grid}.online-player .q-avatar[data-v-c443e859]{color:var(--public-ink);background:var(--public-surface-muted)}.online-player strong[data-v-c443e859],.online-player span[data-v-c443e859]{display:block}.online-player span[data-v-c443e859],.online-player small[data-v-c443e859]{color:var(--public-text-muted);font-size:11px}.online-player small[data-v-c443e859]{color:#34732f;font-weight:800}.online-player small.is-offline[data-v-c443e859]{color:#a34935}.online-players[data-v-c443e859]>.q-btn{width:calc(100% - 40px);min-height:48px;color:var(--public-ink);background:var(--public-lime);border-radius:6px;margin:20px;font-weight:800}.online-players__waiting[data-v-c443e859]{color:var(--public-text-muted);margin:0;padding:18px 20px;line-height:1.5}.online-waiting-state[data-v-c443e859],.online-result__inner[data-v-c443e859]{text-align:center;place-content:center;justify-items:center;min-height:440px;display:grid}.online-waiting-state .q-spinner[data-v-c443e859]{color:var(--public-cyan-deep);margin-bottom:22px}.online-waiting-state h2[data-v-c443e859]{font-size:29px}.online-placement__grid[data-v-c443e859]{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:28px;display:grid}.online-board-panel[data-v-c443e859]{min-width:0}.online-section-heading[data-v-c443e859],.online-board-title[data-v-c443e859]{justify-content:space-between;align-items:flex-end;gap:20px;min-height:70px;margin-bottom:12px;display:flex}.online-section-heading h2[data-v-c443e859],.online-board-title h2[data-v-c443e859]{font-size:22px}.online-section-heading>div>span[data-v-c443e859]{color:var(--public-text-muted);margin-top:6px;display:block}.online-section-heading>strong[data-v-c443e859],.online-board-title>strong[data-v-c443e859]{color:var(--public-text-muted);text-align:right;font-size:12px}.online-placement-controls[data-v-c443e859]{border-top:4px solid var(--public-lime);overflow:hidden}.online-placement-controls>span[data-v-c443e859]{color:var(--public-text-muted);text-transform:uppercase;padding:18px 18px 8px;font-size:11px;font-weight:800;display:block}.online-placement-controls>.q-btn-group[data-v-c443e859]{border:1px solid var(--public-border);border-radius:6px;grid-template-columns:repeat(4,1fr);width:calc(100% - 36px);margin:0 18px 18px;display:grid}.online-placement-controls>.q-btn-group[data-v-c443e859] .q-btn{border-right:1px solid var(--public-border);border-radius:0;min-height:42px}.online-placement-controls>.q-btn-group[data-v-c443e859] .q-btn:last-child{border-right:0}.online-placement-controls>.q-btn-group[data-v-c443e859] .q-btn.is-active{color:var(--public-ink);background:var(--public-lime)}.online-placement-controls__tools[data-v-c443e859]{border-block:1px solid var(--public-border);display:grid}.online-placement-controls__tools[data-v-c443e859] .q-btn{border-bottom:1px solid var(--public-border);border-radius:0;justify-content:flex-start;min-height:42px}.online-placement-controls__tools[data-v-c443e859] .q-btn:last-child{border-bottom:0}.online-placement-controls__fleet[data-v-c443e859]{grid-template-columns:repeat(3,1fr);gap:8px;padding:18px;display:grid}.online-placement-controls__fleet span[data-v-c443e859]{color:#84919a;background:var(--public-surface-muted);border:1px dashed #b8c3cb;border-radius:6px;place-items:center;min-height:42px;display:grid}.online-placement-controls__fleet span.is-ready[data-v-c443e859]{color:var(--public-ink);background:var(--public-lime);border-color:var(--public-lime-deep);border-style:solid}.online-placement-controls__fleet .q-icon[data-v-c443e859]{transform:rotate(90deg)}.online-primary-action[data-v-c443e859]{width:calc(100% - 36px);min-height:48px;color:var(--public-ink);background:var(--public-lime);border-radius:6px;margin:0 18px 18px;font-weight:800}.online-turn[data-v-c443e859]{background:var(--public-surface);border-left:4px solid var(--public-cyan);align-items:center;gap:13px;min-height:60px;margin-bottom:24px;padding:10px 16px;display:flex}.online-turn.is-mine[data-v-c443e859]{border-left-color:var(--public-lime-deep)}.online-turn .q-icon[data-v-c443e859]{color:var(--public-cyan-deep);font-size:24px}.online-turn strong[data-v-c443e859],.online-turn span[data-v-c443e859]{display:block}.online-turn span[data-v-c443e859]{color:var(--public-text-muted);margin-top:2px;font-size:13px}.online-match__boards[data-v-c443e859]{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:30px;display:grid}.online-board-title span[data-v-c443e859]{color:var(--public-text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.online-board-panel--own[data-v-c443e859] .game-board-scroll{max-width:420px}.online-history[data-v-c443e859]{border-top:4px solid var(--public-cyan);margin-top:34px;overflow:hidden}.online-history header[data-v-c443e859]{border-bottom:1px solid var(--public-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.online-history header span[data-v-c443e859]{color:var(--public-text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.online-history header>strong[data-v-c443e859]{color:var(--public-cyan-deep);font-size:24px}.online-history>p[data-v-c443e859]{color:var(--public-text-muted);margin:0;padding:20px}.online-history ol[data-v-c443e859]{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.online-history li[data-v-c443e859]{border-bottom:1px solid var(--public-border);grid-template-columns:minmax(90px,1fr) 54px minmax(100px,1fr);align-items:center;gap:10px;min-height:48px;padding:9px 20px;display:grid}.online-history li[data-v-c443e859]:nth-child(odd){border-right:1px solid var(--public-border)}.online-history li>span[data-v-c443e859]{color:var(--public-text-muted)}.online-history em[data-v-c443e859]{color:#b74731;text-align:right;font-style:normal;font-weight:800}.online-result[data-v-c443e859]{padding:48px 0 72px}.online-result__inner>.q-icon[data-v-c443e859]{color:var(--public-lime-deep);font-size:62px}.online-result h2[data-v-c443e859]{margin-top:5px;font-size:38px}.online-result__inner>span[data-v-c443e859]{color:var(--public-text-muted);margin-top:10px;display:block}.online-result__score[data-v-c443e859]{background:var(--public-surface);border-top:4px solid var(--public-lime);grid-template-columns:1fr 40px 1fr;align-items:center;width:min(100%,460px);margin:30px auto 22px;display:grid}.online-result__score>div[data-v-c443e859]{padding:18px}.online-result__score strong[data-v-c443e859],.online-result__score span[data-v-c443e859]{display:block}.online-result__score strong[data-v-c443e859]{font-size:28px}.online-result__score span[data-v-c443e859]{color:var(--public-text-muted);font-size:12px}.online-result__score>.q-icon[data-v-c443e859]{color:var(--public-cyan-deep);transform:rotate(90deg)}.online-result__pending[data-v-c443e859]{color:var(--public-text-muted);margin:0 0 16px}.online-loading[data-v-c443e859]{min-height:380px;color:var(--public-cyan-deep);place-items:center;display:grid}@media (width<=920px){.online-entry__grid[data-v-c443e859],.online-lobby__grid[data-v-c443e859],.online-placement__grid[data-v-c443e859],.online-match__boards[data-v-c443e859]{grid-template-columns:minmax(0,1fr)}.online-players[data-v-c443e859],.online-placement-controls[data-v-c443e859]{width:min(100%,680px);margin-inline:auto}.online-board-panel[data-v-c443e859] .game-board-scroll,.online-board-panel--own[data-v-c443e859] .game-board-scroll{width:min(100%,680px);max-width:680px;margin-inline:auto}.online-history ol[data-v-c443e859]{grid-template-columns:1fr}.online-history li[data-v-c443e859]:nth-child(odd){border-right:0}}@media (width<=640px){.online-shell[data-v-c443e859]{width:min(100% - 28px, var(--public-shell))}.online-header[data-v-c443e859]{padding:14px 0 24px}.online-header h1[data-v-c443e859]{font-size:30px}.online-auth__inner[data-v-c443e859]{grid-template-columns:1fr;padding:24px}.online-auth__actions[data-v-c443e859],.online-result__actions[data-v-c443e859]{flex-direction:column;align-items:stretch}.online-entry[data-v-c443e859],.online-lobby[data-v-c443e859],.online-placement[data-v-c443e859],.online-match[data-v-c443e859]{padding:28px 0 46px}.online-entry__grid[data-v-c443e859]{gap:18px}.online-entry__create[data-v-c443e859],.online-entry__join[data-v-c443e859],.online-lobby__status[data-v-c443e859]{padding:24px}.online-entry__saved[data-v-c443e859]{grid-template-columns:auto minmax(0,1fr) auto}.online-entry__saved[data-v-c443e859]>.q-btn:not(.q-btn--round){grid-column:1/-1}.online-section-heading[data-v-c443e859],.online-board-title[data-v-c443e859]{min-height:60px}.online-section-heading[data-v-c443e859]{flex-direction:column;align-items:flex-start}.online-history li[data-v-c443e859]{grid-template-columns:minmax(70px,1fr) 45px minmax(90px,1fr);padding-inline:14px}.online-result h2[data-v-c443e859]{font-size:31px}}