.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;z-index:2}.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;position:relative}.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 .loading-screen{display:flex;flex-direction:column;align-items:center;gap:16px}body.theme-battleship .loading-screen img{display:block;width:100%;max-width:420px;height:auto;border-radius:12px;border:1px solid #163044}body.theme-battleship .loading-text{font-family:JetBrains Mono,monospace;font-size:13px;color:#9fd8c4}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}body.theme-battleship .cell.hit{overflow:visible}body.theme-battleship .cell.hit.burning{z-index:3}body.theme-battleship .cell.hit .flame{position:absolute;top:50%;left:50%;width:58%;height:58%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 50% 60%,#fff3c4 0%,#ffb347 32%,#ff6a2e 58%,transparent 76%);border-radius:50%;mix-blend-mode:screen;pointer-events:none;animation:flame-flicker 1.8s ease-in-out infinite}@keyframes flame-flicker{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.92;transform:translate(-50%,-50%) scale(1.04)}}body.theme-battleship .lobby-hero{position:relative;max-width:420px;margin:0 auto 16px;border-radius:12px;overflow:hidden;border:1px solid #163044}body.theme-battleship .lobby-hero img{display:block;width:100%;height:auto}body.theme-battleship .lobby-hero .hit-button{position:absolute;left:17%;width:77%;height:15%;background:transparent;border:none;cursor:pointer;border-radius:8px;margin:0;padding:0;transition:box-shadow .15s,background .15s}body.theme-battleship .lobby-hero .hit-button:hover:not(:disabled){background:#3dffa014;box-shadow:0 0 24px #3dffa059 inset}body.theme-battleship .lobby-hero .hit-button.start{top:39%}body.theme-battleship .lobby-hero .hit-button.bot{top:60%}