.lobby-next{margin:22px 0 0}.placement{grid-template-columns:.76fr 1fr;align-items:center;gap:62px;max-width:1110px;margin:62px auto;display:grid}.placement h1{font-size:72px}.fleet-dock{flex-wrap:wrap;gap:8px;margin:25px 0 15px;display:flex}.dock-ship{background:#fbf9f1;border:1px dashed #b2bfce;padding:4px;position:relative}.dock-ship>button:first-child{cursor:pointer;background:0 0;border:0;align-items:center;padding:2px;display:flex}.dock-ship.selected{background:#e7effb;border:2px solid #223b82}.dock-ship.placed{opacity:.48}.fleet-ship{width:calc(var(--ship-size,4) * 23px + 14px);height:29px;display:block}.fleet-ship.vertical{transform-origin:50%;transform:rotate(90deg)}.remove-ship{color:#b43737;cursor:pointer;background:#fff8f3;border:1px solid #b43737;border-radius:50%;width:19px;height:19px;line-height:15px;position:absolute;top:-8px;right:-7px}.placement-controls{flex-wrap:wrap;gap:9px;margin:0 0 8px;display:flex}.placement-controls .secondary{padding:10px 12px;font-size:13px}.fleet-list{color:#63708d;gap:6px;margin:18px 0;font-size:13px;display:grid}.placement .primary{margin:12px 0 0}.placement-board{aspect-ratio:1;background-color:#fbf9f1;background-image:linear-gradient(#d8e6e6 1px,#0000 1px),linear-gradient(90deg,#d8e6e6 1px,#0000 1px);background-size:10% 10%;border:2px solid #223b82;grid-template-columns:repeat(10,1fr);display:grid;position:relative;box-shadow:8px 10px #172f731f}.placement-board>button{z-index:1;cursor:crosshair;background:0 0;border:0;min-width:0}.placement-board>button:hover{background:#24448e1f}.placement-ships{pointer-events:none;z-index:2;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);padding:2px;display:grid;position:absolute;inset:0}.placed-ship{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.placed-ship .fleet-ship{width:95%;max-width:none;height:78%}.placed-ship .fleet-ship.vertical{width:78%;height:95%}@media (width<=700px){.placement{grid-template-columns:1fr;gap:32px;margin:42px auto}.placement h1{font-size:60px}.placement-board{justify-self:center;width:min(100%,410px)}.fleet-dock{gap:5px}.fleet-ship{height:25px}}.fleet-ship.vertical{transform:none}.placement-board{grid-template-columns:repeat(var(--board-size,10), 1fr);background-size:calc(100% / var(--board-size,10)) calc(100% / var(--board-size,10))}.placement-ships{grid-template-columns:repeat(var(--board-size,10), 1fr);grid-template-rows:repeat(var(--board-size,10), 1fr)}.team-setup-status{border:2px solid var(--ink,#223b82);background:#ffffff73;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;padding:12px 14px;display:flex}.team-setup-status b{margin-right:auto}.team-setup-status span{color:#9e3033;font-weight:700}.placement-board.read-only{opacity:.82}.team-ready-summary{color:#9e3033;margin:0 0 16px;font-weight:700}.battle{grid-template-columns:.62fr 1.38fr;align-items:start;gap:55px;max-width:1110px;margin:62px auto;display:grid}.battle h1{font-size:72px}.battle-note{border-left:3px solid var(--red);color:#596986;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:8px 11px;font:14px Comic Sans MS,cursive;overflow:hidden}.feedback-row{align-items:center;gap:9px;min-width:0;display:flex}.reaction-feed{flex-wrap:nowrap;gap:4px;min-width:0;margin:0;font-size:12px;display:flex}.reaction-feed span{white-space:nowrap;background:#e9f0f8;border:1px solid #c4d1e1;padding:4px 6px}.battle-fields{grid-template-columns:minmax(0,1fr);gap:30px;width:100%;max-width:640px;display:grid}.battle-fields>div>p{text-transform:uppercase;letter-spacing:.1em;margin:0 0 9px;font-size:12px;font-weight:900}.battle-feedback{border-block:1px dashed #b7c8de;padding:13px 0}.battle-board{aspect-ratio:1;border:2px solid var(--ink);background:#fbf9f1;grid-template-columns:repeat(10,1fr);display:grid}.battle-board>*{background:0 0;border:1px solid #bed0e7;min-width:0}.battle-board.own{position:relative}.battle-board.own>i{z-index:3}.battle-ships{pointer-events:none;z-index:2;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);padding:2px;display:grid;position:absolute;inset:0}.battle-ship{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.battle-ship .fleet-ship{width:95%;max-width:none;height:78%}.battle-board .shot-hit,.battle-board .shot-sunk{background:var(--red);border-color:var(--red);box-shadow:inset 0 0 0 3px #fbf9f1}.battle-board .shot-miss{background:#93b8df;border-color:#93b8df;box-shadow:inset 0 0 0 3px #fbf9f1}.battle-board .navigator-mark{outline-offset:-4px;border-radius:50%;outline:3px solid #2d5ba7}.battle-board button:disabled{cursor:not-allowed}.target-tabs,.vote-panel{flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.target-tabs button,.vote-panel .secondary{padding:8px 10px;font-size:13px}.target-tabs .selected{border-color:var(--ink);background:#dce8f7}.vote-panel{border:1px dashed #8092b1;margin-top:15px;padding:12px;display:block}.vote-panel p{margin:0 0 8px;font-size:13px}@media (width<=800px){.battle{grid-template-columns:1fr;gap:30px;margin:50px auto;padding-bottom:28px}.battle h1{font-size:60px}.battle-fields{justify-self:center;gap:28px;max-width:520px}.battle-fields>div>p{font-size:10px}.battle-feedback{padding:10px 0}.feedback-row{gap:6px}.battle-note{border:2px solid var(--ink);border-left:6px solid var(--red);text-transform:uppercase;letter-spacing:.02em;background:#fbf9f1;padding:8px 9px;font:700 12px/1.2 system-ui,sans-serif;box-shadow:3px 3px #d6ddea}.reaction-feed{display:none}.reaction-row{gap:4px;display:flex}.reaction-row button{width:31px;height:31px;font-size:15px}.reaction-feed span:first-letter{font-size:22px}}.battle-board .shot-hit,.battle-board .shot-sunk,.battle-board .shot-miss{box-shadow:none;background:0 0;place-items:center;font-style:normal;display:grid}.battle-board .shot-hit,.battle-board .shot-sunk{border-color:#c83232}.battle-board .shot-miss{border-color:#8eafd4}.battle-board .shot-hit:after,.battle-board .shot-sunk:after{content:"×";color:#c83232;font:900 clamp(24px,5vw,42px)/1 Georgia,serif}.battle-board .shot-miss:after{content:"●";color:#2d5ba7;font-size:clamp(14px,3vw,25px);line-height:1}.battle-ship .fleet-ship.vertical{width:78%;height:95%}.battle-board>*{box-sizing:border-box;min-height:0;overflow:hidden}.board-frame{grid-template-rows:18px minmax(0,1fr);grid-template-columns:18px minmax(0,1fr);width:100%;min-width:0;display:grid}.board-column-labels{color:#596986;text-align:center;grid-column:2;grid-template-columns:repeat(10,1fr);font:900 10px/18px system-ui,sans-serif;display:grid}.board-row-labels{color:#596986;text-align:center;grid-row:2;grid-template-rows:repeat(10,1fr);font:900 10px/1 system-ui,sans-serif;display:grid}.board-row-labels span{place-items:center;display:grid}.board-frame .battle-board{grid-area:2/2;width:100%}@media (width<=800px){.board-frame{grid-template-rows:16px minmax(0,1fr);grid-template-columns:16px minmax(0,1fr)}.board-column-labels{font-size:8px;line-height:16px}.board-row-labels{font-size:8px}}.battle-board,.battle-ships{grid-template-columns:repeat(var(--board-size,10), 1fr);grid-template-rows:repeat(var(--board-size,10), 1fr)}.board-column-labels{grid-template-columns:repeat(var(--board-size,10), 1fr)}.board-row-labels{grid-template-rows:repeat(var(--board-size,10), 1fr)}.battle-alert{z-index:4;color:#223b82;background:#fbf9f1;border:2px solid #223b82;align-items:baseline;gap:10px;width:fit-content;max-width:calc(100vw - 32px);margin:0 auto 18px;padding:12px 18px;animation:.22s ease-out battle-alert-in;display:flex;position:sticky;top:10px;box-shadow:5px 5px #d23c37}.battle-alert b{text-transform:uppercase;letter-spacing:.08em}.battle-alert.hit{border-color:#d23c37}.battle-alert.waiting{box-shadow:5px 5px #a9bfdc}@keyframes battle-alert-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.battle-alert{animation:none}}.battle-recovery{background:#fbf9f1;border:2px dashed #c43637;width:100%;max-width:640px;padding:30px}.battle-recovery h2{color:var(--ink);margin:0;font:900 44px/.85 Georgia,serif}.battle-recovery h2 em{color:var(--red);font-style:normal}.battle-recovery p:not(.eyebrow){color:#596986;overflow-wrap:anywhere}.battle-recovery .secondary{margin-top:8px}.team-board-caption{color:#6b6f7b;margin:-8px 0 10px;font-size:.86rem}.reaction-row{gap:7px;margin-top:18px;display:flex}.reaction-row button{background:#fbf9f1;border:1px solid #aebfd7;border-radius:50%;width:38px;height:38px;font-size:18px}.reaction-row button:hover{border-color:var(--red);transform:rotate(-8deg)}.room-radio{border:2px solid var(--ink);background:#fbf9f1;box-shadow:5px 5px #d6ddea}.room-radio summary{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);padding:13px 15px;font-weight:900}.room-radio summary span{color:#697896;font-size:12px}.radio-log{border-top:1px solid #bed0e7;max-height:220px;padding:9px 14px;overflow:auto}.radio-log p{margin:6px 0;font:14px/1.35 system-ui,sans-serif}.radio-log b{color:var(--ink)}.radio-shot{color:#596986;align-items:baseline;gap:7px;display:flex}.radio-shot span{color:#c83232;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:10px;font-weight:900}.radio-empty{color:#697896;font-style:italic}.room-radio form{border-top:1px solid #bed0e7;gap:8px;padding:10px;display:flex}.room-radio input{min-width:0;color:var(--ink);background:#fffdf5;border:1px solid #9ab3d3;flex:1;padding:10px 11px;font:14px system-ui,sans-serif}.room-radio .secondary{white-space:nowrap;padding:9px 12px;font-size:13px}.fleet-status{border-left:3px solid var(--red);color:#596986;margin-top:10px;padding:8px 10px}.fleet-status b{color:var(--ink);text-transform:uppercase;letter-spacing:.09em;font-size:11px;display:block}.fleet-status span{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.fleet-status i{color:#223b82;letter-spacing:1px;border:1px solid #9ab3d3;padding:2px 5px;font-style:normal;font-weight:900}.fleet-status i.destroyed{color:#c83232;background:#fff5f2;border-color:#c83232}.fleet-status small{margin-top:7px;font-size:12px;display:block}@media (width<=800px){.room-radio{box-shadow:3px 3px #d6ddea}.radio-log{max-height:170px}.radio-shot{gap:5px}.room-radio form{background:#fbf9f1;position:sticky;bottom:0}.fleet-status{font-size:12px}}