/* Raúlflix 22.2 — cuatro sistemas visuales completos */
#rf22ExperienceDock,#rf22Launch,#rf22Trigger,#rf22AuditTrigger,#rf22pLab,#rf22dVhs,#rf22dSurprise{display:none!important}
body[data-rf-world] #rf22world{background:var(--world-bg)!important}
body[data-rf-world] #rf22world-stage{margin:12px auto 0}
body[data-rf-world] #rf22world-trailer{margin:12px auto 0}
body[data-rf-world] #rf22world-foot{max-width:1100px;margin:12px auto;gap:12px;flex-wrap:wrap}
body[data-rf-world] #rf22world-foot>span{font-size:11px}
body[data-rf-world] #rf22world-lab{border:1px solid var(--world)!important;border-radius:8px;padding:8px 12px;background:transparent!important;color:var(--world2)!important;text-decoration:none}
body[data-rf-world] #rf22world-stage .rf22world-actions{position:relative}
body[data-rf-world] #rf22world-stage .rf22world-actions button{font-family:var(--world-font)!important}
body[data-rf-world] #catalogue,body[data-rf-world] #collections,body[data-rf-world] #rails,body[data-rf-world] #party-zone,body[data-rf-world] .section{background:var(--world-bg)!important;color:var(--world-text)!important}
body[data-rf-world] #catalogue .film{position:relative;isolation:isolate;background:transparent!important;overflow:visible!important;border:0!important;box-shadow:none!important;transform:none!important;min-width:0}
body[data-rf-world] #catalogue .film .poster{position:relative;overflow:hidden;aspect-ratio:2/3;background-size:cover!important;background-position:center!important;transition:transform .22s,filter .22s}
body[data-rf-world] #catalogue .film h3{font-family:var(--world-font)!important;margin:11px 3px 3px!important;font-size:clamp(14px,3.7vw,19px)!important}
body[data-rf-world] #catalogue .film p{margin:3px!important}
body[data-rf-world] #catalogue #grid{gap:clamp(16px,4vw,34px)!important}
body[data-rf-world] #catalogue .film .poster small{position:relative;z-index:2}
body[data-rf-world] #catalogue .film:hover .poster{transform:translateY(-4px)}
/* VHS: estuches físicos con lomo, ventana de cinta y etiqueta de videoclub */
body[data-rf-world=vhs] #catalogue .film{padding:5px 4px 8px!important;background:#0b1018!important;box-shadow:6px 6px 0 #03050a!important;border:1px solid #66707c!important;border-radius:3px!important}
body[data-rf-world=vhs] #catalogue .film .poster{border:8px solid #24282d!important;border-left:15px solid #0b0c10!important;border-radius:2px!important;box-shadow:inset 0 0 0 2px #c2c3b6,3px 2px 0 #000!important;aspect-ratio: .72!important}
body[data-rf-world=vhs] #catalogue .film .poster:before{content:'▶  VHS  ·  SP';position:absolute;top:0;left:0;right:0;padding:5px 3px;background:#101217;color:#f4f2d9;font:700 10px Courier New,monospace;z-index:3;text-align:center}
body[data-rf-world=vhs] #catalogue .film .poster:after{content:'RAÚLFLIX · REBOBINAR';position:absolute;bottom:0;left:0;right:0;padding:7px 2px;background:#ede6cf;color:#12151d;font:700 9px Courier New,monospace;letter-spacing:.01em;z-index:3;text-align:center}
body[data-rf-world=vhs] #catalogue .film h3{font-family:Courier New,monospace!important;letter-spacing:-.025em}
body[data-rf-world=vhs] #catalogue .film:nth-child(4n+2){transform:rotate(-1.2deg)!important}
body[data-rf-world=vhs] #catalogue .film:nth-child(4n+3){transform:rotate(.9deg)!important}
body[data-rf-world=vhs] :is(#catalogue h2,#rf22world-title){font-family:Impact,'Arial Narrow',sans-serif!important;text-transform:uppercase;letter-spacing:.04em!important;text-shadow:3px 2px #fa2f9e,-2px -1px #12d6d3}
/* Sobrenatural: portadas como retratos de una casa abandonada */
body[data-rf-world=supernatural] #catalogue .film{background:linear-gradient(180deg,#0a1b20,#030a0d)!important;padding:7px 7px 16px!important;border:1px solid #607c81!important;border-radius:80px 80px 8px 8px!important;box-shadow:0 0 28px #6c9fa52a,inset 0 0 28px #a3d1d311!important}
body[data-rf-world=supernatural] #catalogue .film .poster{border-radius:80px 80px 3px 3px!important;filter:grayscale(.55) brightness(.78) contrast(1.14)!important;border:2px solid #7a9c9c!important;box-shadow:inset 0 0 35px #000!important}
body[data-rf-world=supernatural] #catalogue .film h3{font-family:Georgia,serif!important;font-weight:400!important;color:#d7f3ef!important;text-shadow:0 0 14px #8fcbcb99}
body[data-rf-world=supernatural] :is(#catalogue h2,#rf22world-title){font-family:Georgia,serif!important;font-weight:400!important;color:#e5f9f5!important;opacity:.87;text-shadow:0 0 20px #a6d9d4,0 0 50px #9bd2d299!important}
body[data-rf-world=supernatural] #catalogue .film:nth-child(3n+1) .poster{filter:grayscale(.8) sepia(.18) hue-rotate(140deg) brightness(.68)!important}
/* Slasher: recortes, sangre estilizada y títulos agresivos */
body[data-rf-world=slasher] #catalogue .film{background:#15050a!important;border:1px solid #9c1434!important;padding:5px!important;box-shadow:5px 6px 0 #450a19!important;clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,0 100%)}
body[data-rf-world=slasher] #catalogue .film .poster{border:3px solid #50091c!important;border-left:6px solid #f02b49!important;border-radius:0!important;filter:contrast(1.14) saturate(.78)!important}
body[data-rf-world=slasher] #catalogue .film h3{font-family:Impact,'Arial Narrow',sans-serif!important;text-transform:uppercase;color:#fff!important;letter-spacing:.035em!important;text-shadow:2px 3px #9e102b}
body[data-rf-world=slasher] :is(#catalogue h2,#rf22world-title){font-family:Impact,'Arial Narrow',sans-serif!important;letter-spacing:.025em!important;color:#f3e5e5!important;text-shadow:2px 3px #8f081b,4px 6px #3a0713!important}
body[data-rf-world=slasher] #rf22world-title:after{content:' ';display:block;width:48%;height:6px;margin-top:10px;background:linear-gradient(90deg,#e30032 0 12%,transparent 12% 16%,#9a0023 16% 100%);clip-path:polygon(0 0,100% 0,98% 100%,78% 35%,52% 100%,23% 55%,0 100%)}
/* Cine: cuadros enmarcados, placa y tipografía de filmoteca */
body[data-rf-world=cinema] #catalogue .film{background:linear-gradient(145deg,#381e17,#140b0b)!important;border:2px solid #a88451!important;padding:9px 9px 14px!important;box-shadow:0 0 0 3px #23110e,0 15px 32px #0009!important;border-radius:2px!important}
body[data-rf-world=cinema] #catalogue .film .poster{border:9px ridge #b79663!important;border-radius:0!important;box-shadow:0 0 0 2px #3d2515,0 8px 20px #0009!important;aspect-ratio:.72!important}
body[data-rf-world=cinema] #catalogue .film .poster:after{content:'SALA PRIVADA · RAÚLFLIX';position:absolute;bottom:0;left:0;right:0;background:#26150eeb;color:#d8bb8b;padding:8px 2px;text-align:center;font:10px Georgia,serif;letter-spacing:.06em}
body[data-rf-world=cinema] #catalogue .film h3{font-family:Georgia,serif!important;color:#f4e2bd!important;font-weight:400!important;text-align:center}
body[data-rf-world=cinema] #catalogue .film p{text-align:center;color:#d3b78c!important}
body[data-rf-world=cinema] :is(#catalogue h2,#rf22world-title){font-family:Georgia,serif!important;letter-spacing:.01em!important;font-weight:400!important;color:#f2dfb3!important;text-shadow:0 3px 24px #b8914e55!important}
/* El reto y los premios viven dentro de Truco o trato */
#rf22party-rewards{margin:18px auto 26px;padding:22px;border:1px solid var(--world);border-radius:var(--world-radius,14px);background:var(--world-panel);color:var(--world-text)}
#rf22party-rewards h2{font-family:var(--world-font);font-size:clamp(24px,6vw,38px);margin:6px 0}
#rf22party-rewards .rf22party-heading>span{letter-spacing:.16em;color:var(--world2);font-size:11px}
#rf22party-rewards p{line-height:1.5}
.rf22party-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.rf22party-actions button{border:1px solid var(--world);border-radius:10px;background:var(--world-bg);color:var(--world-text);padding:15px 9px;font:700 14px system-ui;cursor:pointer}
#rf22party-rewards .rf22party-disclaimer{font-size:12px;opacity:.8}
#rf22special{position:fixed;inset:0;z-index:999999;background:#000c;display:grid;place-items:center;padding:20px}
#rf22special[hidden]{display:none!important}
#rf22special>div{background:var(--world-panel,#1b1220);border:2px solid var(--world,#e94c7b);color:#fff;padding:28px;border-radius:16px;max-width:390px;width:100%;box-shadow:0 0 70px #000}
#rf22special span{letter-spacing:.16em;color:var(--world2);font-size:11px}
#rf22special button{background:var(--world);color:var(--world-bg);border:0;border-radius:8px;padding:12px 20px;font-weight:700}
@media(max-width:600px){.rf22party-actions{grid-template-columns:1fr}.rf22party-actions button{padding:12px}body[data-rf-world=vhs] #catalogue .film .poster{border-width:5px!important;border-left-width:10px!important}body[data-rf-world=cinema] #catalogue .film .poster{border-width:5px!important}body[data-rf-world] #catalogue .film h3{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){body[data-rf-world] #catalogue .film .poster{transition:none}}