.banner{display:none;background:#f0b232;color:#1e1f22;padding:8px 16px;text-align:center;font-size:14px;font-weight:600}.players-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.players-header .vs{color:#80848e;font-size:12px}.player-chip{display:flex;align-items:center;gap:6px;background:#2b2d31;border-radius:20px;padding:4px 10px 4px 4px;font-size:13px}.player-chip.empty{color:#80848e;padding:4px 10px}.player-chip.current-turn{outline:2px solid #57f287}.player-chip.disconnected{opacity:.5}.player-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.player-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#5865f2;color:#fff;font-weight:700;font-size:12px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1e1f22;color:#f2f3f5}.screen{padding:16px;max-width:900px;margin:0 auto;text-align:center}h2{margin-top:8px}.hint{color:#b5bac1;min-height:1.2em}.error{color:#f23f42}button{background:#5865f2;color:#fff;border:none;border-radius:8px;padding:10px 16px;margin:4px;font-size:14px;cursor:pointer}button:disabled{background:#4e5058;cursor:not-allowed}button:hover:not(:disabled){background:#4752c4}.players-list{list-style:none;padding:0}.game-choice{display:flex;justify-content:center;gap:12px;margin-top:16px}.sessions-list{list-style:none;padding:0;max-width:420px;margin:0 auto}.session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff0d;border-radius:8px;padding:8px 12px;margin-bottom:8px;text-align:left}.session-row button{flex:none;white-space:nowrap}.boards-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.board-label{font-size:13px;color:#b5bac1}.board{display:grid;gap:2px;margin:0 auto;position:relative}.ship-overlay{position:absolute;pointer-events:none}.cell.hit{position:relative;z-index:1}.board-10{grid-template-columns:repeat(10,minmax(24px,32px))}.cell{aspect-ratio:1;background:#2b2d31;border-radius:3px}.cell.ship{background:#5865f2}.cell.clickable{cursor:pointer}.cell.clickable:hover{background:#3a3c43}.cell.hit{background:#f23f42}.cell.miss{background:#4e5058}.cell.ghost-valid{background:#57f28780}.cell.ghost-invalid{background:#ed424580}body.theme-battleship{background:#060a0f;color:#d9f2e6;background-image:radial-gradient(ellipse at 50% -10%,rgba(61,255,160,.06),transparent 60%)}body.theme-battleship h2{font-family:"Exo 2",-apple-system,sans-serif;font-weight:800;letter-spacing:.02em}body.theme-battleship .hint{color:#6f8f8a}body.theme-battleship .hint b{color:#3dffa0;font-weight:600}body.theme-battleship .error{color:#ff8a4c}body.theme-battleship button{background:#0f2a1e;color:#3dffa0;border:1px solid #1f6b48;font-family:Inter,sans-serif;font-weight:500}body.theme-battleship button:hover:not(:disabled){background:#143b2a;border-color:#3dffa0}body.theme-battleship button:disabled{background:#101c26;border-color:#163044;color:#4a5f5b}body.theme-battleship .player-chip{background:#0c141c;border:1px solid #163044}body.theme-battleship .player-chip.current-turn{outline-color:#3dffa0}body.theme-battleship .player-avatar-fallback{background:#1f6b48}body.theme-battleship .board-label{font-family:"Exo 2",sans-serif;font-weight:700;font-size:13px;color:#d9f2e6}body.theme-battleship .board-frame{display:inline-block;background:#0c141c;border:1px solid #163044;border-radius:10px;padding:10px}body.theme-battleship .coords-row{display:grid;grid-template-columns:18px repeat(10,minmax(24px,32px));gap:2px;margin-bottom:2px}body.theme-battleship .coords-row span,body.theme-battleship .row-labels span{font-family:JetBrains Mono,monospace;font-size:10px;color:#6f8f8a;text-align:center}body.theme-battleship .board-body{display:flex;gap:2px}body.theme-battleship .row-labels{display:grid;grid-auto-rows:minmax(24px,32px);gap:2px}body.theme-battleship .row-labels span{display:flex;align-items:center;justify-content:center;width:18px}body.theme-battleship .cell{background:#101c26;border:1px solid #163044}body.theme-battleship .cell.ship{background:#14324a;border-color:#2a5578}body.theme-battleship .cell.clickable:hover{background:#3dffa01f;border-color:#1f6b48}body.theme-battleship .cell.hit{background:#7a3d1e;border-color:#ff8a4c}body.theme-battleship .cell.miss{background:#101c26;border-color:#4fd3ff}body.theme-battleship .cell.deadzone{background:#0c141c;border-color:#1a2833;border-style:dashed}body.theme-battleship .cell.ghost-valid{background:#3dffa059}body.theme-battleship .cell.ghost-invalid{background:#ff8a4c59}.volume-control{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 14px}.volume-control span{font-size:14px}.volume-control input[type=range]{width:100px;accent-color:#4e5058}body.theme-battleship .volume-control input[type=range]{accent-color:#3dffa0}body.theme-battleship .sonar{position:relative;width:180px;height:180px;margin:0 auto 8px}body.theme-battleship .sonar-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(61,255,160,.35);border-radius:50%;animation:sonar-pulse 3s ease-out infinite}body.theme-battleship .sonar-ring.r2{animation-delay:1s}body.theme-battleship .sonar-ring.r3{animation-delay:2s}@keyframes sonar-pulse{0%{transform:scale(.15);opacity:0}15%{opacity:.9}to{transform:scale(1);opacity:0}}body.theme-battleship .sonar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(61,255,160,.5),transparent 35%);animation:sweep-rotate 2.6s linear infinite;-webkit-mask-image:radial-gradient(circle,transparent 0%,transparent 2%,black 3%,black 100%);mask-image:radial-gradient(circle,transparent 0%,transparent 2%,black 3%,black 100%)}@keyframes sweep-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.theme-battleship .sonar-core{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}body.theme-battleship .ship-icon{filter:drop-shadow(0 0 6px rgba(61,255,160,.7))}body.theme-battleship .sonar-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#3dffa0;box-shadow:0 0 10px 3px #3dffa0cc}body.theme-battleship .loading-text{font-family:JetBrains Mono,monospace;font-size:13px;color:#6f8f8a}body.theme-battleship .loading-text .dots:after{content:"";animation:loading-dots 1.4s steps(4,end) infinite}@keyframes loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}body.theme-battleship .hud-button{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;max-width:320px;margin:6px auto;padding:16px 20px;background:#0f2a1e;border:1px solid #1f6b48;color:#3dffa0;font-family:Inter,sans-serif;font-weight:600;font-size:15px;letter-spacing:.03em;cursor:pointer;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:background .15s,border-color .15s,box-shadow .15s}body.theme-battleship .hud-button:hover:not(:disabled){background:#143b2a;border-color:#3dffa0;box-shadow:0 0 18px #3dffa040}body.theme-battleship .hud-button .icon{flex:none;width:22px;height:22px}body.theme-battleship .hud-button .corner{position:absolute;width:8px;height:8px;border:1px solid #3dffa0;opacity:.7}body.theme-battleship .hud-button .corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}body.theme-battleship .hud-button .corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}