.nav-cinema{background:#040a10;color:#f5f8fa;display:grid;font-family:inherit;overflow:hidden}.nav-cinema-map{top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transform:scale(1.08);transition:opacity .7s,transform 5s cubic-bezier(.15,.7,.15,1)}.nav-cinema.show .nav-cinema-map{opacity:1;transform:scale(1)}.map-grid{background-image:linear-gradient(rgba(85,126,151,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(85,126,151,.055) 1px,transparent 1px);background-size:38px 38px;top:0;right:0;bottom:0;left:0;position:absolute}.map-network{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.minor-roads{fill:none;stroke:#4d6a7b;stroke-width:1.2;opacity:.25}.route-shadow{fill:none;filter:blur(10px);stroke:#2777ff;stroke-linecap:round;stroke-width:15;opacity:.48}.route-line{animation:cinema-route 3.25s .55s cubic-bezier(.32,.02,.2,1) both;fill:none;stroke:#3985ff;stroke-dasharray:1050;stroke-dashoffset:1050;stroke-linecap:round;stroke-width:4}.route-origin{fill:#53d33d;filter:drop-shadow(0 0 8px #53d33d)}.route-destination{fill:#c01849;filter:drop-shadow(0 0 9px #c01849)}.map-place{color:#9db0bb;font-size:8px;font-weight:800;letter-spacing:.16em;opacity:0;position:absolute}.nav-cinema.show .map-place{animation:cinema-label .5s 1.4s forwards}.place-one{bottom:17%;left:15%}.place-two{left:53%;top:47%}.place-three{right:10%;top:14%}.nav-cinema-vignette{background:radial-gradient(circle at 50% 46%,transparent 5%,rgba(4,10,16,.28) 54%,#040a10 97%),linear-gradient(180deg,rgba(4,10,16,.35),transparent 30%,rgba(4,10,16,.75));top:0;right:0;bottom:0;left:0;position:absolute}.nav-cinema-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:max(34px,env(safe-area-inset-top)) 25px max(58px,env(safe-area-inset-bottom));position:relative;width:100%;z-index:2}.nav-cinema-brand{align-items:center;display:flex;flex-direction:column}.nav-cinema-icon{animation:cinema-icon .85s cubic-bezier(.18,.82,.25,1.08) both;background:#fff;border:1px solid rgba(255,255,255,.85);border-radius:24%;box-shadow:0 25px 80px #00000094,0 0 0 1px #4188ff40,0 0 42px #2f7eff2e;height:clamp(90px,25vw,132px);width:clamp(90px,25vw,132px)}.nav-cinema-wordmark{animation:cinema-rise .65s .35s both;filter:drop-shadow(0 7px 20px #000);margin-top:22px;max-width:300px;width:68vw}.nav-cinema-brand>span{animation:cinema-rise .65s .5s both;color:#9cb0bc;font-size:8px;font-weight:900;letter-spacing:.38em;margin-top:10px;padding-left:.38em}.nav-cinema-truck{animation:cinema-truck-in 1s .75s cubic-bezier(.16,.75,.24,1) both;height:82px;margin:24px 0 13px;max-width:340px;position:relative;width:78vw}.nav-cinema-truck svg{filter:drop-shadow(0 16px 18px rgba(0,0,0,.7));height:100%;overflow:visible;width:100%}.nav-cinema-truck .trailer{fill:#eef3f5}.nav-cinema-truck .cab{fill:#b91645}.nav-cinema-truck .window{fill:#172d3a}.nav-cinema-truck .trim{fill:#17386b}.nav-cinema-truck circle{fill:#05090c;stroke:#8799a3;stroke-width:5}.nav-cinema-truck .hub{fill:#dbe4e8;stroke:none}.nav-cinema-truck>i{animation:cinema-headlight 1.1s 1.5s ease-in-out infinite alternate;background:linear-gradient(90deg,rgba(255,244,185,.55),transparent);clip-path:polygon(0 40%,100% 0,100% 100%,0 60%);height:25px;position:absolute;right:-38px;top:46px;width:76px}.nav-cinema-truck>i:last-child{right:-52px;top:57px;width:90px}.nav-cinema-status{animation:cinema-rise .65s 1.1s both;background:linear-gradient(135deg,#0f202beb,#08141ce0);border:1px solid rgba(126,160,179,.2);border-radius:15px;box-shadow:0 20px 55px #0000005c;max-width:380px;padding:15px 16px 13px;width:86vw;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cinema-status-heading{align-items:center;display:flex}.cinema-status-heading>span{animation:cinema-pulse 1s infinite;background:#53d33d;border-radius:50%;box-shadow:0 0 0 5px #53d33d1a;height:7px;margin-right:10px;width:7px}.cinema-status-heading b{font-size:9px;letter-spacing:.13em}.cinema-checks{display:grid;gap:6px;margin:12px 0}.cinema-checks span{color:#91a4af;display:flex;font-size:8px;justify-content:space-between;opacity:0}.cinema-checks span:nth-child(1){animation:cinema-check .35s 1.55s forwards}.cinema-checks span:nth-child(2){animation:cinema-check .35s 2.05s forwards}.cinema-checks span:nth-child(3){animation:cinema-check .35s 2.55s forwards}.cinema-checks b{color:#68db51;font-size:7px;letter-spacing:.12em}.cinema-progress{background:#22323b;border-radius:3px;height:3px;overflow:hidden}.cinema-progress i{animation:cinema-progress 3.65s .65s cubic-bezier(.3,.8,.2,1) both;background:linear-gradient(90deg,#17386b,#3d86ff 72%,#b91645);display:block;height:100%;transform-origin:left}.nav-cinema>footer{align-items:center;bottom:max(19px,env(safe-area-inset-bottom));color:#647b89;display:flex;font-size:7px;font-weight:900;gap:12px;justify-content:center;letter-spacing:.22em;position:absolute;width:100%;z-index:3}.nav-cinema>footer i{background:#36505f;height:1px;width:28px}@keyframes cinema-route{to{stroke-dashoffset:0}}@keyframes cinema-label{to{opacity:.7}}@keyframes cinema-icon{0%{filter:blur(8px);opacity:0;transform:scale(.76) translateY(13px)}to{filter:none;opacity:1;transform:none}}@keyframes cinema-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes cinema-truck-in{0%{filter:blur(4px);opacity:0;transform:translate(-42px)}to{filter:none;opacity:1;transform:none}}@keyframes cinema-headlight{to{opacity:.45;transform:scaleX(1.14)}}@keyframes cinema-pulse{50%{box-shadow:0 0 0 9px #53d33d00}}@keyframes cinema-check{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:none}}@keyframes cinema-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-height:680px){.nav-cinema-truck{margin:12px 0 8px}.nav-cinema-icon{height:76px;width:76px}.nav-cinema-wordmark{margin-top:14px}.nav-cinema-status{padding:11px 14px}.cinema-checks{margin:8px 0}}@media(prefers-reduced-motion:reduce){.nav-cinema-map,.route-line,.map-place,.nav-cinema-icon,.nav-cinema-wordmark,.nav-cinema-brand>span,.nav-cinema-truck,.nav-cinema-truck>i,.nav-cinema-status,.cinema-status-heading>span,.cinema-checks span,.cinema-progress i{animation:none!important;opacity:1;stroke-dashoffset:0;transform:none}}