/* Four independent miniature stages; original artwork remains the no-JS fallback. */
.rf-hub .rf-motion-row{perspective:800px;--scene-scale:1;--scene-tint:#589cea}
.rf-hub .rf-motion-row>img{opacity:.3;filter:none;transition:opacity 300ms}
.rf-hub .rf-motion-row::before{background:linear-gradient(90deg,#06131dfa 3%,#06131ddd 28%,#07172538 70%)}
.rf-hub .rf-motion-row>div:not(.rf-scene){position:relative;z-index:3;pointer-events:none}
.rf-hub .rf-motion-row .rf-arrow{z-index:4;position:relative;transition:transform 200ms,background 200ms}
.rf-hub .rf-motion-row:hover .rf-arrow,.rf-hub .rf-motion-row:focus-visible .rf-arrow{transform:translateX(3px);background:#163e53}
.rf-hub .rf-motion-row:hover>img,.rf-hub .rf-motion-row:focus-visible>img{opacity:.18}
.rf-hub .rf-motion-row.tabla{--scene-tint:#f6b969;background:radial-gradient(ellipse at right,#734725,#201914)}
.rf-hub .rf-motion-row.poker{--scene-tint:#e96b85;background:radial-gradient(ellipse at right,#711c36,#200d20)}
.rf-hub .rf-motion-row.nesesardi{--scene-tint:#54e4c9;background:radial-gradient(ellipse at right,#08594f,#08272b)}
.rf-scene{position:absolute;display:block;pointer-events:none;right:16px;top:50%;width:292px;height:190px;transform:translateY(-50%) scale(var(--scene-scale));transform-origin:right center;z-index:2;perspective:700px;contain:layout style}
.rf-scene *{box-sizing:border-box;pointer-events:none}
.rf-sc-halo{position:absolute;inset:20px 15px 0 30px;border-radius:50%;background:radial-gradient(ellipse,var(--scene-tint),transparent 65%);opacity:.15;transform:rotate(-12deg)}
.rf-sc-mark{position:absolute;width:37px;height:auto;right:18px;top:9px;opacity:.65;filter:drop-shadow(0 3px 3px #0008)}
.rf-sc-deck{position:absolute;left:35px;top:88px;width:57px;height:auto;aspect-ratio:446/647;transform:rotate(-18deg);border-radius:5px;box-shadow:-2px 2px #dae0db,-4px 4px #39506d,-6px 6px #dae0db,0 9px 15px #0008}
.rf-sc-card{position:absolute;left:0;top:0;width:65px;height:auto;aspect-ratio:446/647;display:block;perspective:500px;filter:drop-shadow(0 6px 5px #0007)}
.rf-sc-card-flip{position:absolute;inset:0;display:block;transform-style:preserve-3d}
.rf-sc-card img{position:absolute;inset:0;width:100%;height:100%;border-radius:5px;backface-visibility:hidden;object-fit:contain;border:1px solid #e0dfd2}
.rf-sc-card .rf-sc-back{transform:rotateY(180deg)}
.rf-scene-poker .rf-sc-card{width:72px;height:auto;aspect-ratio:446/647}
.rf-scene-poker .rf-sc-halo{background:radial-gradient(ellipse,#f0a27955,transparent 65%)}
.rf-sc-chip-stack{display:block;position:absolute;top:128px;left:100px;width:57px;height:32px;filter:drop-shadow(0 8px 5px #0008)}
.rf-sc-chip-stack-1{left:166px;top:133px}.rf-sc-chip-stack-2{left:226px;top:115px}
.rf-sc-chip{display:block;position:absolute;width:52px;height:27px;border-radius:50%;background:repeating-conic-gradient(#ddcaa0 0deg 15deg,#8f2540 15deg 55deg);border:1px solid #e7caa088;box-shadow:0 3px #4a1424,0 4px #e2c89780;bottom:calc(var(--chip-level,0)*6px)}
.rf-sc-chip::before{content:"";position:absolute;inset:4px;border:1px solid #dec99d;border-radius:50%;background:#891d36}
.rf-sc-chip::after{content:"R";position:absolute;inset:5px;display:grid;place-items:center;color:#efdfb2;font:bold 13px/1 Georgia,serif}
.rf-sc-chip.black{background:repeating-conic-gradient(#e7d7b2 0deg 15deg,#172835 15deg 55deg);box-shadow:0 3px #08151d,0 4px #acb2b780}.rf-sc-chip.black::before{background:#172835}
.rf-sc-chip.gold{background:repeating-conic-gradient(#feeec3 0deg 15deg,#ab7638 15deg 55deg);box-shadow:0 3px #6b4523,0 4px #ccb98480}.rf-sc-chip.gold::before{background:#ab7638}
.rf-sc-chip-loose{left:71px;top:142px;bottom:auto;rotate:-17deg}
.rf-sc-board{position:absolute;left:38px;top:44px;width:239px;height:137px;background:repeating-linear-gradient(7deg,#56381e 0 2px,#624329 2px 8px);border:7px solid #82522a;border-radius:9px;transform:rotate(-10deg) skewX(-7deg);box-shadow:0 8px 15px #0008,inset 0 0 0 2px #b38d62;overflow:hidden}
.rf-sc-point{position:absolute;top:0;width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:83px solid #bd9767}
.rf-sc-point:nth-child(even){border-top-color:#281e16}.rf-sc-point-0{left:5px}.rf-sc-point-1{left:41px}.rf-sc-point-2{left:77px}.rf-sc-point-3{left:113px}.rf-sc-point-4{left:149px}.rf-sc-point-5{left:185px}
.rf-sc-checker{position:absolute;width:39px;height:24px;border-radius:50%;border:3px solid #dac5a0;background:radial-gradient(ellipse,#d3b382,#f2d8af);box-shadow:0 4px #998164,0 7px 6px #0008;left:86px;top:144px}.rf-sc-checker-dark{background:radial-gradient(ellipse,#5a4634,#211a15);border-color:#68523a;left:214px;top:65px;box-shadow:0 4px #1e1713,0 7px 6px #0008}
.rf-sc-dice{position:absolute;display:block;width:44px;height:44px;left:121px;top:92px;perspective:400px;filter:drop-shadow(0 12px 5px #0009)}.rf-sc-dice[data-die="1"]{left:197px;top:116px}
.rf-sc-die{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(32deg) rotateZ(8deg)}
.rf-sc-die-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:8px;border:1px solid #cbb58f;border-radius:7px;background:linear-gradient(135deg,#fffced,#e1caa6);backface-visibility:hidden}
.rf-sc-die-face-1{transform:translateZ(22px)}.rf-sc-die-face-2{transform:rotateY(90deg) translateZ(22px)}.rf-sc-die-face-3{transform:rotateY(180deg) translateZ(22px)}.rf-sc-die-face-4{transform:rotateY(-90deg) translateZ(22px)}.rf-sc-die-face-5{transform:rotateX(90deg) translateZ(22px)}.rf-sc-die-face-6{transform:rotateX(-90deg) translateZ(22px)}
.rf-sc-die-face .pip{display:block;border-radius:50%;background:#352b26;box-shadow:inset 0 1px 1px #0008;grid-area:2/2}
.rf-sc-die-face-2 .pip-0,.rf-sc-die-face-3 .pip-0,.rf-sc-die-face-4 .pip-0,.rf-sc-die-face-5 .pip-0,.rf-sc-die-face-6 .pip-0{grid-area:1/1}
.rf-sc-die-face-2 .pip-1,.rf-sc-die-face-3 .pip-1,.rf-sc-die-face-4 .pip-1,.rf-sc-die-face-5 .pip-1,.rf-sc-die-face-6 .pip-1{grid-area:3/3}
.rf-sc-die-face-4 .pip-2,.rf-sc-die-face-5 .pip-2,.rf-sc-die-face-6 .pip-2{grid-area:1/3}.rf-sc-die-face-4 .pip-3,.rf-sc-die-face-5 .pip-3,.rf-sc-die-face-6 .pip-3{grid-area:3/1}.rf-sc-die-face-6 .pip-4{grid-area:2/1}.rf-sc-die-face-6 .pip-5{grid-area:2/3}
.rf-sc-path{position:absolute;left:23px;top:129px;width:254px;height:43px;transform:rotate(-9deg);border:1px solid #7ee6cf66;background:#0d4a45a0;border-radius:8px}
.rf-sc-path i{position:absolute;left:calc(6px + var(--step)*40px);top:4px;width:33px;height:33px;border:1px solid #a5eddd55;border-radius:6px;background:#9de3c215;box-shadow:inset 0 0 0 3px #082d3030}
.rf-sc-pawn{position:absolute;left:0;top:0;width:49px;height:80px;object-fit:contain;filter:drop-shadow(0 8px 5px #0008)}.rf-sc-pawn-0{z-index:3}.rf-sc-pawn-1{z-index:4}.rf-sc-pawn-2{z-index:2}.rf-sc-pawn-3{z-index:1}
.rf-sc-goal{position:absolute;left:241px;top:151px;width:26px;height:9px;border-radius:50%;background:#93f8d1;box-shadow:0 0 15px #68f3c880;opacity:.6}
@media(min-width:900px){.rf-hub .rf-motion-row{--scene-scale:1.12}.rf-scene{right:14px}.rf-hub .rf-motion-row>div:not(.rf-scene){max-width:53%}}
@media(max-width:520px){.rf-hub .rf-motion-row{--scene-scale:.67}.rf-scene{right:7px}.rf-hub .rf-motion-row>div:not(.rf-scene){max-width:53%}.rf-hub .rf-motion-row p{max-width:142px}.rf-hub .rf-motion-row h2{font-size:24px}.rf-hub .rf-motion-row.nesesardi h2{max-width:164px;font-size:22px}.rf-hub .rf-motion-row .rf-arrow{width:30px;height:30px}}