.rv-root{--p0:var(--ink);--p1:var(--white)}.rv{--felt:#1fa866;--felt-hi:color-mix(in srgb, var(--felt) 82%, var(--white));touch-action:manipulation;width:min(100%,480px)}.rv-board{aspect-ratio:1;border:3px solid var(--ink);background:color-mix(in srgb, var(--ink) 42%, var(--felt));box-shadow:clamp(4px, 1.4vw, 6px) clamp(4px, 1.4vw, 6px) 0 var(--ink);border-radius:16px;grid-template-columns:repeat(8,1fr);gap:2px;display:grid;position:relative;overflow:hidden}.rv-sq{appearance:none;background:var(--felt);cursor:default;perspective:500px;transition:background .14s var(--ease-out);border:0;margin:0;padding:0;position:relative}.rv-sq.is-legal{cursor:pointer}.rv-sq:focus-visible{outline:3px solid var(--sun);outline-offset:-3px;z-index:1}.rv-sq:disabled{cursor:default}.rv-star{left:calc(var(--x) * 12.5%);top:calc(var(--y) * 12.5%);background:color-mix(in srgb, var(--ink) 55%, var(--felt));pointer-events:none;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}.rv-disc{position:absolute;inset:10%}.rv-coin{transform-style:preserve-3d;transition:transform .44s cubic-bezier(.45, 0, .25, 1) var(--d,0s);position:absolute;inset:0;transform:rotateY(0)}.rv-disc[data-p="1"] .rv-coin{transform:rotateY(180deg)}.rv-face{border:clamp(2px, .55vw, 2.5px) solid var(--ink);box-shadow:1px 2.5px 0 var(--ink);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;position:absolute;inset:0}.rv-face:after{content:"";border:2px solid var(--ring);border-radius:50%;position:absolute;inset:22%}.rv-f0{background:var(--ink);--ring:color-mix(in srgb, var(--white) 20%, var(--ink))}.rv-f1{background:var(--white);--ring:color-mix(in srgb, var(--ink) 14%, var(--white));transform:rotateY(180deg)}.rv-disc[data-p="0"]{animation:rv-place .28s var(--ease-spring) backwards, rv-lift-a .44s ease-in-out var(--d,0s)}.rv-disc[data-p="1"]{animation:rv-place .28s var(--ease-spring) backwards, rv-lift-b .44s ease-in-out var(--d,0s)}@keyframes rv-place{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.06,.94)}}@keyframes rv-lift-a{50%{scale:1.16}}@keyframes rv-lift-b{50%{scale:1.16}}.rv-disc.is-last:after{content:"";background:var(--sun);border:2px solid var(--ink);z-index:1;width:30%;height:30%;animation:rv-dot .3s .2s var(--ease-spring) both;border-radius:50%;margin:-15% 0 0 -15%;position:absolute;top:50%;left:50%}@keyframes rv-dot{0%{transform:scale(0)}}.rv-disc.is-preview:before{content:"";border:3px solid var(--sun);box-shadow:0 0 0 1.5px var(--ink), inset 0 0 0 1.5px var(--ink);z-index:1;animation:rv-in .14s var(--ease-out);border-radius:50%;position:absolute;inset:-10%}@keyframes rv-in{0%{opacity:0;transform:scale(.9)}}.rv-hint{--pc:var(--p0);background:var(--pc);border:2px solid var(--ink);opacity:.7;width:24%;height:24%;animation:rv-in .22s .38s var(--ease-out) both;border-radius:50%;margin:-12% 0 0 -12%;transition:opacity .12s;position:absolute;top:50%;left:50%}.rv-hint[data-p="1"],.rv-ghost[data-p="1"]{--pc:var(--p1)}.rv-ghost{--pc:var(--p0);background:var(--pc);border:2.5px solid var(--ink);opacity:0;transition:opacity .12s var(--ease-out), transform .16s var(--ease-spring);border-radius:50%;position:absolute;inset:10%;transform:scale(.9)}@media (hover:hover){.rv-sq.is-legal:hover{background:var(--felt-hi)}.rv-sq.is-legal:hover .rv-ghost{opacity:.6;transform:none}.rv-sq.is-legal:hover .rv-hint{opacity:0}}.rv-sq.is-legal:active .rv-ghost{opacity:.8;transform:scale(.95)}