.rv-board{--n:8;--felt:#2f8a55;--felt-line:#1d5a37;--mark:#ffd54a;aspect-ratio:1;grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);background:var(--felt-line);border:2px solid var(--felt-line);-webkit-user-select:none;user-select:none;border-radius:4px;gap:1px;width:min(100%,480px);margin:0 auto;padding:1px;display:grid}@media (prefers-color-scheme:dark){.rv-board{--felt:#236b42;--felt-line:#123822}}.rv-cell{background:var(--felt);cursor:default;border:0;border-radius:0;min-width:0;min-height:0;padding:0;position:relative}.rv-cell .disc{border-radius:50%;transition:background-color .25s;display:none;position:absolute;inset:12%}.rv-cell[data-stone="1"] .disc{background:#141414;display:block}.rv-cell[data-stone="2"] .disc{background:#f5f5f5;display:block}.rv-cell.last .disc{box-shadow:0 0 0 3px var(--mark)}.rv-cell.hint{cursor:pointer}.rv-cell.hint .disc{background:#00000047;display:block;inset:40%}@media (hover:hover){.rv-cell.hint:hover .disc{background:#00000059;inset:12%}}.status{text-align:center;font-variant-numeric:tabular-nums;min-height:1.5em;margin:-4px 0 10px;font-weight:600}
