.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}.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}.nardy-info{display:flex;justify-content:center;gap:24px;margin-bottom:8px;font-size:14px;color:#b5bac1}.dice-row{margin-bottom:12px;min-height:40px}.die{display:inline-block;width:32px;height:32px;line-height:32px;background:#fff;color:#1e1f22;border-radius:6px;margin:0 4px;font-weight:700}.nardy-board{display:grid;grid-template-columns:repeat(12,minmax(28px,1fr));grid-auto-rows:minmax(60px,auto);gap:2px;max-width:800px;margin:0 auto}.nardy-point{background:#2b2d31;border-radius:4px;padding:4px 2px;position:relative;min-height:60px}.nardy-point.home{background:#2f3136;border:1px solid #4e5058}.nardy-point.head{border:1px solid #f0b232}.nardy-point.selectable{cursor:pointer}.nardy-point.selectable:hover{background:#3a3c43}.nardy-point.selected{outline:2px solid #5865f2}.nardy-point.legal-target{background:#2f5940;cursor:pointer;animation:pulse-target 1.4s ease-in-out infinite}.nardy-point.legal-target:hover{background:#386b4c}@keyframes pulse-target{0%,to{box-shadow:0 0 #57f28766}50%{box-shadow:0 0 0 4px #57f28700}}.die-badge{position:absolute;top:2px;right:2px;background:#57f287;color:#1e1f22;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:16px;font-weight:700}.nardy-point{position:relative}.bearoff-tray{margin:12px auto 0;max-width:300px;padding:10px;border-radius:8px;background:#2b2d31;color:#80848e;border:1px dashed #4e5058}.bearoff-tray.legal-target{background:#2f5940;color:#57f287;border:1px dashed #57f287;cursor:pointer;animation:pulse-target 1.4s ease-in-out infinite}.point-label{font-size:10px;color:#80848e}.checker{display:inline-block;width:22px;height:22px;line-height:22px;border-radius:50%;font-size:12px;margin:1px}.checker.mine{background:#5865f2;color:#fff}.checker.theirs{background:#ed4245;color:#fff}body.theme-nardy{--wood-dark: #241209;--wood-panel: #2a160b;--cream: #d8c49c;--burgundy: #7a3327;--gold: #c9a227;--nardy-text-dim: #a89376;background:var(--wood-dark);color:#f0e6d2}body.theme-nardy h2{font-family:"Exo 2",-apple-system,sans-serif;font-weight:800}body.theme-nardy .hint{color:var(--nardy-text-dim)}body.theme-nardy button{background:var(--gold);color:var(--wood-dark);font-weight:700;border:none}body.theme-nardy button:hover:not(:disabled){filter:brightness(1.08)}body.theme-nardy .player-chip{background:var(--wood-panel);border:1px solid #4a2e18}body.theme-nardy .player-chip.current-turn{outline-color:var(--gold)}body.theme-nardy .nardy-info{color:var(--nardy-text-dim)}body.theme-nardy .bearoff-tray{background:var(--wood-panel);color:var(--nardy-text-dim);border:1px dashed #4a2e18}body.theme-nardy .bearoff-tray.legal-target{background:#c9a2272e;color:var(--gold);border:1px dashed var(--gold)}.nardy-board-wrap{position:relative;max-width:700px;margin:0 auto}.nardy-frame-svg{display:block;width:100%}body.theme-nardy .nardy-board{position:absolute;top:0;right:0;bottom:0;left:0;display:block;max-width:none}body.theme-nardy .nardy-point{position:absolute;top:0;background:none;border-radius:0;padding:0;min-height:0}body.theme-nardy .nardy-point:before{content:"";position:absolute;left:14%;right:14%}body.theme-nardy .nardy-point.row-top:before{top:0;height:48%;clip-path:polygon(0% 0%,100% 0%,58% 78%,50% 100%,42% 78%)}body.theme-nardy .nardy-point.row-bottom:before{bottom:0;height:48%;clip-path:polygon(0% 100%,100% 100%,58% 22%,50% 0%,42% 22%)}body.theme-nardy .nardy-point.tone-cream:before{background:var(--cream);box-shadow:inset 0 0 0 1.5px #321e0fbf}body.theme-nardy .nardy-point.tone-burgundy:before{background:var(--burgundy);box-shadow:inset 0 0 0 1.5px #000000a6}body.theme-nardy .nardy-point.home:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c9a2270f;pointer-events:none}body.theme-nardy .nardy-point.head{box-shadow:inset 0 0 0 1.5px var(--gold);border-radius:4px}body.theme-nardy .nardy-point.selectable{cursor:pointer}body.theme-nardy .nardy-point.selectable:hover:before{filter:brightness(1.15)}body.theme-nardy .nardy-point.selected:before{box-shadow:inset 0 0 0 2px #4fd3ff}body.theme-nardy .nardy-point.legal-target:before{filter:brightness(1.2);animation:nardy-pulse-target 1.4s ease-in-out infinite}@keyframes nardy-pulse-target{0%,to{box-shadow:inset 0 0 0 1.5px var(--gold),0 0 #c9a22780}50%{box-shadow:inset 0 0 0 1.5px var(--gold),0 0 0 5px #c9a22700}}body.theme-nardy .point-label{position:relative;z-index:3;font-size:9px;color:var(--nardy-text-dim);text-align:center;padding-top:2px}body.theme-nardy .nardy-point.row-bottom .point-label{position:absolute;bottom:1px;left:0;right:0;padding-top:0}body.theme-nardy .die-badge{position:absolute;top:2px;right:2px;z-index:4;background:var(--gold);color:var(--wood-dark)}body.theme-nardy .checker-stack{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;z-index:2}body.theme-nardy .nardy-point.row-top .checker-stack{top:14px;flex-direction:column}body.theme-nardy .nardy-point.row-bottom .checker-stack{bottom:14px;flex-direction:column-reverse}body.theme-nardy .nardy-point.row-top .checker-stack .checker+.checker{margin-top:-9px}body.theme-nardy .nardy-point.row-bottom .checker-stack .checker+.checker{margin-bottom:-9px}body.theme-nardy .checker{width:18px;height:18px;margin:0;flex:none;display:block}body.theme-nardy .checker.mine{background:radial-gradient(circle at 35% 30%,#fff,var(--cream) 60%);box-shadow:0 1px 2px #00000080}body.theme-nardy .checker.theirs{background:radial-gradient(circle at 35% 30%,#4a3a2a,#150c05 65%);box-shadow:0 1px 2px #00000080}body.theme-nardy .checker.overflow-badge{box-shadow:0 0 0 2px var(--wood-panel)}body.theme-nardy .dice-row{display:flex;justify-content:center;gap:16px;min-height:44px;perspective:400px}body.theme-nardy .die3d{width:32px;height:32px;position:relative;transform-style:preserve-3d}body.theme-nardy .die3d.rolling{animation:nardy-dice-roll .9s cubic-bezier(.2,.8,.2,1) forwards}@keyframes nardy-dice-roll{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(calc(720deg + var(--final-x, 0deg))) rotateY(calc(720deg + var(--final-y, 0deg)))}}body.theme-nardy .die3d.settled{transform:rotateX(var(--final-x, 0deg)) rotateY(var(--final-y, 0deg))}body.theme-nardy .die3d .face{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cream);box-shadow:inset 0 0 0 2px var(--gold);border-radius:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:5px}body.theme-nardy .die3d .pip{width:5px;height:5px;border-radius:50%;background:var(--wood-dark);align-self:center;justify-self:center;opacity:0}body.theme-nardy .f-front{transform:translateZ(16px)}body.theme-nardy .f-back{transform:rotateY(180deg) translateZ(16px)}body.theme-nardy .f-right{transform:rotateY(90deg) translateZ(16px)}body.theme-nardy .f-left{transform:rotateY(-90deg) translateZ(16px)}body.theme-nardy .f-top{transform:rotateX(90deg) translateZ(16px)}body.theme-nardy .f-bottom{transform:rotateX(-90deg) translateZ(16px)}