.rrp-cabinet{box-sizing:border-box;max-width:38rem;margin:1rem auto;padding:clamp(.8rem,3vw,1.6rem);border:3px solid #bc8c40;border-radius:1.4rem;background:linear-gradient(150deg,#34251e,#14130f 70%);color:#fff2d6;box-shadow:0 12px 32px #0005;text-align:center}
.rrp-cabinet h3{margin:.2rem 0 .6rem;color:#ffe0a0;font-size:clamp(1.2rem,5vw,1.8rem)}
.rrp-window{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.3rem,2vw,.8rem);padding:.7rem;border:2px solid #d1a65f;border-radius:.8rem;background:#090c0b}
.rrp-reel{display:grid;place-items:center;min-width:0;aspect-ratio:3/4;border-radius:.5rem;background:linear-gradient(#c4c0ac,#fff9e8 35%,#fff9e8 65%,#b4ad92);color:#5e2318;font-size:clamp(2rem,11vw,4.5rem);font-weight:800;box-shadow:inset 0 0 12px #0005}
.rrp-result{min-height:1.5em;font-weight:700;color:#ffe0a0}
.rrp-rules{font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.rrp-cabinet *{animation:none!important;transition:none!important}}

.rrp-preview-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem}
.rrp-preview-list .rrp-cabinet{margin:0;width:100%;max-width:none}
.rrp-cabinet a{color:#ffe0a0;text-underline-offset:.2em}