.sb-stage{position:relative;width:100%;max-width:760px;aspect-ratio:1/1;margin:10px auto 14px;background:radial-gradient(ellipse at top,rgba(8,28,56,.55) 0,rgba(2,10,26,.85) 80%);border:1px solid rgba(80,130,200,.25);border-radius:14px;box-shadow:inset 0 0 30px rgba(0,0,0,.55);overflow:hidden}.sb-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.sb-stage.disabled .sb-canvas{cursor:default}.sb-label{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2.5px;color:#6ab7d4;font-variant-caps:all-small-caps;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none;z-index:2}.sb-label-target{top:10px}.sb-label-fleet{bottom:10px}.sb-setup{width:100%;max-width:760px;margin:0 auto 14px;background:rgba(10,20,40,.78);border:1px solid rgba(120,180,230,.25);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 18px rgba(0,0,0,.35);font-size:12px;color:#cfe4ee}.sb-setup-title{font-size:13px;letter-spacing:2px;color:#6ab7d4;font-variant-caps:all-small-caps;text-align:center}.sb-palette{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sb-palette li{display:flex;align-items:center;gap:8px;padding:6px 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s}.sb-palette li:hover:not(.placed):not(.selected){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.sb-palette li.selected{background:rgba(0,255,136,.13);border-color:rgba(0,255,136,.55);color:#fff}.sb-palette li.placed{opacity:.4;cursor:default}.sb-palette .sb-ship-blocks{display:inline-flex;gap:2px}.sb-palette .sb-ship-blocks>span{display:inline-block;width:10px;height:10px;border-radius:2px;background:linear-gradient(140deg,#6ab7d4 0,#2a5070 100%);box-shadow:inset 0 0 1px rgba(255,255,255,.4)}.sb-palette .sb-ship-label{letter-spacing:1px;font-variant-numeric:tabular-nums}.sb-setup-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sb-setup-controls .button{padding:6px 10px;font-size:11px}.sb-hint{flex-basis:100%;font-size:11px;color:#888;letter-spacing:.5px;line-height:1.4}.sb-legend{position:absolute;bottom:10px;right:10px;background:rgba(10,20,40,.72);border:1px solid rgba(120,180,230,.2);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#cfe4ee;letter-spacing:1px;z-index:2}.sb-legend-row{display:flex;align-items:center;gap:6px}.sb-peg-dot{width:12px;height:12px;border-radius:50%}.sb-peg-hit{background:#f46;box-shadow:0 0 6px rgba(255,68,102,.6)}.sb-peg-miss{background:#d0d8e0;box-shadow:0 0 6px rgba(200,215,230,.4)}.other-game-links{display:flex;justify-content:center;gap:18px;margin-top:14px;flex-wrap:wrap}.player-disc{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-3px;margin:0 2px}.player-disc.x{background:radial-gradient(circle at 35% 30%,#ff8aa0 0,#f46 55%,#c4314c 100%);box-shadow:0 0 8px rgba(255,68,102,.5),inset 0 -1px 2px rgba(0,0,0,.4)}.player-disc.o{background:radial-gradient(circle at 35% 30%,#9ed1ff 0,#4af 55%,#2e7fc4 100%);box-shadow:0 0 8px rgba(68,170,255,.5),inset 0 -1px 2px rgba(0,0,0,.4)}@media (max-width:600px){.sb-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}}