.draw-canvas{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}
.draw-scoreboard{order:-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;width:min(100%,420px);max-height:104px;overflow-y:auto;padding:7px 10px;border:1px solid #36d9ff55;border-radius:12px;background:#071b2de8;text-align:left}.draw-scoreboard ol{grid-row:1/3;grid-column:2;margin:0;padding-left:24px;font-size:12px}.draw-scoreboard small{color:#a9c6d8;font-size:11px}.draw-round-result{padding:8px 12px;border-radius:10px;background:#0b6a5166;color:#d8fff1;font-weight:700}.drawguess-game>h3{margin:2px 0;font-size:16px}.drawguess-game .game-countdown{font-size:12px}.drawguess-game.round-result-phase .draw-canvas{opacity:.68}.domino-empty{display:block;margin:auto;color:#82c9bf;font-size:12px}
.fleet-error{display:block;margin-top:5px;color:#ff8b91;font-weight:700}.naval-grid{position:relative}.naval-grid .sea-cell.ship-cell{background:#17314b!important}.ship-hull{position:absolute;z-index:2;pointer-events:none;left:calc(var(--col)*10% + 3px);top:calc(var(--row)*10% + 3px);width:calc(var(--length)*10% - 6px);height:calc(10% - 6px);border-radius:52% 18% 18% 52%;background:linear-gradient(180deg,#e9f3f7,#7891a4 48%,#263b4c 52%,#152a3a);box-shadow:inset 0 0 0 1px #eaf7ff88,0 2px 5px #0018}.ship-hull::before{content:"";position:absolute;left:28%;top:18%;width:22%;height:38%;border-radius:45% 45% 15% 15%;background:#b9cbd6}.ship-hull::after{content:"";position:absolute;right:8%;top:20%;width:28%;height:12%;border-radius:8px;background:#d9e7ee}.ship-hull.vertical{left:calc(var(--col)*10% + 3px);top:calc(var(--row)*10% + 3px);width:calc(10% - 6px);height:calc(var(--length)*10% - 6px);border-radius:52% 52% 18% 18%;background:linear-gradient(90deg,#e9f3f7,#7891a4 48%,#263b4c 52%,#152a3a)}.ship-hull.preview{opacity:.55;background:#38e1ff}.ship-hull.preview.illegal{background:#ff425f;animation:illegal-fleet .24s ease-out}@keyframes illegal-fleet{50%{transform:scale(1.04)}}
.sea-cell.miss-new::after{content:"";position:absolute;inset:20%;border:2px solid #d9fbff;border-radius:50%;animation:water-ripple .35s ease-out}.sea-cell.hit-new .impact-mark::after,.sea-cell.sunk-new .impact-mark::after{content:"✦";position:absolute;inset:-35%;display:grid;place-items:center;color:#ffcc58;text-shadow:0 0 8px #ff421f;font-size:22px;animation:impact-pop .4s ease-out}.sea-cell.sunk-new{animation:sink-hull .7s ease-out}.sea-cell.sunk{filter:brightness(.58) saturate(.55)}
@keyframes water-ripple{from{transform:scale(.2);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes impact-pop{from{transform:scale(.2) rotate(-30deg)}60%{transform:scale(1.35)}to{opacity:0}}@keyframes sink-hull{50%{filter:brightness(.4);transform:translateY(2px) rotate(2deg)}to{opacity:.7}}
.uno-card{aspect-ratio:2/3;border:5px solid #f8f1dd!important;border-radius:13px!important;box-shadow:0 5px 14px #0008,inset 0 0 0 2px #fff7;position:relative;overflow:hidden}.uno-card::before{content:"";position:absolute;inset:15% 10%;border:2px solid #fff9;border-radius:50%;transform:rotate(-18deg);background:#ffffff18}.uno-card>small{position:absolute;z-index:2;left:7px;top:5px;font-weight:900}.uno-card>strong{position:relative;z-index:2;font-size:30px;text-shadow:0 2px 2px #0008}.uno-card.card-back::before{inset:9%;border-radius:9px;background:repeating-linear-gradient(45deg,#071c3e 0 5px,#13a9cf 5px 8px);transform:none}.uno-hand{scrollbar-width:none}.uno-hand::-webkit-scrollbar,.domino-chain::-webkit-scrollbar{display:none}
.domino-chain{gap:0!important;padding:18px!important;background:#083d36;border:1px solid #1cae9a;border-radius:18px;min-height:92px}.domino-chain .domino-tile{margin-right:-1px}.domino-chain .domino-tile.double{transform:rotate(90deg);margin:10px 14px}.domino-hand .domino-tile{min-width:62px;min-height:38px}.domino-tile.selected{transform:translateY(-6px);box-shadow:0 0 0 2px #34e4ff,0 8px 16px #0008}.domino-pass:not(:disabled){background:#13a77d;font-weight:800}
.poker-game{gap:7px!important}.poker-table{min-height:300px!important;max-height:52vh;padding:12px!important}.poker-seat.active{box-shadow:0 0 0 2px #39ddff,0 0 18px #1cc8ff66}.poker-seat em{border-radius:999px;padding:2px 7px;background:#153d52}.poker-seat em:not(:empty){color:#ffe19a}.poker-actions{position:sticky;bottom:0;z-index:5;background:#071522f2;padding:8px;border-radius:14px;box-shadow:0 -8px 18px #0007}
.chess-square.white-piece{color:#fffdf1!important;text-shadow:-1px -1px #17212a,1px -1px #17212a,-1px 1px #17212a,1px 1px #17212a}.chess-square.black-piece{color:#10151b!important;text-shadow:0 0 1px #f5edd8}
.draw-round-points{padding:8px 12px;border-radius:10px;background:#80651555;color:#ffe7a3;font-weight:800}
.uno-card>.uno-corner.bottom{inset:auto 7px 5px auto;transform:rotate(180deg)}
.domino-end{align-self:center;min-width:24px;padding:3px;border-radius:50%;background:#22d8dd33;color:#7cfaff;box-shadow:0 0 10px #21dcec66;font-style:normal}.domino-chain.tile-snap .domino-tile:last-of-type{animation:domino-snap .22s ease-out}@keyframes domino-snap{from{transform:translateY(-12px);opacity:.25}}
.poker-street{position:absolute;top:10px;right:12px;padding:3px 8px;border-radius:999px;background:#06141dbb;color:#aeeeff;font-size:12px}.poker-seat em.all-in{background:#a94716;color:#fff0a6;font-weight:900}
@media(max-width:430px){.uno-card{width:64px!important;height:96px!important}.uno-hand{padding-inline:14px!important}.poker-table{min-height:270px!important}.network-board{overflow-x:hidden}.draw-canvas{max-height:42vh}}@media(prefers-reduced-motion:reduce){.sea-cell,.impact-mark,.domino-tile,.poker-card{animation:none!important;transition:none!important}}

/* Battleship coordinates and authoritative one-shot result effects. */
.sea-coordinate-shell{display:grid;grid-template-columns:18px minmax(0,390px);grid-template-rows:18px auto;width:min(100%,408px);max-width:100%;margin:auto;min-width:0}.sea-coordinate-corner{grid-area:1/1}.sea-coordinate-columns{grid-area:1/2;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:end}.sea-coordinate-rows{grid-area:2/1;display:grid;grid-template-rows:repeat(10,minmax(0,1fr));align-items:center}.sea-coordinate-columns span,.sea-coordinate-rows span{display:grid;place-items:center;min-width:0;color:#bcecf7;font-size:10px;font-weight:900;line-height:1;text-shadow:0 1px 2px #001}.sea-coordinate-shell>.sea-grid{grid-area:2/2;width:100%;max-width:390px;margin:0}.naval-table{position:relative}.battle-result-cue{position:sticky;z-index:8;bottom:8px;justify-self:center;max-width:calc(100% - 20px);margin-top:-3px;padding:7px 14px;border:1px solid;border-radius:999px;background:#07131eee;font-size:13px;font-weight:950;letter-spacing:.02em;pointer-events:none;animation:battle-cue-in .82s ease-out both}.battle-result-cue.miss{border-color:#8ceeff;color:#dffbff;box-shadow:0 0 16px #35cfff66}.battle-result-cue.hit{border-color:#ff9d4d;color:#fff0d8;box-shadow:0 0 18px #ff4d286e}.battle-result-cue.sunk{border-color:#ff526c;color:#fff1d0;box-shadow:0 0 24px #ff243a9c}.sea-cell.miss-event::before{border-width:3px;animation:authoritative-miss-ring .82s ease-out}.sea-cell.miss-event::after{content:"";position:absolute;z-index:5;inset:4%;background:radial-gradient(circle at 50% 70%,#fff 0 6%,#8eeeff 8% 15%,transparent 17%),radial-gradient(ellipse at center,#dffcff 0 7%,#44cfff99 10% 25%,transparent 29%);animation:authoritative-water-splash .78s ease-out;pointer-events:none}.sea-cell.hit-event{z-index:3;animation:authoritative-hit-cell .78s ease-out}.sea-cell.hit-event .impact-mark{animation:authoritative-hit-impact .82s ease-out}.sea-cell.hit-event .impact-mark::after{content:"✦";position:absolute;inset:-55%;display:grid;place-items:center;color:#fff2b8;font-size:24px;text-shadow:0 0 6px #ff2e18,0 0 14px #ff7a1a;animation:authoritative-sparks .8s ease-out}.sea-cell.sunk-event{z-index:4;animation:authoritative-sunk-impact .9s ease-out}.sea-cell.sunk-event .impact-mark{animation:authoritative-sunk-blast .9s ease-out}.destroyed-hull{z-index:3!important;border-color:#ff806f!important;background:linear-gradient(180deg,#5e4748,#261d26 48%,#110e16 52%,#05080c)!important;box-shadow:inset 0 0 0 1px #ffc0a055,0 0 7px #ff3b2f66!important;filter:brightness(.72) saturate(.62);opacity:.9}.destroyed-hull::before{background:#30272c!important;box-shadow:inset 0 0 0 1px #ff8c7455}.destroyed-hull::after{background:repeating-linear-gradient(110deg,#0b0d12 0 3px,#8c302b 3px 5px,#0b0d12 5px 9px)!important}.destroyed-hull-event{animation:authoritative-destroyed-hull .95s ease-out}.sea-cell.miss::before{background:#d9fbff55}.sea-cell.hit .impact-mark{box-shadow:0 0 0 2px #ff9b4377}.sea-cell.sunk .impact-mark{filter:grayscale(.35) brightness(.7)}
@keyframes battle-cue-in{0%{opacity:0;transform:translateY(7px) scale(.9)}22%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}@keyframes authoritative-miss-ring{0%{transform:scale(.2);opacity:1}75%{transform:scale(2.5);opacity:.85}100%{transform:scale(2.8);opacity:0}}@keyframes authoritative-water-splash{0%{transform:scale(.25);opacity:0}18%{opacity:1}70%{transform:scale(1.75);opacity:.9}100%{transform:scale(2);opacity:0}}@keyframes authoritative-hit-cell{0%,100%{transform:none}18%{transform:translateX(-2px)}32%{transform:translateX(2px)}46%{transform:translateX(-1px)}}@keyframes authoritative-hit-impact{0%{transform:scale(.15);opacity:0}25%{transform:scale(2.25);opacity:1}68%{transform:scale(1.25)}100%{transform:scale(1);opacity:1}}@keyframes authoritative-sparks{0%{transform:scale(.15) rotate(-35deg);opacity:0}28%{transform:scale(1.8) rotate(12deg);opacity:1}100%{transform:scale(2.1) rotate(35deg);opacity:0}}@keyframes authoritative-sunk-impact{0%,100%{transform:none}20%{transform:scale(1.12)}38%{transform:translate(-2px,1px) rotate(-2deg)}55%{transform:translate(2px,2px) rotate(2deg)}}@keyframes authoritative-sunk-blast{0%{transform:scale(.15);filter:brightness(3);opacity:0}28%{transform:scale(3);opacity:1}70%{transform:scale(1.35)}100%{transform:scale(1);filter:none}}@keyframes authoritative-destroyed-hull{0%{filter:brightness(2.5);transform:translateY(0) scale(1)}30%{filter:brightness(1.3);transform:translateY(2px) scale(1.04)}72%{filter:brightness(.55);transform:translateY(5px) rotate(2deg)}100%{filter:brightness(.72) saturate(.62);transform:translateY(0);opacity:.9}}

/* Original inline SVG chess silhouettes; independent of platform chess fonts. */
.chess-square{display:grid;place-items:center}.chess-piece-svg{display:block;width:78%;height:78%;overflow:visible;pointer-events:none}.chess-piece-svg path{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.white-chess-piece{fill:#fffdf7;filter:drop-shadow(0 2px 1px #0005)}.white-chess-piece path{stroke:#151b27;stroke-width:2.4}.black-chess-piece{fill:#090c12;filter:drop-shadow(0 2px 1px #0005)}.black-chess-piece path{stroke:#f1e8d5;stroke-width:1.35}
@media(max-width:340px){.sea-coordinate-shell{grid-template-columns:16px minmax(0,390px);grid-template-rows:16px auto}.sea-coordinate-columns span,.sea-coordinate-rows span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.battle-result-cue,.sea-cell.miss-event::before,.sea-cell.miss-event::after,.sea-cell.hit-event,.sea-cell.hit-event .impact-mark,.sea-cell.hit-event .impact-mark::after,.sea-cell.sunk-event,.sea-cell.sunk-event .impact-mark,.destroyed-hull-event{animation:none!important}.battle-result-cue{opacity:1}.sea-cell.miss-event{box-shadow:inset 0 0 0 3px #baf8ff}.sea-cell.hit-event{box-shadow:inset 0 0 0 3px #ff9d4d}.sea-cell.sunk-event,.destroyed-hull-event{box-shadow:inset 0 0 0 3px #ff526c}}