.redemption-intro{isolation:isolate;color:#ffda7e;border-radius:inherit;background:radial-gradient(at 50% 58%,#692b164d,#0000 68%),#101814;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:240px;font-family:Impact,Arial Black,sans-serif;display:flex;position:relative;overflow:hidden;container-type:size}.redemption-intro:before{content:"";z-index:-1;opacity:.14;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 4px 5px);position:absolute;inset:0}.redemption-sun{aspect-ratio:1;z-index:-1;width:44cqw;animation:2.6s both redemption-aura;animation-delay:var(--redemption-delay);background:radial-gradient(circle,#dc7b2040,#0000 68%);border-radius:50%;position:absolute;transform:scale(1.8)}.redemption-emblem{color:#efb96c;width:clamp(42px,9cqw,100px);height:clamp(42px,9cqw,100px);animation:.3s cubic-bezier(.12,.8,.12,1) both redemption-seal;animation-delay:var(--redemption-delay);border:2px solid #d7944d99;border-radius:50%;place-items:center;margin-bottom:3cqh;display:grid;box-shadow:0 0 40px #d65a1624,inset 0 0 26px #e0aa3a17}.redemption-emblem svg{fill:#c96a2525;stroke-width:1.4px;width:60%;height:60%}.redemption-title{text-align:center;z-index:2;width:94%;line-height:1;position:relative}.redemption-title span{letter-spacing:.32em;color:#e7c79a;animation:.24s cubic-bezier(.1,.8,.1,1) both redemption-above;animation-delay:var(--redemption-delay);padding-left:.32em;font-family:inherit;font-size:clamp(16px,3.4cqw,42px);display:block}.redemption-title strong{letter-spacing:.018em;color:#f3b945;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #511c14)drop-shadow(0 6px #060b08);animation:.33s cubic-bezier(.08,.84,.14,1) both redemption-slam;animation-delay:var(--redemption-delay);background:linear-gradient(#fff3bb 15%,#ecb74e 45%,#f7d56d 47%,#d97527 78%,#a83323);-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,10cqw,122px);font-weight:900;line-height:1.18;display:block}.redemption-title>i{transform-origin:50%;width:62%;height:2px;animation:.43s both redemption-slash;animation-delay:var(--redemption-delay);background:linear-gradient(90deg,#0000,#ffcf73,#0000);margin:14px auto;display:block}.redemption-intro>p{font-family:var(--font-body,Arial,sans-serif);color:#d9c0a2;letter-spacing:.06em;text-align:center;animation:.65s both redemption-caption;animation-delay:var(--redemption-delay);margin:2cqh 5%;font-size:clamp(12px,1.9cqw,23px)}.redemption-ring{aspect-ratio:1;opacity:0;width:26cqw;animation:.8s both redemption-impact;animation-delay:var(--redemption-delay);pointer-events:none;border:2px solid #e9aa58;border-radius:50%;position:absolute;top:53%;left:50%}.redemption-embers{pointer-events:none;position:absolute;top:54%;left:50%}.redemption-embers>i{opacity:0;width:8px;height:3px;animation:.65s cubic-bezier(.06,.6,.2,1) both redemption-spark;animation-delay:var(--spark-delay);background:#f5c576;border-radius:50%;position:absolute;box-shadow:0 0 8px #ff641c}@keyframes redemption-slam{0%{opacity:0;transform:scale(2.3)translateY(-20px)}55%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes redemption-above{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes redemption-seal{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes redemption-impact{0%,25%{opacity:0;transform:translate(-50%,-50%)scale(.5)}30%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(3.5)}}@keyframes redemption-spark{0%{opacity:0;transform:translate(0,0) rotate(var(--angle)) scaleX(.3)}8%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--angle)) scaleX(1.7)}}@keyframes redemption-slash{0%,50%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes redemption-caption{0%,55%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes redemption-aura{0%{opacity:0;transform:scale(.8)}15%,70%{opacity:1}to{opacity:.8;transform:scale(1.8)}}.stage:has(>.redemption-intro){min-height:400px;padding:0}.stage>.redemption-intro{position:absolute;inset:0}.stage:has(>.redemption-intro){position:relative}.stream-question:has(>.redemption-intro){padding:0}.redemption-preview{color:#eee8d8;background:#0d1511;grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:100dvh;padding:22px;display:grid}.redemption-preview header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.redemption-preview header>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.redemption-preview header p{color:#adbbaa;margin:5px 0;font-size:13px}.redemption-preview .demo-frame{background:#16221b;border:1px solid #a6a16d40;border-radius:20px;place-self:center;width:min(1200px,100%);height:min(72dvh,650px);min-height:240px;overflow:hidden}.redemption-preview .demo-complete{text-align:center;place-content:center;height:100%;padding:24px;display:grid}.demo-complete h2{margin:10px;font-size:clamp(23px,4vw,42px)}.demo-complete p{color:#bdc5ad}.redemption-preview button{min-height:44px}@media (max-width:600px){.redemption-preview{gap:10px;padding:14px}.redemption-preview .demo-frame{height:55dvh}.redemption-intro{min-height:220px}.redemption-title strong{font-size:10cqw}.redemption-emblem{margin-bottom:5cqh}.stage:has(>.redemption-intro){min-height:340px}}@media (prefers-reduced-motion:reduce){.redemption-intro *{animation:none!important}.redemption-ring,.redemption-embers{display:none}.redemption-sun{opacity:.7}}@media (max-height:500px) and (orientation:landscape){.redemption-preview{gap:10px;padding:12px}.redemption-preview header p{display:none}.redemption-preview header{flex-wrap:nowrap}.redemption-preview header strong{font-size:14px}.redemption-preview header>div{gap:8px}.redemption-preview .demo-frame{height:calc(100dvh - 80px);min-height:220px}.redemption-intro{min-height:200px}.redemption-emblem{width:46px;height:46px;margin-bottom:8px}.redemption-title strong{font-size:9cqw}.redemption-title span{font-size:2.5cqw}.redemption-title>i{margin:7px auto}.redemption-intro>p{margin:8px 5%;font-size:14px}:is(.quiz-play-content,.quiz-focus-content) .stage:has(>.redemption-intro){min-height:0}}