.board.dot-board{display:grid;grid-template:repeat(5,14px 1fr) 14px/repeat(5,14px 1fr) 14px;background:#f0dfba;padding:clamp(8px,3vmin,28px);border:5px solid #aa8560}
.db-pin{align-self:center;justify-self:center;width:80%;height:80%;border-radius:50%;background:#443f38;box-shadow:inset 0 2px 1px #fff6,0 2px 2px #644f3c66}.db-edge{--seat:#cdbd9b;background:transparent;position:relative}.db-edge:after{content:'';position:absolute;inset:25% 0;background:var(--seat);border-radius:20px}.db-edge.ns:after{inset:0 25%}.db-edge:hover:not(:disabled):after{background:#627c62}.db-box{display:grid;place-items:center;background:var(--seat,transparent);border-radius:8%;color:white;font:bold clamp(14px,4vmin,38px) Georgia}.seat0{--seat:#bf604c}.seat1{--seat:#6467a0}.seat2{--seat:#548963}.seat3{--seat:#b48133}
.board.naval-board{display:grid;grid-template:repeat(10,1fr)/repeat(10,1fr);background:#256079;border:5px solid #384f55;padding:4px;gap:2px}.naval-board button{color:white;border-radius:10%;font-size:clamp(13px,3.4vmin,34px)}.water,.miss{background:linear-gradient(145deg,#598ca4,#44748b)}.ship{background:#38484f}.hit{background:#af5639}.fleet-curtain{display:grid;place-items:center}
.board.mine-board{display:grid;grid-template:repeat(var(--n),1fr)/repeat(var(--n),1fr);border:5px solid #6b7b71;background:#9fae9f;gap:1px;padding:3px}.mine-board button{font:bold clamp(11px,2.6vmin,32px) system-ui}.mine-cover{background:linear-gradient(145deg,#708f7d,#446454);box-shadow:inset 1px 2px 1px #a3b8a3;color:white}.mine-open{background:#eee7d6;color:#334344}.mine-open.n1{color:#3862a2}.mine-open.n2{color:#396d4b}.mine-open.n3{color:#a04433}.mine-bomb{background:#b35443;color:white}
.board.merge-board{display:grid;grid-template:repeat(4,1fr)/repeat(4,1fr);padding:2%;gap:2%;background:#8e806e;touch-action:none;overflow:hidden}.merge-cell,.merge-flight{display:grid;place-items:center;position:relative;border-radius:8%;background:#dad1bd;color:#594e40;font:700 clamp(20px,5.5vmin,62px)/1 Georgia}.merge-cell.v0{background:#b6aa97}.merge-cell.v4{background:#eed3aa}.merge-cell.v8,.merge-cell.v16{background:#d88a59;color:white}.merge-cell.v32,.merge-cell.v64{background:#bd594c;color:white}.merge-cell.v128,.merge-cell.v256,.merge-cell.v512,.merge-cell.v1024,.merge-cell.v2048{background:#cb9b36;color:white}.merge-flight{position:absolute;inset:0;z-index:2;font:inherit;background:inherit;color:inherit}.direction-pad{display:flex;flex-wrap:wrap;gap:5px}.direction-pad button{font-size:22px}
body:not(.motion-off) .fresh{animation:quick-in .3s ease-out}@keyframes quick-in{from{opacity:.65;scale:.93}to{opacity:1;scale:1}}
@media(max-width:480px){.board.dot-board{grid-template:repeat(5,12px 1fr) 12px/repeat(5,12px 1fr) 12px}.board.mine-board{gap:1px;padding:1px}}