@keyframes cinematic-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cinematic-gradient-vertical{0%{background-position:50% 0%}50%{background-position:50% 100%}to{background-position:50% 0%}}.cinematic-bg{background:linear-gradient(135deg,#040711,#0b1628,#0a1a2f,#061220,#040711);background-size:400% 400%;animation:cinematic-gradient 20s ease infinite}.cinematic-bg--warm{background:linear-gradient(135deg,#040711,#1a0f08,#0b1628 60%,#040711);background-size:400% 400%;animation:cinematic-gradient 25s ease infinite}.cinematic-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-cyan, #00C9DB),var(--color-tangerine, #FF6B3D),transparent);opacity:.3;border:none}@keyframes glow-pulse{0%,to{box-shadow:0 0 15px #00c9db4d,0 0 30px #00c9db1a}50%{box-shadow:0 0 25px #00c9db80,0 0 50px #00c9db33}}@keyframes glow-pulse-warm{0%,to{box-shadow:0 0 15px #ff6b3d4d,0 0 30px #ff6b3d1a}50%{box-shadow:0 0 25px #ff6b3d80,0 0 50px #ff6b3d33}}.glow-border{border:1px solid rgba(0,201,219,.25);box-shadow:0 0 15px #00c9db26,inset 0 0 15px #00c9db0d;transition:box-shadow .4s ease,border-color .4s ease}.glow-border:hover{border-color:#00c9db80;box-shadow:0 0 25px #00c9db4d,0 0 50px #00c9db1a,inset 0 0 20px #00c9db14}.glow-border--warm{border:1px solid rgba(255,107,61,.25);box-shadow:0 0 15px #ff6b3d26,inset 0 0 15px #ff6b3d0d}.glow-border--warm:hover{border-color:#ff6b3d80;box-shadow:0 0 25px #ff6b3d4d,0 0 50px #ff6b3d1a}.sa-btn-primary,.hero-btn--energy,[class*=btn-primary]{position:relative;overflow:hidden}.sa-btn-primary:after,.hero-btn--energy:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#00c9db66,#ff6b3d66);opacity:0;z-index:-1;transition:opacity .4s ease;filter:blur(12px)}.sa-btn-primary:hover:after,.hero-btn--energy:hover:after{opacity:1}.cinematic-hover{transition:transform .4s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),box-shadow .4s ease}.cinematic-hover:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px #00000080,0 0 30px #00c9db1a}.glass-panel,.tool-icon-card,.path-card,[class*=card]{transition:transform .4s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),box-shadow .4s ease,border-color .4s ease}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes progress-fill{0%{width:0}}.progress-bar-cinematic{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;position:relative}.progress-bar-cinematic__fill{height:100%;background:linear-gradient(90deg,var(--color-cyan, #00C9DB),var(--color-tangerine, #FF6B3D));border-radius:3px;transition:width .8s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));animation:progress-pulse 2s ease-in-out infinite;position:relative}.progress-bar-cinematic__fill:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:10px;background:#fff;border-radius:50%;box-shadow:0 0 10px var(--color-cyan, #00C9DB),0 0 20px #00c9db66}@keyframes xp-float{0%{transform:translateY(0) scale(.8);opacity:0}20%{transform:translateY(-10px) scale(1.1);opacity:1}80%{transform:translateY(-50px) scale(1);opacity:1}to{transform:translateY(-70px) scale(.9);opacity:0}}.xp-popup{position:fixed;right:24px;bottom:100px;z-index:10000;color:var(--color-cyan, #00C9DB);font-weight:900;font-size:1.4rem;text-shadow:0 0 20px rgba(0,201,219,.6);pointer-events:none;animation:xp-float 1.5s ease-out forwards}@keyframes coin-spin{0%{transform:translateY(0) rotateY(0) scale(.5);opacity:0}20%{transform:translateY(-15px) rotateY(180deg) scale(1.2);opacity:1}60%{transform:translateY(-40px) rotateY(360deg) scale(1);opacity:1}to{transform:translateY(-60px) rotateY(540deg) scale(.8);opacity:0}}.coin-collect{position:fixed;right:24px;bottom:140px;z-index:10000;font-size:1.8rem;pointer-events:none;animation:coin-spin 1.2s ease-out forwards}@keyframes flame-flicker{0%,to{transform:scale(1) translateY(0);filter:brightness(1)}25%{transform:scale(1.1) translateY(-2px);filter:brightness(1.3)}50%{transform:scale(.95) translateY(1px);filter:brightness(.9)}75%{transform:scale(1.05) translateY(-1px);filter:brightness(1.2)}}.streak-flame{display:inline-block;animation:flame-flicker 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,107,61,.6))}@keyframes level-up-burst{0%{transform:scale(0);opacity:0}30%{transform:scale(1.3);opacity:1}60%{transform:scale(.9);opacity:1}80%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:0}}.level-up-burst{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;background:radial-gradient(circle,rgba(0,201,219,.3) 0%,transparent 70%);width:400px;height:400px;border-radius:50%;pointer-events:none;animation:level-up-burst 2s ease-out forwards}@keyframes badge-unlock{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg);opacity:1}70%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}.badge-unlock{animation:badge-unlock .8s cubic-bezier(.16,1,.3,1) forwards}.text-glow{text-shadow:0 0 20px rgba(0,201,219,.4),0 0 40px rgba(0,201,219,.2)}.text-glow--warm{text-shadow:0 0 20px rgba(255,107,61,.4),0 0 40px rgba(255,107,61,.2)}.text-glow--hero{text-shadow:0 0 30px rgba(0,201,219,.3),0 0 60px rgba(0,201,219,.15),0 0 100px rgba(0,201,219,.08)}@keyframes reveal-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes reveal-scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}[data-reveal]{opacity:0;transition:opacity .6s ease,transform .6s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}[data-reveal=up]{transform:translateY(30px)}[data-reveal=fade]{transform:none}[data-reveal=scale]{transform:scale(.95)}[data-reveal].revealed{opacity:1;transform:translateY(0) scale(1)}.cinematic-card{background:linear-gradient(145deg,#0b1628e6,#040711f2);border:1px solid rgba(0,201,219,.1);border-radius:var(--radius-card, 18px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px;transition:all .4s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.cinematic-card:hover{border-color:#00c9db4d;box-shadow:0 20px 60px #0006,0 0 30px #00c9db14;transform:translateY(-2px)}.ambient-light{position:relative}.ambient-light:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(0,201,219,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.ambient-light--warm:before{background:radial-gradient(ellipse,rgba(255,107,61,.06) 0%,transparent 70%)}.ambient-light--dual:before{background:radial-gradient(ellipse at 30% 50%,rgba(0,201,219,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(255,107,61,.05) 0%,transparent 50%);width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cinematic-bg{animation:none}}@media (max-width: 768px){.ambient-light:before{display:none}.cinematic-card{backdrop-filter:none;-webkit-backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/321/assets/cinematic-fx.css.map */