/* Raúlflix 23.1 · refined immersive design. Non-destructive final layer. */
:root{--rf231-ease:cubic-bezier(.22,1,.36,1);--rf231-edge:rgba(255,255,255,.17);--rf231-radius:18px}
#rf228-scene{overflow:hidden;border-radius:24px!important;box-shadow:0 18px 60px #0008, inset 0 0 0 1px #ffffff12}
#rf228-scene .rf228-backdrop{transform:scale(1.035);transform-origin:50% 50%;animation:rf231-breathe 22s ease-in-out infinite alternate;will-change:transform;transition:opacity .65s var(--rf231-ease),filter .7s var(--rf231-ease)}
#rf228-scene .rf228-backdrop::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 20%,transparent 15%,#0006 100%);animation:rf231-shadow 12s ease-in-out infinite alternate}
#rf228-scene .rf228-copy{animation:rf231-copy .55s var(--rf231-ease) both}
#rf228-scene.rf231-scene-change .rf228-copy{animation:rf231-copy .6s var(--rf231-ease) both}
#rf228-scene.rf231-scene-change .rf228-backdrop{animation:rf231-breathe 22s ease-in-out infinite alternate,rf231-image-in .7s var(--rf231-ease) both}
#rf228-scene .rf228-touch{transition:transform .22s var(--rf231-ease),background .22s ease,border-color .22s ease}
#rf228-scene .rf228-touch:active{transform:scale(.972)}
#rf228-reward.rf231-appear>div{animation:rf231-reward-in .64s var(--rf231-ease) both}
#rf228-reward.rf231-appear .rf228-envelope{display:inline-block;animation:rf231-symbol .72s var(--rf231-ease) both}
#rf22Panel{border-radius:24px!important;box-shadow:0 24px 90px #000b!important;backdrop-filter:blur(12px)}
#rf22Panel .rf22top{padding-bottom:12px!important}
#rf22Panel .rf22top b{letter-spacing:.06em;font-size:clamp(19px,4vw,27px)}
#rf22Panel .rf22top em{font-size:.72em;font-style:normal;opacity:.8}
#rf22Panel button,#rf229-knowledge button,#rf228-reward button{transition:transform .2s var(--rf231-ease),box-shadow .2s ease,background-color .2s ease}
#rf22Panel button:active,#rf229-knowledge button:active,#rf228-reward button:active{transform:scale(.975)}
#rf22Panel .rf22tabs{scrollbar-width:none;gap:8px}
#rf22Panel .rf22tabs::-webkit-scrollbar{display:none}
#rf22Panel .rf22tabs button{border-radius:12px!important;white-space:nowrap}
#rf229-knowledge{border-radius:22px!important;background:linear-gradient(155deg,#20121f,#100d17)!important;box-shadow:0 12px 40px #0005}
#rf229-knowledge .rf229-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
#rf229-knowledge article.rf231-discovery{min-width:0;cursor:pointer;border-radius:16px!important;padding:17px!important;background:linear-gradient(145deg,#ffffff12,#ffffff04)!important;border:1px solid #ffffff28!important;transition:transform .25s var(--rf231-ease),border-color .25s ease,background .25s ease;outline-offset:4px}
#rf229-knowledge article.rf231-discovery:active{transform:scale(.985)}
#rf229-knowledge article.rf231-discovery:focus-visible{outline:2px solid #ffb6ce}
#rf229-knowledge article.rf231-discovery h3{font-size:clamp(16px,3.8vw,20px);line-height:1.3;margin:10px 0 0}
#rf229-knowledge article.rf231-discovery h3::after{content:'  ⌄';font-size:.8em;opacity:.55}
#rf229-knowledge article.rf231-discovery[aria-expanded=true] h3::after{content:'  ⌃'}
#rf229-knowledge article.rf231-discovery .rf231-details{padding-top:10px}
#rf229-knowledge article.rf231-discovery .rf231-details[hidden]{display:none!important}
#rf229-knowledge .rf230-category{display:inline-block;letter-spacing:.02em;font-size:12px}
#rf229-knowledge .rf230-stats{opacity:.85;font-size:13px;line-height:1.6}
#overlay .modal,#projectionOverlay,#rf22Panel,#rf228-reward>div{scrollbar-width:thin}
#overlay .modal{border-radius:22px}
#rf231-intro{position:fixed;inset:0;z-index:2147483400;pointer-events:none;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#311425,#08050b 67%);color:#fff;animation:rf231-intro-out 1.45s ease-out forwards}
#rf231-intro .rf231-brand{font-weight:900;letter-spacing:.16em;font-size:clamp(29px,7vw,65px);text-shadow:0 0 35px #ed366e70;animation:rf231-intro-text 1.2s var(--rf231-ease) both}
#rf231-intro .rf231-brand span{color:#ff6b9a}
@keyframes rf231-breathe{0%{transform:scale(1.035) translate3d(-.35%,0,0)}100%{transform:scale(1.095) translate3d(.35%,-.7%,0)}}
@keyframes rf231-shadow{0%{opacity:.42}100%{opacity:.8}}
@keyframes rf231-image-in{0%{opacity:.35}100%{opacity:1}}
@keyframes rf231-copy{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes rf231-reward-in{from{opacity:0;transform:translateY(23px) scale(.94);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes rf231-symbol{from{opacity:0;transform:scale(.65) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes rf231-intro-out{0%,47%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes rf231-intro-text{from{opacity:0;transform:scale(.88);letter-spacing:.3em}to{opacity:1;transform:scale(1);letter-spacing:.16em}}
@media(hover:hover){#rf229-knowledge article.rf231-discovery:hover{transform:translateY(-3px);border-color:#ff9cbe70!important}#rf22Panel button:hover{filter:brightness(1.08)}}
@media(max-width:600px){#rf229-knowledge .rf229-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#rf229-knowledge article.rf231-discovery{padding:12px!important}#rf229-knowledge article.rf231-discovery h3{font-size:15px}#rf229-knowledge article.rf231-discovery .rf230-category{font-size:10px}#rf22Panel .rf22top{gap:10px}#rf22Panel .rf22tabs button{padding:10px 12px!important}}
@media(max-width:360px){#rf229-knowledge .rf229-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#rf228-scene .rf228-backdrop,#rf228-scene .rf228-copy,#rf228-reward.rf231-appear>div,#rf228-reward.rf231-appear .rf228-envelope,#rf231-intro,#rf231-intro .rf231-brand{animation:none!important;transition:none!important}#rf231-intro{display:none!important}}