.rotas-splash{--gold:#ffd000;position:fixed;inset:0;z-index:2147483000;overflow:hidden;isolation:isolate;background:#070a0c;color:#f6f5ee;font-family:Arial,Helvetica,sans-serif;transition:opacity .65s,visibility .65s;box-sizing:border-box}
.rotas-splash *{box-sizing:border-box}.rotas-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.city-scene{position:absolute;left:50%;top:50%;width:max(100vw,177.68vh);height:max(100vh,56.28vw);transform:translate(-50%,-50%) scale(1.04);animation:city-drift 22s ease-in-out infinite alternate;will-change:transform}.city-scene picture,.city-scene img,.city-routes{position:absolute;inset:0;width:100%;height:100%;display:block}.city-scene img{filter:brightness(.65) saturate(.65)}.city-routes{overflow:visible}.city-routes.mobile{display:none}.road-line{fill:none;stroke:#efc42f;stroke-width:1;opacity:.13}.road-current{fill:none;stroke:#ffcf00;stroke-width:2;stroke-linecap:round;stroke-dasharray:18 12 3 967;animation:road-flow var(--speed) linear infinite;animation-delay:var(--delay);filter:drop-shadow(0 0 5px #ffc400)}.road-node{fill:#fff3a0;filter:drop-shadow(0 0 5px #ffcb00)}.scene-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#04060808 0%,#04060820 35%,#04060850 69%,#040608bd 100%),linear-gradient(0deg,#06090bed,transparent 28%,transparent 78%,#06090b8c)}.scene-grain{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.splash-header,.splash-footer{position:absolute;left:clamp(22px,4vw,72px);right:clamp(22px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:2px;z-index:3}.splash-header{top:max(32px,env(safe-area-inset-top));color:#dfdfccab}.edition{display:flex;align-items:center;gap:12px}.edition i{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 13px #ffd00070}.city-label span{color:var(--gold);margin:0 8px}.rotas-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px 90px}.brand-stage{width:min(540px,55vw,67vh);position:relative;isolation:isolate;flex-shrink:0}.brand-vector{width:100%;display:block;overflow:visible;filter:drop-shadow(0 14px 20px #0008)}.brand-halo{position:absolute;inset:8% -16% -8%;background:radial-gradient(ellipse,#ffbf0020,transparent 66%);filter:blur(25px);animation:halo-in 4s both}.logo-piece{transform-box:view-box;transform-origin:50% 65%;}.running .piece-car{animation:car-arrive 1.6s .15s cubic-bezier(.16,.85,.28,1) both}.running .piece-city{animation:city-rise 1.45s 1.2s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 74%}.running .piece-pin{animation:pin-drop 1.2s 1.9s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 30%}.running .piece-road{animation:road-reveal 1.2s 1.5s ease both;transform-origin:50% 70%}.running .piece-type{animation:type-lock 1.05s 2.3s cubic-bezier(.18,.8,.2,1) both}.arrival-lines{position:absolute;inset:0;pointer-events:none}.arrival-lines i{position:absolute;height:2px;left:-95%;width:110%;top:55%;background:linear-gradient(90deg,transparent,#ffd000b0,#fff7c9);box-shadow:0 0 12px #ffc400;animation:streak 1.1s .2s both}.arrival-lines i:nth-child(2){top:64%;left:-80%;animation-delay:.3s}.arrival-lines i:nth-child(3){top:72%;left:-60%;animation-delay:.4s}.arrival-ring{position:absolute;inset:28% 0 -16%;border:1px solid #ffd00066;border-radius:50%;transform:scaleY(.3);animation:arrival-wave 1.8s 1.15s both;pointer-events:none}.copy-zone{position:relative;text-align:center;width:min(600px,90vw);margin-top:32px;min-height:133px}.copy-kicker{font-size:10px;letter-spacing:3.3px;color:#ffd457b8;animation:copy-in 1s 2.7s both}.rotas-phrase{font-size:clamp(18px,1.7vw,23px);font-weight:400;line-height:1.5;letter-spacing:-.35px;min-height:3em;margin:18px 0 16px;text-wrap:balance;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;text-shadow:0 2px 12px #000}.rotas-phrase.is-visible{opacity:1;transform:translateY(0)}.phrase-progress{display:flex;justify-content:center;gap:7px;opacity:0;transition:opacity .5s}.phrase-progress.visible{opacity:1}.phrase-progress>span{height:2px;width:38px;background:#ffffff24;overflow:hidden}.phrase-progress i{display:block;height:100%;width:100%;background:#ffd000;transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px #ffcf00}.splash-footer{bottom:max(30px,env(safe-area-inset-bottom));font-size:9px;letter-spacing:1.4px;color:#c8cccd75}.connection{display:flex;align-items:center;gap:10px}.connection>i{height:5px;width:5px;background:#ffd000;border-radius:50%;animation:heartbeat 2.5s infinite}.footer-signature span{color:#ffd000;margin-left:8px}.replay{background:transparent;color:#f5e3a6;border:1px solid #ffd00035;border-radius:30px;padding:10px 17px;font:inherit;letter-spacing:1px;cursor:pointer}.replay:hover{background:#ffd00018;border-color:#ffd000}.replay:focus-visible{outline:2px solid #ffd000;outline-offset:4px}.replay[hidden]{display:none}.replay span{margin-left:12px;color:#ffd000}
@keyframes city-drift{from{transform:translate(-50%,-50%) scale(1.04) rotate(-.35deg)}to{transform:translate(-49.6%,-50.4%) scale(1.1) rotate(.35deg)}}@keyframes road-flow{to{stroke-dashoffset:-1000}}@keyframes car-arrive{0%{opacity:0;transform:translate(-1200px,100px) scale(.55);filter:blur(14px)}38%{opacity:1;filter:blur(5px)}72%{transform:translate(35px,-5px) scale(1.025);filter:blur(0)}86%{transform:translate(-8px,2px) scale(.994)}100%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}}@keyframes city-rise{from{opacity:0;transform:translateY(170px) scaleY(.55);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes pin-drop{0%{opacity:0;transform:translateY(-150px) scale(.6);filter:blur(8px)}65%{opacity:1;transform:translateY(14px) scale(1.04);filter:blur(0)}100%{opacity:1;transform:none}}@keyframes road-reveal{from{opacity:0;transform:scale(.7) rotate(-10deg)}to{opacity:1;transform:none}}@keyframes type-lock{from{opacity:0;transform:translateY(100px) scale(1.1);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes streak{0%{opacity:0;transform:translateX(-50%) scaleX(.2)}30%{opacity:1}100%{opacity:0;transform:translateX(80%) scaleX(.4)}}@keyframes arrival-wave{0%{opacity:0;transform:scale(.2,.06)}20%{opacity:.75}100%{opacity:0;transform:scale(2.5,.65)}}@keyframes copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes halo-in{from{opacity:0}to{opacity:1}}@keyframes heartbeat{50%{box-shadow:0 0 0 5px #ffd00010}}.rotas-splash.is-paused *{animation-play-state:paused!important}
@media(max-width:700px){.city-scene{width:max(100vw,56.28vh);height:max(100vh,177.68vw)}.city-routes.desktop{display:none}.city-routes.mobile{display:block}.city-scene img{filter:brightness(.6) saturate(.6)}.brand-stage{width:min(89vw,490px,66vh)}.rotas-center{padding:80px 16px 100px}.copy-zone{margin-top:36px;min-height:160px}.rotas-phrase{font-size:19px;max-width:340px;margin:19px auto 21px;min-height:3em}.copy-kicker{font-size:9px;letter-spacing:2.8px}.splash-header{font-size:8px;letter-spacing:1.4px;top:max(26px,env(safe-area-inset-top))}.city-label{display:none}.splash-footer{bottom:max(25px,env(safe-area-inset-bottom));font-size:8px;letter-spacing:.6px;flex-wrap:wrap}.footer-signature{display:none}.replay{padding:9px 12px}.scene-shade{background:radial-gradient(ellipse at 50% 43%,transparent,#04060845 65%,#040608bb),linear-gradient(0deg,#06090be0,transparent 30%,transparent 80%,#06090b80)}}
@media(max-height:520px){.rotas-center{padding:48px 12px}.brand-stage{width:min(35vw,49vh)}.copy-zone{margin-top:8px;min-height:95px}.rotas-phrase{font-size:15px;margin:8px auto;min-height:2em}.splash-header{top:16px}.splash-footer{bottom:14px}.copy-kicker{font-size:8px}}
@media(prefers-reduced-motion:reduce){.rotas-splash *{animation:none!important;transition:none!important}.road-node{display:none}.road-current{stroke-dasharray:10 35;opacity:.45}.arrival-lines,.arrival-ring{display:none}.logo-piece{opacity:1;transform:none}.copy-kicker{opacity:1}}
/* V2: montagem de quatro segundos, movimento contínuo e neon das referências. */
.rotas-splash .brand-stage{width:min(430px,44vw,55vh)}
.rotas-splash .city-scene img{filter:brightness(.95) saturate(1.12);animation:neon-breathe 2s ease-in-out infinite alternate}
.rotas-splash .city-scene{animation:neon-camera 8s ease-in-out infinite alternate}
.rotas-splash .scene-shade{background:radial-gradient(ellipse at 50% 46%,#04060808 0%,transparent 37%,#04060814 80%,#04060855 100%),linear-gradient(0deg,#06090b99,transparent 18%,transparent 86%,#06090b55)}
.rotas-splash .road-current{stroke-width:3;stroke-dasharray:30 10 4 8 3 945;filter:drop-shadow(0 0 8px #ffc400);animation-duration:3.2s}
.rotas-splash .road-line{opacity:.07}
.rotas-splash .brand-halo{animation:gold-aura 2.4s ease-in-out infinite alternate;background:radial-gradient(ellipse,#ffc40035,transparent 66%)}
.rotas-splash .copy-zone{margin-top:26px;min-height:105px}
.rotas-splash .copy-kicker{animation:none;opacity:1}
.rotas-splash .rotas-phrase{transition:none;margin-top:14px;font-size:clamp(17px,1.5vw,21px)}
.rotas-splash .phrase-progress>span{width:90px}
.rotas-splash .logo-piece{opacity:0}
.rotas-splash.running .piece-car{animation:car-first .85s 0s cubic-bezier(.12,.7,.22,1) both,car-idle 1.3s .85s ease-in-out infinite}
.rotas-splash.running .piece-road{animation:road-unfold .7s .9s cubic-bezier(.2,.8,.2,1) both}
.rotas-splash.running .piece-city{animation:build-skyline .65s 1.5s cubic-bezier(.2,.8,.2,1) both}
.rotas-splash.running .piece-pin{animation:location-land .6s 2.05s cubic-bezier(.2,.8,.2,1) both,pin-hover 1.8s 2.65s ease-in-out infinite}
.rotas-splash.running .piece-type{animation:wordmark-lock .55s 2.65s cubic-bezier(.2,.8,.2,1) both}
.rotas-splash .brand-vector{animation:assembled-hover 2.8s 3.2s ease-in-out infinite}
.rotas-splash:not(.running) .arrival-lines,.rotas-splash:not(.running) .arrival-ring{visibility:hidden}
.rotas-splash.running .arrival-lines i{animation:streak .7s .08s both}
.rotas-splash.running .arrival-lines i:nth-child(2){animation-delay:.16s}
.rotas-splash.running .arrival-lines i:nth-child(3){animation-delay:.24s}
.rotas-splash.running .arrival-ring{animation:arrival-wave 1s .65s both}
@keyframes car-first{0%{opacity:0;transform:translate(-2000px,160px) scale(.7) skewX(12deg);filter:blur(12px)}18%{opacity:1}72%{opacity:1;transform:translate(70px,-8px) scale(1.035);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes car-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes road-unfold{from{opacity:0;transform:translateX(160px) scaleX(.3) rotate(-8deg);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes build-skyline{from{opacity:0;transform:translateY(160px) scaleY(.05);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes location-land{0%{opacity:0;transform:translateY(-260px) scale(.7)}70%{opacity:1;transform:translateY(22px) scale(1.05)}100%{opacity:1;transform:none}}
@keyframes wordmark-lock{from{opacity:0;transform:translateY(100px) scale(.75);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes pin-hover{50%{transform:translateY(-10px)}}
@keyframes assembled-hover{50%{transform:translateY(-3px)}}
@keyframes neon-camera{from{transform:translate(-50%,-50%) scale(1.04) rotate(-.5deg)}to{transform:translate(-49.5%,-50.7%) scale(1.13) rotate(.5deg)}}
@keyframes neon-breathe{from{filter:brightness(.88) saturate(1.08)}to{filter:brightness(1.12) saturate(1.22)}}
@keyframes gold-aura{from{opacity:.4;transform:scale(.95)}to{opacity:.9;transform:scale(1.08)}}
@media(max-width:700px){.rotas-splash .brand-stage{width:min(75vw,370px,52vh)}.rotas-splash .copy-zone{margin-top:28px;width:88vw}.rotas-splash .rotas-phrase{font-size:18px}.rotas-splash .rotas-center{padding-bottom:80px}}
@media(max-height:520px){.rotas-splash .brand-stage{width:min(30vw,46vh)}.rotas-splash .copy-zone{margin-top:6px;min-height:75px}.rotas-splash .rotas-phrase{font-size:15px;margin:7px auto}}
@media(prefers-reduced-motion:reduce){.rotas-splash .logo-piece{opacity:1}.rotas-splash .city-scene img{animation:none!important}.rotas-splash .brand-vector{animation:none!important}}
/* V3: perspective city and explicitly animated independent logo pieces. */
.city-3d{position:absolute;inset:0;width:100%;height:100%}
.rotas-splash .city-scene{display:none}
.rotas-splash .rotas-phrase{font-size:16px!important;letter-spacing:.1px;line-height:1.5}
.rotas-splash.running .rotas-phrase{animation:phrase-arrival .45s ease-out both!important}
.rotas-splash .copy-kicker{font-size:8px;letter-spacing:2.5px}
.rotas-splash.running .piece-car{animation:car-first .8s both,car-idle 1.2s .8s ease-in-out infinite!important}
.rotas-splash.running .piece-road{animation:road-unfold .65s .85s both,road-orbit 3s 1.5s ease-in-out infinite!important}
.rotas-splash.running .piece-city{animation:build-skyline .6s 1.45s both,skyline-glow 2s 2.05s ease-in-out infinite!important}
.rotas-splash.running .piece-pin{animation:location-land .6s 2s both,pin-hover 1.4s 2.6s ease-in-out infinite!important}
.rotas-splash.running .piece-type{animation:wordmark-lock .55s 2.65s both,type-shimmer 2s 3.2s ease-in-out infinite!important}
@keyframes phrase-arrival{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes road-orbit{50%{transform:translateX(8px) rotate(.5deg)}}
@keyframes skyline-glow{50%{filter:brightness(1.35) drop-shadow(0 0 7px #ffc40060)}}
@keyframes type-shimmer{50%{filter:brightness(1.2);transform:translateY(-3px)}}
/* V4: reference-derived vector city; no canvas or scene redraw. */
.rotas-splash .city-scene{display:block;animation:vector-camera 12s ease-in-out infinite alternate!important}
.rotas-splash .city-scene img{filter:brightness(.94);animation:none!important}
.rotas-splash .city-routes{mix-blend-mode:screen}
.rotas-splash .road-line{stroke:#ffbf00;stroke-width:2.5;opacity:.22;filter:drop-shadow(0 0 5px #ffc400)}
.rotas-splash .road-current{stroke:#ffd334;stroke-width:4;stroke-dasharray:45 15 5 170 20 745;animation:road-flow 5s linear infinite!important;animation-delay:var(--delay)!important;filter:drop-shadow(0 0 3px #fff099) drop-shadow(0 0 10px #ffba00)}
.rotas-splash .road-node{fill:#fff8c7;filter:drop-shadow(0 0 6px #ffd000)}
.rotas-splash .scene-shade{background:radial-gradient(ellipse at 50% 46%,#04060805 0%,transparent 40%,#04060810 75%,#04060870 100%),linear-gradient(0deg,#06090b90,transparent 23%,transparent 85%,#06090b50)}
@keyframes vector-camera{from{transform:translate(-50%,-50%) scale(1.025)}to{transform:translate(-49.7%,-50.3%) scale(1.06)}}
@media(max-width:700px){.rotas-splash .road-current{stroke-width:3.5;filter:drop-shadow(0 0 5px #ffc400)}.rotas-splash .road-line{stroke-width:2}.rotas-splash .brand-stage{width:min(75vw,370px,52vh)}}
/* V5 — charcoal city, brighter traffic, choreographed assembly. */
.rotas-splash .city-scene img{filter:grayscale(1) brightness(.48) contrast(1.16)!important}
.rotas-splash .road-line{stroke:#ffce19;opacity:.24;stroke-width:2;filter:drop-shadow(0 0 5px #ffc400)}
.rotas-splash .road-current{stroke:#ffe061;stroke-width:4.5;filter:drop-shadow(0 0 3px #ffe98c) drop-shadow(0 0 11px #ffbc00) drop-shadow(0 0 18px #ffae0060)}
.rotas-splash .road-node{fill:#fff9dd;filter:drop-shadow(0 0 5px #fff2a0) drop-shadow(0 0 12px #ffc400)}
.rotas-splash .copy-kicker{display:none}
.rotas-splash .copy-zone{margin-top:25px;min-height:83px}
.rotas-splash .brand-halo{background:radial-gradient(ellipse,#ffce0024,transparent 66%);filter:blur(20px)}
.rotas-splash.running .piece-car{transform-origin:50% 65%;animation:car-cinematic 1.1s cubic-bezier(.14,.74,.2,1) both,car-settled 2.2s 1.1s ease-in-out infinite!important}
.rotas-splash.running .piece-road{animation:pista-draw .9s .82s cubic-bezier(.19,.8,.22,1) both!important}
.rotas-splash.running .piece-city{animation:skyline-assemble .85s 1.35s cubic-bezier(.16,.8,.2,1) both,skyline-glow 3s 2.2s ease-in-out infinite!important}
.rotas-splash.running .piece-pin{animation:pin-cinematic .75s 1.95s cubic-bezier(.2,.8,.2,1) both,pin-hover 2.6s 2.7s ease-in-out infinite!important}
.rotas-splash.running .piece-type{animation:signature-lock .65s 2.6s cubic-bezier(.16,.8,.2,1) both,type-shimmer 3s 3.25s ease-in-out infinite!important}
.rotas-splash.running .arrival-lines i{height:3px;width:150%;left:-120%;animation:velocity-trail .95s .03s both!important}
.rotas-splash.running .arrival-lines i:nth-child(2){top:61%;animation-delay:.08s!important;width:130%}
.rotas-splash.running .arrival-lines i:nth-child(3){top:69%;animation-delay:.15s!important;width:105%}
.rotas-splash.running .arrival-ring{animation:braking-wave 1.4s .72s both!important;border-color:#ffe17785}
.rotas-splash .brand-stage:after{content:'';position:absolute;inset:27% -20% 12%;pointer-events:none;background:radial-gradient(ellipse,#ffe07445,transparent 65%);opacity:0;mix-blend-mode:screen}
.rotas-splash.running .brand-stage:after{animation:arrival-flash .7s .78s both}
@keyframes car-cinematic{0%{opacity:0;transform:translate(-2200px,140px) scale(.5) skewX(18deg);filter:blur(16px)}18%{opacity:1}58%{opacity:1;transform:translate(120px,-12px) scale(1.08) skewX(-4deg);filter:blur(2px)}77%{transform:translate(-24px,4px) scale(.985);filter:blur(0)}90%{transform:translate(7px,-1px) scale(1.007)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes car-settled{50%{transform:translateY(-2px)}}
@keyframes pista-draw{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-55px) rotate(-5deg)}30%{opacity:1}100%{opacity:1;clip-path:inset(0);transform:none}}
@keyframes skyline-assemble{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(65px) scaleY(.75);filter:blur(3px)}35%{opacity:1}100%{opacity:1;clip-path:inset(0);transform:none;filter:blur(0)}}
@keyframes pin-cinematic{0%{opacity:0;transform:translateY(-260px) scale(.5) rotate(-20deg);filter:blur(5px)}65%{opacity:1;transform:translateY(22px) scale(1.09) rotate(4deg);filter:blur(0)}82%{transform:translateY(-9px) scale(.98) rotate(-2deg)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes signature-lock{0%{opacity:0;transform:translateY(110px) scale(.82);filter:blur(8px)}70%{opacity:1;transform:translateY(-7px) scale(1.025);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes velocity-trail{0%{opacity:0;transform:translateX(-70%) scaleX(.4)}35%{opacity:.95}70%{opacity:.8}100%{opacity:0;transform:translateX(75%) scaleX(.05)}}
@keyframes braking-wave{0%{opacity:0;transform:scale(.15,.04)}15%{opacity:.8}100%{opacity:0;transform:scale(2.6,.7)}}
@keyframes arrival-flash{0%,100%{opacity:0}30%{opacity:.65}}
@media(max-width:700px){.rotas-splash .city-scene img{filter:grayscale(1) brightness(.43) contrast(1.15)!important}.rotas-splash .road-current{stroke-width:4;filter:drop-shadow(0 0 4px #fff0a0) drop-shadow(0 0 9px #ffc400)}.rotas-splash .copy-zone{margin-top:23px}}
/* New coherent city, shared coordinate space keeps lights on roads in portrait. */
.rotas-splash .city-scene{width:max(100vw,177.68vh);height:max(100vh,56.28vw)}
.rotas-splash .city-scene img{filter:grayscale(1) brightness(.78) contrast(1.1)!important}
.rotas-splash .scene-shade{background:radial-gradient(ellipse at 50% 47%,#03060955 0%,#03060930 28%,transparent 58%),linear-gradient(0deg,#03060980,transparent 30%,transparent 80%,#03060960)}
@media(max-width:700px){.rotas-splash .city-scene{width:max(100vw,177.68vh);height:max(100vh,56.28vw)}.rotas-splash .city-scene img{filter:grayscale(1) brightness(.72) contrast(1.1)!important}}
.rotas-splash{transition:opacity .7s cubic-bezier(.22,.61,.36,1),visibility .7s}
.rotas-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
/* V8: fewer details and light paths, stable geometry after assembly. */
.rotas-splash .city-scene{animation:none!important;transform:translate(-50%,-50%) scale(1.025);will-change:auto}
.rotas-splash .city-scene img{filter:grayscale(1) brightness(.48) contrast(.92)!important}
.rotas-splash .road-line{opacity:.12;filter:none;stroke-width:1.5}
.rotas-splash .road-current{stroke-width:3;stroke-dasharray:24 976;filter:drop-shadow(0 0 5px #ffc400);animation:road-flow 7s linear infinite!important;animation-delay:var(--delay)!important}
.rotas-splash .road-node{filter:drop-shadow(0 0 4px #ffcf00)}
.rotas-splash .brand-vector{animation:none!important;filter:drop-shadow(0 10px 18px #0008)}
.rotas-splash.running .piece-car{animation:car-cinematic 1.1s cubic-bezier(.14,.74,.2,1) both!important}
.rotas-splash.running .piece-city{animation:skyline-assemble .85s 1.35s cubic-bezier(.16,.8,.2,1) both!important}
.rotas-splash.running .piece-type{animation:signature-lock .65s 2.6s cubic-bezier(.16,.8,.2,1) both!important}
.rotas-splash.running .piece-pin{animation:pin-cinematic .75s 1.95s cubic-bezier(.2,.8,.2,1) both!important}
.rotas-splash .scene-grain{display:none}
.rotas-splash .scene-shade{background:radial-gradient(ellipse at 50% 46%,#03060985,transparent 66%),linear-gradient(0deg,#03060999,transparent 28%,transparent 80%,#03060955)}
@media(max-width:700px){.rotas-splash .city-scene img{filter:grayscale(1) brightness(.42) contrast(.9)!important}.rotas-splash .road-current{stroke-width:2.6}}
/* V10: varied traffic speed, clean pin, continuous restrained motion. */
.rotas-splash .road-current{animation-duration:var(--speed)!important}
.rotas-splash.running .piece-car{animation:car-cinematic 1.1s cubic-bezier(.14,.74,.2,1) both,engine-motion 1.15s 1.1s ease-in-out infinite!important}
.rotas-splash.running .piece-pin{animation:pin-cinematic .75s 1.95s cubic-bezier(.2,.8,.2,1) both,pin-contact 1.8s 2.7s ease-in-out infinite!important}
.rotas-splash.running .piece-type{animation:signature-lock .65s 2.6s cubic-bezier(.16,.8,.2,1) both,letter-motion 2.3s 3.25s ease-in-out infinite!important}
@keyframes engine-motion{0%,100%{transform:translate(0,0)}25%{transform:translate(5px,-2px)}55%{transform:translate(0,2px)}75%{transform:translate(-3px,-1px)}}
@keyframes pin-contact{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@keyframes letter-motion{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(4px,-4px) scale(1.006)}}
/* V11: stationary lettering, transform-only idle motion, cheaper lighting. */
.rotas-splash .brand-vector{filter:none!important}
.rotas-splash .brand-halo{animation:none!important;filter:none;opacity:.65}
.rotas-splash.running .piece-type{animation:signature-lock .65s 2.6s cubic-bezier(.16,.8,.2,1) both!important}
.rotas-splash.running .piece-car{animation:car-cinematic 1.1s cubic-bezier(.14,.74,.2,1) both,car-cruise 2.6s 1.1s ease-in-out infinite!important}
.rotas-splash.running .piece-pin{animation:pin-cinematic .75s 1.95s cubic-bezier(.2,.8,.2,1) both,pin-rest 2.6s 2.7s ease-in-out infinite!important}
.rotas-splash .city-routes.desktop{display:block!important}
.rotas-splash .road-current{filter:none!important;stroke:#ffda50;stroke-width:3!important}
.rotas-splash .road-node{filter:none!important;fill:#fff4bc}
.rotas-splash .road-line{filter:none!important;stroke:#ffd039;opacity:.17}
.rotas-splash.graphics-paused *{animation-play-state:paused!important}
@keyframes car-cruise{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes pin-rest{0%,100%{transform:translateY(1px)}50%{transform:translateY(9px)}}