.rv-wrap{display:flex;justify-content:center}.rv{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:var(--board-frame);padding:var(--space-2);border-radius:var(--radius-md);width:100%;max-width:clamp(300px,calc(100vh - 230px),520px);user-select:none;-webkit-user-select:none}.rv--locked .rv-cell{cursor:default}.rv-cell{aspect-ratio:1;border:0;padding:0;position:relative;display:flex;align-items:center;justify-content:center;background:var(--board-square-dark);touch-action:manipulation}.rv-cell.last{background:var(--color-accent)}.rv-cell:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;z-index:1}.rv-disc{width:80%;height:80%;border-radius:50%;box-sizing:border-box}.rv-disc--light{background:var(--piece-light-fill);border:4px solid var(--piece-light-ring)}.rv-disc--dark{background:var(--piece-dark-fill);border:4px solid var(--piece-dark-ring)}.rv-disc.flip{animation:rv-flip .32s var(--ease) both}.rv-dot{width:28%;height:28%;border-radius:50%;border:2px solid var(--color-accent);box-sizing:border-box}@keyframes rv-flip{0%{transform:scaleX(-1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width: 420px){.rv{padding:6px;border-radius:var(--radius-sm)}.rv-disc--light,.rv-disc--dark{border-width:3px}}