#rru{font-family:Nunito,system-ui,sans-serif;color:#14304f;max-width:1100px;margin:0 auto 24px}
#rru .rru-panel{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}
@media(max-width:820px){#rru .rru-panel{grid-template-columns:1fr}#rru .rru-lista{order:2}}
#rru .rru-lista,#rru .rru-escena{background:#fff;border:3px solid #7c3aed;border-radius:22px;padding:14px;box-shadow:0 10px 30px rgba(124,58,237,.12)}
#rru .rru-escena{background:#faf5ff}
#rru .rru-escena:fullscreen{display:flex;flex-direction:column;justify-content:center;padding:30px;border:0;border-radius:0;overflow:auto}
#rru label{font-weight:800;font-size:15px}
#rru textarea{display:block;width:100%;box-sizing:border-box;margin:6px 0 4px;border:2px solid #ddd6fe;border-radius:12px;padding:10px;font:600 16px/1.45 Nunito,system-ui,sans-serif;color:#14304f;background:#fff}
#rru textarea:focus,#rru select:focus,#rru input:focus{outline:none;border-color:#7c3aed}
#rru .rru-n{margin:0 0 8px;font-size:14px;color:#6b21a8;font-weight:700}
#rru .rru-fila{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
#rru select,#rru input[type=number]{border:2px solid #ddd6fe;border-radius:10px;padding:7px 8px;font:inherit;font-weight:700;color:#14304f;background:#fff}
#rru input[type=number]{width:70px}
#rru .rru-fila select{flex:1}
#rru .rru-chk{display:flex;gap:8px;align-items:center;font-weight:700;font-size:14px;margin:4px 0}
#rru .rru-chk input{width:18px;height:18px}
#rru .rru-priv{font-size:12.5px;color:#64748b;margin:8px 0 0}
#rru .rru-b{border:0;border-radius:12px;padding:9px 14px;font:inherit;font-weight:900;cursor:pointer;background:#7c3aed;color:#fff;box-shadow:0 4px 0 #4c1d95}
#rru .rru-b.sec{background:#ede9fe;color:#4c1d95;box-shadow:0 4px 0 #c4b5fd}
#rru .rru-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;justify-content:center}
#rru .rru-tab{border:2px solid #ddd6fe;background:#fff;color:#4c1d95;border-radius:999px;padding:8px 16px;font:inherit;font-weight:800;cursor:pointer}
#rru .rru-tab.on{background:#7c3aed;border-color:#7c3aed;color:#fff}
#rru .rru-zona{min-height:380px}
#rru .rru-rueda{position:relative;width:min(100%,480px);margin:0 auto}
#rru .rru-rueda canvas{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}
#rru .rru-flecha{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #14304f;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
#rru .rru-girar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;border:0;background:#14304f;color:#fff;font:900 15px Nunito,sans-serif;white-space:nowrap;padding:0;cursor:pointer;box-shadow:0 4px 0 #000}
#rru .rru-res{text-align:center;min-height:64px;margin-top:10px}
#rru .rru-res span{display:inline-block;background:#fff;border:4px solid #7c3aed;border-radius:18px;padding:8px 22px;font-size:clamp(26px,5vw,44px);font-weight:900;color:#4c1d95;animation:rrupop .4s ease}
@keyframes rrupop{from{transform:scale(.4);opacity:0}}
#rru .rru-mazo{display:flex;justify-content:center;padding:10px 0}
#rru .rru-carta{width:min(80%,340px);aspect-ratio:3/4;border:0;border-radius:22px;background:repeating-linear-gradient(45deg,#7c3aed 0 14px,#6d28d9 14px 28px);color:#fff;font:900 clamp(26px,5vw,44px)/1.15 Nunito,sans-serif;cursor:pointer;box-shadow:0 10px 0 #4c1d95;padding:16px}
#rru .rru-carta .rru-dorso{font-size:80px}
#rru .rru-carta.cara{background:#fff;color:#4c1d95;border:5px solid #7c3aed;animation:rruflip .45s ease}
@keyframes rruflip{from{transform:rotateY(90deg)}}
#rru .rru-ayuda{text-align:center;color:#6b21a8;font-weight:700}
#rru .rru-cajas{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
#rru .rru-caja{aspect-ratio:1;border:0;border-radius:16px;color:#fff;font:900 30px Nunito,sans-serif;cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.25)}
#rru .rru-caja.abierta{background:#fff!important;color:#14304f;border:3px solid #ddd6fe;font-size:17px;box-shadow:none;cursor:default;animation:rrupop .3s ease;padding:6px;word-break:break-word}
#rru .rru-grupos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:8px}
#rru .rru-grupo{background:#fff;border:3px solid;border-radius:16px;overflow:hidden}
#rru .rru-grupo b{display:block;color:#fff;padding:6px 10px}
#rru .rru-grupo ul{margin:0;padding:8px 10px 10px 28px;font-weight:700}
#rru .rru-pie{justify-content:center;margin-top:12px}
#rru .rru-hist{font-size:14px;color:#475569;text-align:center}
#rru .rru-hist span{display:inline-block;background:#ede9fe;color:#4c1d95;border-radius:999px;padding:2px 10px;margin:2px;font-weight:700}