.rv{grid-template-columns:minmax(0,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:6px 8px 0;display:grid}.rv__play{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.rv-mark{border:2.5px solid var(--ink);border-radius:50% 47% 52% 49%/49% 52% 47% 51%;width:100%;height:100%;display:block}.rv-mark--b{background:var(--ink)}.rv-mark--w{background:var(--paper)}.rv-passed{color:var(--o)}@media (max-width:380px){.rv-chip{gap:3px;padding:3px 5px 3px 3px}.rv-chip.shell-chip--end{padding:3px 3px 3px 5px}.rv-chip .shell-chip__mark{width:18px;height:18px}.rv-chip .shell-chip__name{font-size:.82rem}.rv-chip .shell-chip__score{font-size:1.25rem}}@media (max-width:899px){.rv-status.is-note{font-size:1rem}}.rv-frame{width:100%;margin:0 auto}.rv--online .rv-frame{max-width:min(100%,560px,100dvh - 16px)}.rv-board{aspect-ratio:1;outline:2px solid var(--ink);outline-offset:-2px;background-color:var(--paper);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;position:relative}.rv-board:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 25% 25%, var(--ink) 3px, transparent 3.5px), radial-gradient(circle at 75% 25%, var(--ink) 3px, transparent 3.5px), radial-gradient(circle at 25% 75%, var(--ink) 3px, transparent 3.5px), radial-gradient(circle at 75% 75%, var(--ink) 3px, transparent 3.5px);position:absolute;inset:0}.rv-cell{appearance:none;border:0;border-inline-end:1.5px solid var(--board-line);border-bottom:1.5px solid var(--board-line);width:100%;min-width:0;height:100%;color:inherit;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;margin:0;padding:0;display:block;position:relative}.rv-cell:nth-child(8n){border-inline-end:0}.rv-cell:nth-child(n+57){border-bottom:0}.rv-cell.is-playable{cursor:pointer}.rv-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:2}.rv-cell.is-last{background:#ffe45cbf}.rv-disc{border:2.5px solid var(--ink);background:var(--paper);pointer-events:none;border-radius:50% 47% 52% 49%/49% 52% 47% 51%;position:absolute;inset:11%}.rv-cell[data-disc=B] .rv-disc{background:var(--ink);box-shadow:inset 3px 3px #ffffff1f}.rv-cell[data-disc=W] .rv-disc{background:var(--paper);box-shadow:inset -2px -3px 0 var(--paper-shade)}.rv-disc.is-new{animation:.2s ease-out rv-place}@keyframes rv-place{0%{opacity:.3;transform:scale(.4)}}.rv-cell[data-disc=B] .rv-disc.is-flipping{animation:rv-flip-to-black .34s ease-in-out var(--delay,0s) both}.rv-cell[data-disc=W] .rv-disc.is-flipping{animation:rv-flip-to-white .34s ease-in-out var(--delay,0s) both}@keyframes rv-flip-to-black{0%,49%{background:var(--paper);box-shadow:none}0%{transform:scaleX(1)}50%{background:var(--ink);transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes rv-flip-to-white{0%,49%{background:var(--ink);box-shadow:none}0%{transform:scaleX(1)}50%{background:var(--paper);transform:scaleX(.05)}to{transform:scaleX(1)}}.rv-cell.is-hint:after{content:"";border:2px solid var(--ink);opacity:.5;pointer-events:none;border-radius:50%;position:absolute;inset:39%}.rv-board[data-turn=B] .rv-cell.is-hint:after{background:var(--ink);opacity:.35}.rv-board[data-turn=W] .rv-cell.is-hint:after{background:var(--paper)}@media (hover:hover) and (pointer:fine){.rv-cell.is-playable:hover{background:var(--paper-shade)}.rv-cell.is-playable:hover:after{opacity:.4;border-width:2.5px;border-radius:50% 47% 52% 49%/49% 52% 47% 51%;inset:11%}}@media (prefers-reduced-motion:reduce){.rv-disc.is-new,.rv-cell .rv-disc.is-flipping{animation:none}}.rv-toggle{margin-top:14px}@media (min-width:900px),(min-width:640px) and (max-height:500px){.rv{padding:16px var(--gutter) 0}}@media (min-width:900px) and (min-height:501px){.rv--online .rv-frame{max-width:min(100%,560px,max(330px,100dvh - 340px))}}