.rift-cinema686{margin:18px 0;border:1px solid #9b8159;border-radius:16px;overflow:hidden;background:#0d101b}.rift-cinema686>header{display:flex;flex-direction:column;padding:14px 16px!important;background:linear-gradient(100deg,#322942,#181b28)}.rift-cinema686>header span{font-size:10px;letter-spacing:2px;color:#d5af72}.rift-cinema686>header b{font-size:16px;color:#ead6ac}.rift-arena686{height:390px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#64709744,transparent 55%),linear-gradient(150deg,#16162b,#25263b 50%,#101322);isolation:isolate}.rift-depth686{position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 60px,#aaaac711 61px 63px,transparent 64px 150px);clip-path:polygon(0 0,100% 0,100% 90%,55% 65%,0 100%);opacity:.8}.rift-arena686:after{content:'';position:absolute;inset:60% -30% -60%;border-radius:50%;background:radial-gradient(ellipse,#666c8755,transparent 60%);transform:perspective(160px) rotateX(30deg);z-index:-1}.rift-unit686{position:absolute;bottom:26px;width:38%;height:300px;transition:opacity .3s,filter .3s;filter:drop-shadow(0 8px 8px #0008)}.rift-hunter686,.rift-merc686{left:2%;z-index:2}.rift-pet686{left:18%;bottom:12px;height:180px;width:36%;z-index:3}.rift-foe686{right:0;width:48%;height:310px}.rift-sprite686{position:absolute;inset:65px 0 0;transform-origin:bottom center;transition:transform .16s}.rift-sprite686 img{width:100%;height:100%;object-fit:contain}.rift-vitals686{position:absolute;left:4%;right:4%;top:0;z-index:5;text-align:center;font-size:10px;text-shadow:0 1px 3px black}.rift-vitals686>b{display:block;color:#f0e3c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rift-vitals686>div{height:7px;background:#271b25;border:1px solid #7a6b59;border-radius:9px;overflow:hidden;margin:4px 0}.rift-vitals686 i{display:block;height:100%;background:linear-gradient(90deg,#446e50,#91bd7c);transition:width .22s}.rift-foe686 .rift-vitals686 i{background:linear-gradient(90deg,#824150,#c27174)}.rift-vitals686 small{color:#e0d7ca;font-size:9px}.rift-vitals686 span{display:block;color:#b9d9f4}.rift-pet686 .rift-vitals686{top:0}.rift-pet686 .rift-sprite686{inset:48px 0 0}.rift-arena686 .is-down686{opacity:.24;filter:grayscale(1)}.is-attacking686 .rift-sprite686{transform:translate(12px,-3px) rotate(-4deg)}.rift-foe686.is-attacking686 .rift-sprite686{transform:translate(-12px,-3px) rotate(4deg)}.is-hit686 .rift-sprite686{filter:brightness(1.7) sepia(.6) saturate(2);transform:translateX(-5px)}.rift-projectile686{position:absolute;z-index:10;color:#ffdc89;text-shadow:0 0 8px #ffc866;font-size:25px;opacity:0;pointer-events:none}.rift-number686{position:absolute;top:40%;left:35%;font-size:25px;font-weight:900;color:#ffcfbf;text-shadow:0 2px 4px #000;opacity:0;z-index:12}.rift-number686.is-active686{animation:rift-number686 .65s ease-out both}@keyframes rift-number686{0%{opacity:1;transform:translateY(0) scale(.7)}25%{transform:translateY(-12px) scale(1.1)}100%{opacity:0;transform:translateY(-45px) scale(1)}}.rift-skill686{position:absolute;left:8%;right:8%;top:10px;z-index:15;text-align:center;border-radius:8px;padding:7px;color:#f1ddff;font-size:12px;background:#3b264fde;border:1px solid #b78dd0;opacity:0;pointer-events:none}.rift-skill686.is-active686{animation:rift-skill686 1.2s ease both}@keyframes rift-skill686{0%,100%{opacity:0;transform:translateY(-5px)}15%,75%{opacity:1;transform:translateY(0)}}.rift-aura686{position:absolute;inset:15%;border-radius:50%;border:2px solid transparent;pointer-events:none}.is-shield686 .rift-aura686{border-color:#a4d2f3aa;box-shadow:0 0 22px #76c9f477,inset 0 0 20px #76c9f444}.is-skill686 .rift-aura686{border-color:#cfa2ff;box-shadow:0 0 25px #b480ee99}.rift-transition686{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(ellipse,#211e33ef,#0a0e19f5);z-index:20;color:#e5c68b;font-size:22px;font-weight:800;text-shadow:0 2px 12px #bd7bff55}.rift-transition686[hidden]{display:none!important}#rift-caption686{margin:0;padding:12px;min-height:40px;font-size:12px;color:#e2d9c9;border-top:1px solid #ffffff15}.rift-cinema686 nav{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 12px}.rift-cinema686 nav button,.rift-cinema686 nav select{font-size:11px;padding:9px}.rift-cinema-note686{font-size:10px;color:#a89db6;padding:0 12px}.reduced686 .rift-sprite686{transition:none;transform:none!important}.reduced686 .rift-number686.is-active686{animation:none;opacity:1}.reduced686 .rift-skill686.is-active686{animation:none;opacity:1}@media(min-width:540px){.rift-arena686{height:470px}.rift-unit686{height:360px}.rift-pet686{height:230px}.rift-foe686{height:380px}}@media(prefers-reduced-motion:reduce){.rift-arena686 *{animation:none!important;transition:none!important}}