.reversi-board{--rev-cell:52px;position:relative;display:grid;grid-template-columns:repeat(8,var(--rev-cell));grid-template-rows:repeat(8,var(--rev-cell));gap:3px;padding:10px;background:rgba(10,30,18,.65);border:1px solid rgba(80,200,130,.18);border-radius:14px;box-shadow:inset 0 0 30px rgba(0,0,0,.4)}.board-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}@media (max-width:600px){.reversi-board{--rev-cell:38px;gap:2px;padding:6px}}@media (max-width:420px){.reversi-board{--rev-cell:33px}}.reversi-cell{position:relative;z-index:1;width:var(--rev-cell);height:var(--rev-cell);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:7px;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s}.reversi-cell.legal{background:rgba(0,255,136,.06);border-color:rgba(0,255,136,.25);cursor:pointer}.reversi-cell.legal:hover{background:rgba(0,255,136,.13);border-color:rgba(0,255,136,.5);transform:scale(1.04)}.reversi-cell.legal::after{content:"";position:absolute;inset:35%;border-radius:50%;background:rgba(0,255,136,.35);filter:blur(2px);pointer-events:none;animation:legalPulse 1.6s ease-in-out infinite alternate}@keyframes legalPulse{0%{opacity:.35;transform:scale(.7)}100%{opacity:.8;transform:scale(1.05)}}.reversi-cell.disabled{cursor:default}.reversi-cell.last-move{outline:2px solid rgba(255,220,0,.55);outline-offset:-2px}.reversi-score{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;font-size:16px;letter-spacing:1.5px;color:#d8e6ec}.reversi-score-side{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;font-variant-numeric:tabular-nums;min-width:78px;justify-content:center}.reversi-score-side .symbol-x{color:#f46;font-weight:700}.reversi-score-side .symbol-o{color:#4af;font-weight:700}.reversi-score-sep{color:#555;font-size:12px;text-transform:uppercase;letter-spacing:2px}.reversi-score-side.lead{background:rgba(0,255,136,.08);border-color:rgba(0,255,136,.35);color:#cfead8}.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)}