.rv{--rv-pad: clamp(8px, 2cqi, 16px);--rv-gap: clamp(var(--sp-2),1.6cqi,var(--sp-3h));--rv-board: min(calc(100cqi - 2 * var(--rv-pad)), max(calc(var(--fold, 100vh - 16rem) - 20rem), 17rem), 34rem);--rv-cell: calc(var(--rv-board) / 8);--rv-felt: #14532D;--rv-felt-lit: #1E7A4C;--rv-felt-edge: #0C3B20;--rv-line: rgb(0 0 0 / .34);--rv-accent: var(--cat-board, #E8B84B);--rv-text: #ECF3F7;--rv-dim: #9FB3C2;--rv-black: #16161B;--rv-white: #F7F4EC;--rv-ease-out: cubic-bezier(.2,.8,.3,1);--rv-ease-back: cubic-bezier(.2,.8,.3,1.2);--rv-turn: var(--rv-black);flex-direction:column;inline-size:100%;padding:var(--rv-pad);color:var(--rv-text);font:500 15px/1.3 inherit;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.rv[data-turn="2"]{--rv-turn: var(--rv-white)}.rv__in{flex:1;min-width:0;display:grid;gap:var(--rv-gap);grid-template-columns:minmax(0,1fr);grid-template-areas:"mode" "level" "actions" "scores" "board" "status" "chip";align-content:start;justify-items:center}.rv__panel{display:contents}.rv__scores{grid-area:scores}.rv__board{grid-area:board}.rv__status{grid-area:status}.rv__chip{grid-area:chip}[data-r=ctl-mode]{grid-area:mode}[data-r=ctl-level]{grid-area:level}.rv__actions{grid-area:actions}@container (min-width: 52rem){.rv{--rv-side: 15rem;--rv-board: min(calc(100cqi - 2 * var(--rv-pad) - var(--rv-side) - var(--rv-gap)), max( calc(100vh - 17rem) , 17rem), 34rem)}.rv__in{grid-template-columns:var(--rv-board) minmax(0,1fr);grid-template-areas:"board mode" "board level" "board actions" "board scores" "board status" "board chip";align-content:start;justify-items:stretch}.rv__chip{margin-top:auto}}.rv__scores{display:flex;gap:var(--sp-2);width:100%;max-width:var(--rv-board)}.rv__side{flex:1;display:flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);background:var(--scrim-1);box-shadow:var(--e-sink);transition:box-shadow .16s var(--rv-ease-out),background-color .16s}.rv__side.is-turn{background:var(--scrim-2);box-shadow:inset 0 0 0 2px var(--rv-accent)}.rv__side b{font-size:var(--fs-4);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.rv__who{font-size:var(--fs-1);font-weight:700;letter-spacing:.01em;color:var(--rv-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv__pip{flex:none;width:22px;height:22px;border-radius:50%;box-shadow:var(--card-shadow)}.rv__pip--black{background:radial-gradient(circle at 34% 28%,#55555f,var(--rv-black) 62%,#05050a)}.rv__pip--white{background:radial-gradient(circle at 34% 28%,#fff,var(--rv-white) 58%,#c7c0af)}.rv__status{grid-area:status;margin:0;min-height:2.4em;max-width:var(--rv-board);font-size:var(--fs-2);line-height:1.35;color:#ecf3f7db}.rv__chip{margin:0;display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-chip);background:color-mix(in srgb,var(--rv-accent) 18%,transparent);color:var(--rv-accent);font-size:var(--fs-1);font-weight:800;white-space:nowrap;justify-self:start}.rv__ctl{display:flex;flex-direction:column;gap:var(--sp-1);width:100%;max-width:var(--rv-board)}.rv__ctl[hidden]{display:none}.rv__lbl{font-size:var(--fs-1);font-weight:700;color:var(--rv-dim)}.rv__seghost{display:block}.rv__seg{min-height:44px}.rv__actions{display:flex;gap:var(--sp-2);width:100%;max-width:var(--rv-board)}.rv__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:44px;min-width:44px}.rv__btn svg{flex:none}.rv__board{position:relative;width:var(--rv-board);height:var(--rv-board);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);padding:0;border-radius:clamp(var(--r-sm),1.6cqi,var(--r-md));background:radial-gradient(circle at 25% 25%,var(--scrim-3) 0 2px,transparent 2px),radial-gradient(circle at 75% 25%,var(--scrim-3) 0 2px,transparent 2px),radial-gradient(circle at 25% 75%,var(--scrim-3) 0 2px,transparent 2px),radial-gradient(circle at 75% 75%,var(--scrim-3) 0 2px,transparent 2px),repeating-linear-gradient(45deg,var(--wash-1) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 38%,var(--rv-felt-lit) 0%,var(--rv-felt) 58%,var(--rv-felt-edge) 100%);box-shadow:var(--ring-inset),var(--e-sink-deep),var(--e-2);touch-action:manipulation;overflow:hidden}.rv__cell{position:relative;display:grid;place-items:center;box-shadow:inset -1px -1px 0 var(--rv-line);cursor:default}.rv__cell:nth-child(8n){box-shadow:inset 0 -1px 0 var(--rv-line)}.rv__cell:nth-child(n+57){box-shadow:inset -1px 0 0 var(--rv-line)}.rv__cell:nth-child(64){box-shadow:none}.rv__cell:focus-visible{outline:3px solid var(--rv-accent);outline-offset:-3px;z-index:3}.rv__cell.is-legal{cursor:pointer}.rv__cell.is-legal:after{content:"";position:absolute;width:26%;height:26%;border-radius:50%;background:var(--rv-turn);opacity:.5;transition:transform .16s var(--rv-ease-out),opacity .16s var(--rv-ease-out);animation:rv-dot 2.4s ease-in-out infinite}@keyframes rv-dot{0%,to{opacity:.38}50%{opacity:.66}}@media(hover:hover)and (pointer:fine){.rv__cell.is-legal:hover:after{transform:scale(2.7);opacity:.34}}.rv__cell.is-legal.is-pressed:after{transform:scale(2.9);opacity:.5}.rv__cell.is-last:before{content:"";position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 0 2px var(--rv-accent);opacity:.85;z-index:2;pointer-events:none}.rv__disc{position:relative;width:82%;height:82%;transform:scale(0);opacity:0;perspective:420px;pointer-events:none}.rv__cell.has-disc .rv__disc{transform:scale(1);opacity:1}.rv__disc-in{position:absolute;inset:0;transform-style:preserve-3d}.rv__cell.is-white .rv__disc-in{transform:rotateY(180deg)}.rv__f{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:var(--e-sink),var(--bevel-top),var(--e-1)}.rv__f--b{background:radial-gradient(circle at 36% 28%,var(--wash-6) 0%,transparent 42%),radial-gradient(circle at 50% 55%,#3a3a44 0%,var(--rv-black) 62%,#04040a 100%)}.rv__f--w{transform:rotateY(180deg);background:radial-gradient(circle at 36% 28%,#fff 0%,transparent 46%),radial-gradient(circle at 50% 55%,var(--rv-white) 0%,#e4decf 62%,#bdb5a2 100%)}.rv__float{font-size:clamp(var(--fs-2),3.2cqi,var(--fs-4));font-weight:800;text-shadow:var(--ink-shade)}.rv__float--1{color:#cfe3f2}.rv__float--2{color:var(--rv-white)}.rv--thinking .rv__board{filter:saturate(.9) brightness(.96)}.rv--over .rv__board{box-shadow:inset 0 0 0 2px var(--rv-accent),var(--e-sink-deep),var(--e-2)}@media(prefers-reduced-motion:reduce){.rv__cell.is-legal:after{animation:none;transition:none}.rv__side,.rv__cell.is-legal:after{transition:none}}