.tr-overlay{--cyan:#22d3ee;--magenta:#e879f9;z-index:2147483000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tr-overlay>*{opacity:0;position:absolute;inset:0}.tr-car{filter:drop-shadow(0 30px 40px #0009);will-change:transform, opacity, filter;width:min(150vw,1500px);height:auto;display:none;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@keyframes tr-bg{0%{opacity:0}30%{opacity:.55}62%{opacity:.9}to{opacity:0}}@keyframes tr-flash{0%,52%{opacity:0}64%{opacity:.9}to{opacity:0}}@keyframes tr-shake{10%{transform:translate(-4px,3px)rotate(-.35deg)}25%{transform:translate(6px,-4px)rotate(.4deg)}40%{transform:translate(-7px,4px)rotate(-.5deg)}55%{transform:translate(6px,-3px)rotate(.3deg)}70%{transform:translate(-4px,3px)rotate(-.25deg)}to{transform:translate(0)rotate(0)}}.tr-shake{animation:.26s cubic-bezier(.36,.07,.19,.97) tr-shake}.tr-atropello .tr-backdrop{background:radial-gradient(circle at 50% 55%,#0a0f18,#05070c);animation:.8s ease-in-out forwards tr-bg}.tr-atropello .tr-lines{background:repeating-conic-gradient(#22d3ee00 0deg,#22d3ee80 .5deg,#e879f966 1deg,#22d3ee00 2.6deg);width:220vmax;height:220vmax;animation:.8s ease-out forwards tr-warp;inset:55% auto auto 50%;transform:translate(-50%,-50%)scale(.12)}@keyframes tr-warp{0%{opacity:0;transform:translate(-50%,-50%)scale(.12)}30%{opacity:.85}70%{opacity:.5}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}.tr-atropello .tr-flash{background:radial-gradient(circle at 50% 56%,#fffffff2,#22d3ee59 35%,#0000 68%);animation:.8s ease-out forwards tr-flash}.tr-atropello .tr-car{transform-origin:50% 62%;animation:.8s cubic-bezier(.5,0,.62,1) forwards tr-rush;display:block}@keyframes tr-rush{0%{opacity:0;filter:blur(2px)brightness(.7);transform:translate(-50%,-50%)scale(.12)}16%{opacity:1}55%{opacity:1;filter:none;transform:translate(-50%,-46%)scale(1.15)}68%{opacity:1;filter:blur(1px)brightness(1.1);transform:translate(-50%,-44%)scale(1.9)}to{opacity:0;filter:blur(12px)brightness(1.3);transform:translate(-50%,-38%)scale(3.5)}}.tr-drift .tr-backdrop{background:#05070c;animation:.9s ease-in-out forwards tr-bg}.tr-drift .tr-car{width:min(88vw,880px);animation:.9s cubic-bezier(.3,.1,.2,1) forwards tr-driftcar;display:block;inset:56% auto auto 50%}@keyframes tr-driftcar{0%{opacity:0;transform:translate(60vw,-50%)rotate(13deg)scale(1.08)}16%{opacity:1}84%{opacity:1}to{opacity:0;transform:translate(-75vw,-50%)rotate(-9deg)scale(1.08)}}.tr-drift .tr-fx1{filter:blur(4px);background:radial-gradient(at 72% 62%,#cddeff8c,#0000 60%);animation:.9s ease-out forwards tr-driftsmoke}@keyframes tr-driftsmoke{0%{opacity:0;transform:translate(25%)scale(.6)}32%{opacity:.7}to{opacity:0;transform:translate(-45%)scale(1.7)}}.tr-mangalines .tr-backdrop{background:#f6f6f0;animation:.7s ease-in-out forwards tr-mangabg}@keyframes tr-mangabg{0%{opacity:0}22%{opacity:1}72%{opacity:1}to{opacity:0}}.tr-mangalines .tr-lines{background:repeating-conic-gradient(#0a0a0a 0deg 1.1deg,#0000 1.1deg 3deg);width:260vmax;height:260vmax;animation:.7s ease-out forwards tr-mangawarp;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.2);-webkit-mask:radial-gradient(circle,#0000 20%,#000 42%);mask:radial-gradient(circle,#0000 20%,#000 42%)}@keyframes tr-mangawarp{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}22%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)scale(2.6)}}.tr-mangalines .tr-flash{background:#fff;animation:.7s ease-out forwards tr-mangaflash}@keyframes tr-mangaflash{0%,42%{opacity:0}55%{opacity:1}to{opacity:0}}.tr-nitro .tr-backdrop{background:#04070c;animation:.8s ease-in-out forwards tr-bg}.tr-nitro .tr-lines{background:repeating-linear-gradient(90deg,#22d3ee00 0 6px,#22d3ee8c 6px 8px,#ffffff59 8px 9px,#0000 9px 28px);animation:.8s cubic-bezier(.4,0,.2,1) forwards tr-nitrostreak}@keyframes tr-nitrostreak{0%{opacity:0;transform:translate(60%)}20%{opacity:1}to{opacity:0;transform:translate(-120%)}}.tr-nitro .tr-flash{background:linear-gradient(90deg,#0000,#22d3ee80,#e879f959,#0000);animation:.8s ease-out forwards tr-flash}.tr-garaje .tr-fx1{border-bottom:2px solid var(--cyan);opacity:1;background:repeating-linear-gradient(#0c1017 0 22px,#0a0d13 22px 25px);height:50%;animation:.9s ease-in-out forwards tr-garageTop;inset:0 0 auto;transform:translateY(-100%)}.tr-garaje .tr-fx2{border-top:2px solid var(--magenta);opacity:1;background:repeating-linear-gradient(#0c1017 0 22px,#0a0d13 22px 25px);height:50%;animation:.9s ease-in-out forwards tr-garageBot;inset:auto 0 0;transform:translateY(100%)}@keyframes tr-garageTop{0%{transform:translateY(-100%)}45%,55%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes tr-garageBot{0%{transform:translateY(100%)}45%,55%{transform:translateY(0)}to{transform:translateY(100%)}}.tr-glitch .tr-backdrop{background:#04060b;animation:.7s steps(3,end) forwards tr-glitchbg}@keyframes tr-glitchbg{0%{opacity:0}20%{opacity:.75}60%{opacity:.55}to{opacity:0}}.tr-glitch .tr-fx1{mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff0f 0 2px,#0000 2px 4px);animation:.7s ease-out forwards tr-flash}.tr-glitch .tr-fx2{background:linear-gradient(90deg,#ff004673,#0000 22% 78%,#00d2ff73);animation:.7s steps(4,end) forwards tr-glitchsplit}@keyframes tr-glitchsplit{0%{opacity:0;transform:translate(0)}20%{opacity:.9;transform:translate(-9px)}40%{transform:translate(9px)}60%{opacity:.9;transform:translate(-5px)}to{opacity:0;transform:translate(0)}}.tr-faros .tr-backdrop{background:#05070c;animation:.8s ease-in-out forwards tr-bg}.tr-faros .tr-fx1{background:radial-gradient(circle at 42%,#fff,#22d3ee99 20%,#0000 40%),radial-gradient(circle at 58%,#fff,#22d3ee99 20%,#0000 40%);animation:.8s cubic-bezier(.5,0,.6,1) forwards tr-faros;transform:scale(.15)}@keyframes tr-faros{0%{opacity:0;transform:scale(.15)}25%{opacity:1}70%{opacity:1;transform:scale(2.2)}to{opacity:0;transform:scale(4)}}.tr-faros .tr-flash{background:#fff;animation:.8s ease-out forwards tr-flashlate}@keyframes tr-flashlate{0%,60%{opacity:0}72%{opacity:.95}to{opacity:0}}.tr-humo .tr-fx1{filter:blur(7px);background:radial-gradient(at 28% 100%,#d4d9e3e6,#0000 55%),radial-gradient(at 72% 100%,#c8cedcd9,#0000 55%),radial-gradient(at 50% 112%,#dee3edeb,#0000 62%);animation:.95s ease-in-out forwards tr-humo}@keyframes tr-humo{0%{opacity:0;transform:translateY(42%)scale(1)}30%{opacity:1}55%{opacity:1;transform:translateY(-4%)scale(1.2)}to{opacity:0;transform:translateY(-26%)scale(1.5)}}.tr-bandera .tr-fx1{background:conic-gradient(#0b0f16 90deg, #e6edf0 0 180deg, #0b0f16 0 270deg, #e6edf0 0);opacity:1;background-size:58px 58px;animation:.85s cubic-bezier(.5,0,.3,1) forwards tr-flag;inset:-10% -20%;transform:skew(-12deg)translate(135%)}@keyframes tr-flag{0%{transform:skew(-12deg)translate(135%)}45%,55%{transform:skew(-12deg)translate(0)}to{transform:skew(-12deg)translate(-135%)}}.tr-shockwave .tr-backdrop{background:radial-gradient(circle,#0a0f18,#05070c);animation:.8s ease-in-out forwards tr-bg}.tr-shockwave .tr-fx1,.tr-shockwave .tr-fx2{border-radius:50%;width:18vmax;height:18vmax;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(0)}.tr-shockwave .tr-fx1{box-shadow:0 0 0 6px var(--cyan), 0 0 44px 8px #22d3eeb3;animation:.8s ease-out forwards tr-ring}.tr-shockwave .tr-fx2{box-shadow:0 0 0 4px var(--magenta), 0 0 34px 6px #e879f9b3;animation:.8s ease-out .12s forwards tr-ring}@keyframes tr-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}14%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(8)}}@media (prefers-reduced-motion:reduce){.tr-overlay{display:none!important}.tr-shake{animation:none!important}}
