.reversi-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,34rem);aspect-ratio:1;margin:auto;border:clamp(3px,.7vw,6px) solid var(--ag-felt-edge);background:var(--ag-felt-edge)}.rv-cell{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--ag-felt-edge),#000 18%);background:var(--ag-felt);cursor:pointer}.rv-cell.legal i{position:absolute;inset:40%;border-radius:50%;background:#f4cf64}.rv-cell.disc::after{content:"";position:absolute;inset:12%;border-radius:50%;background:#fbfaf4;box-shadow:inset 0 0 0 1px #0003,0 1px 2px #0005;animation:disc-flip var(--ag-motion) ease-out}.rv-cell.p2::after{background:#15211b}.rv-cell:focus-visible{outline:3px solid #f4cf64;outline-offset:-3px}@keyframes disc-flip{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media(max-width:420px){.reversi-board{width:100%}.rv-cell.disc::after{inset:16%}}