.karta{--karta-voda:#daeaf6;--karta-susha:#fff;--karta-bereg:#afc4d4;--karta-reka:#a5cde9;background:var(--karta-voda)}.ton-osnovnoy{--ton:hsl(var(--primary));--ton-svet:hsl(var(--accent));--ton-fon:hsl(var(--accent) / .35)}.ton-vtoroy{--ton:#1560c1;--ton-svet:#1697f3;--ton-fon:#1697f34d}.karta-holst{position:relative}.karta-svg{width:100%;height:auto;display:block}.karta-susha{fill:var(--karta-susha);stroke:var(--karta-bereg);stroke-width:1px;stroke-linejoin:round}.karta-ozera{fill:var(--karta-voda);stroke:var(--karta-bereg);stroke-width:.6px}.karta-reki{fill:none;stroke:var(--karta-reka);stroke-width:1px;stroke-linejoin:round;stroke-linecap:round}.karta-sklady{border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}.karta-sklad-knopka{border:1px solid hsl(var(--border));background:hsl(var(--background));text-align:left;min-height:2.5rem;color:hsl(var(--foreground));cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.875rem;font-weight:600;line-height:1.15;transition:border-color .2s,background .2s;display:inline-flex}.karta-sklad-knopka small{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:400;display:block}.karta-sklad-knopka:hover{border-color:hsl(var(--foreground) / .35)}.karta-sklad-knopka[aria-pressed=true]{border-color:var(--ton,hsl(var(--foreground)));background:hsl(var(--muted));box-shadow:inset 0 0 0 1px var(--ton,hsl(var(--foreground)))}.karta-sklad-knopka:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.karta-sklad-znak{background:var(--ton);width:14px;height:14px;box-shadow:0 0 0 3px var(--ton-fon);border-radius:999px;flex:none}.karta-marshrut{transition:opacity .25s}.karta-shpaly{fill:none;stroke:hsl(var(--foreground) / .22);stroke-width:6px;stroke-dasharray:1.3 6}.karta-liniya{fill:none;stroke:var(--ton);stroke-width:1.8px;stroke-linecap:round;opacity:.8;transition:stroke-width .25s,opacity .25s}.karta-vagon rect{fill:var(--ton);stroke:#fff;stroke-width:1.4px}.karta-ping{fill:none;stroke:var(--ton-svet);stroke-width:2.5px}.karta-marshrut.is-aktivnyy .karta-liniya{stroke-width:3.2px;opacity:1}.karta.is-vybor .karta-marshrut.is-prigashen,.karta.is-vybor .karta-gorod.is-prigashen,.karta.is-vybor .karta-podpis.is-prigashen{opacity:.18}.karta .karta-marshrut.is-skryt,.karta.is-vybor .karta-marshrut.is-skryt{opacity:.06}.karta .karta-gorod.is-skryt,.karta .karta-podpis.is-skryt,.karta .karta-sklad.is-skryt,.karta.is-vybor .karta-gorod.is-skryt,.karta.is-vybor .karta-podpis.is-skryt{opacity:.3}.karta-gorod{cursor:pointer;transition:opacity .25s}.karta-tochka{fill:#fff;stroke:hsl(var(--foreground) / .8);stroke-width:2.4px;transition:r .2s}.karta-gorod.is-aktivnyy .karta-tochka{fill:hsl(var(--foreground));r:7px}.karta-cel{fill:#0000}.karta-sklad{transition:opacity .25s}.karta-sklad-tochka{fill:var(--ton);stroke:#fff;stroke-width:3px}.karta-sklad.is-aktivnyy .karta-sklad-tochka{stroke:hsl(var(--foreground))}.karta-puls{fill:var(--ton-fon);transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite karta-puls}.karta-puls--2{animation-delay:1.2s}@keyframes karta-puls{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(4)}}.karta-podpisi{pointer-events:none;position:absolute;inset:0}.karta-podpis{white-space:nowrap;color:hsl(var(--foreground));text-shadow:0 0 2px #fff,0 0 3px #fff,0 0 5px #fff,0 0 8px #fff;font-size:13px;font-weight:600;line-height:1.15;transition:opacity .25s,color .25s;position:absolute}.karta-podpis.is-aktivnyy{font-weight:800}.karta-podpis--gorod small{color:hsl(var(--primary));font-size:11px;font-weight:700;display:block}.karta-podpis--sverhu{text-align:center;transform:translate(-50%,calc(-100% - 9px))}.karta-podpis--snizu{text-align:center;transform:translate(-50%,9px)}.karta-podpis--sleva{text-align:right;transform:translate(calc(-100% - 10px),-50%)}.karta-podpis--sprava{transform:translate(10px,-50%)}.karta-podpis--sklad{box-shadow:0 1px 4px hsl(var(--foreground) / .15);color:var(--ton);text-shadow:none;background:#ffffffeb;border-radius:6px;padding:3px 8px 4px;font-size:15px;font-weight:800}.karta-podpis--sklad.karta-podpis--sverhu{transform:translate(-35%,calc(-100% - 18px))}.karta-podpis--sklad.karta-podpis--sprava{transform:translate(16px,-50%)}.karta-podpis--sklad small{color:hsl(var(--muted-foreground));font-size:11px;font-weight:600;display:block}@media (width<=640px){.karta-podpis{font-size:10px}.karta-podpis--gorod:not(.is-aktivnyy){display:none}.karta-podpis--sklad{box-shadow:none;text-shadow:0 0 2px #fff,0 0 3px #fff,0 0 5px #fff;background:0 0;padding:0;font-size:11px}.karta-podpis--sklad small{display:none}.karta-podpis--sklad.karta-podpis--tel-sleva{transform:translate(calc(6px - 100%),7px)}.karta-podpis--sklad.karta-podpis--tel-sprava{transform:translate(-6px,7px)}.karta-podpis--sklad.karta-podpis--tel-sverhu{transform:translate(-50%,calc(-100% - 8px))}}.karta-legenda{border-top:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground));flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.karta-legenda-punkt{align-items:center;gap:.5rem;display:inline-flex}.karta-legenda-primechanie{color:hsl(var(--muted-foreground));font-size:.8125rem}@media (width>=1024px){.karta-legenda-primechanie{margin-left:auto}}.karta-znak{flex:none;display:inline-block}.karta-znak--gorod{border:2.5px solid hsl(var(--foreground) / .8);background:#fff;border-radius:999px;width:11px;height:11px}.karta-znak--vagon{background:linear-gradient(var(--ton), var(--ton)) left center / 100% 2px no-repeat;width:28px;height:7px;position:relative}.karta-znak--vagon:after{content:"";background:var(--ton);border:1px solid #fff;border-radius:2px;width:11px;height:7px;position:absolute;top:0;left:9px}.karta-knopka{text-align:left;color:hsl(var(--foreground));cursor:pointer;align-items:center;gap:.5rem;padding:.125rem 0;font-size:.9375rem;transition:color .2s,opacity .2s;display:inline-flex}.karta-knopka small{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:400;display:block}.karta-knopka .karta-knopka-srok{color:hsl(var(--primary));font-size:.8125rem;font-weight:600}.karta-knopka:hover,.karta-knopka.is-aktivnyy{font-weight:600}.karta-knopka.is-skryt{opacity:.4}.karta-knopka:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:4px}.karta-knopka-sklady{flex:none;align-self:flex-start;gap:2px;margin-top:.45em;display:inline-flex}.karta-knopka-sklady i{background:var(--ton);border-radius:999px;width:8px;height:8px}.tranzit-cifra{letter-spacing:-.02em;color:hsl(var(--primary));font-size:clamp(2.75rem,6vw,4rem);font-weight:900;line-height:1}.tranzit-cifra span{letter-spacing:0;font-size:.45em;font-weight:800}.tranzit-igra{margin-top:1.25rem}.tranzit-igra-ryad{gap:6px;display:flex}.tranzit-igra-doroga{flex:1;min-width:0;position:relative}.tranzit-igra-knopki{flex-direction:column;gap:4px;display:flex}.tranzit-igra-knopki button{background:hsl(var(--accent));color:#fff;cursor:pointer;touch-action:manipulation;border-radius:8px;flex:1;justify-content:center;align-items:center;width:44px;transition:background .15s,transform .1s;display:flex}.tranzit-igra-knopki button:hover{background:hsl(var(--primary))}.tranzit-igra-knopki button:active{transform:scale(.94)}.tranzit-igra-knopki button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.tranzit-igra-knopki svg{width:22px;height:22px}.tranzit-igra canvas{background:hsl(var(--foreground) / .9);cursor:ns-resize;touch-action:manipulation;border-radius:8px;width:100%;height:84px;display:block}.tranzit-igra canvas:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.tranzit-tormoz{pointer-events:none;justify-content:center;align-items:center;padding:0 .75rem;display:flex;position:absolute;inset:0}.tranzit-tormoz p{max-width:100%;color:hsl(var(--foreground));background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8125rem;line-height:1.25;animation:.25s ease-out tranzit-poyavlenie;display:flex;box-shadow:0 4px 14px #00000040}.tranzit-tormoz svg{color:#16a34a;flex:none;width:18px;height:18px}.tranzit-igra-podpis{color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-top:.5rem;font-size:.8125rem;display:flex}.tranzit-igra-km{font-variant-numeric:tabular-nums;color:hsl(var(--foreground));font-weight:600}@keyframes tranzit-poyavlenie{0%{opacity:0;transform:scale(.92)}}.karta--zhdet .karta-liniya,.karta--vidno .karta-liniya{stroke-dasharray:1;stroke-dashoffset:1px}.karta--vidno .karta-liniya{animation:1.1s cubic-bezier(.45,0,.25,1) forwards karta-risovat;animation-delay:calc(var(--nomer) * 80ms + .3s)}.karta--zhdet .karta-shpaly,.karta--zhdet .karta-gorod,.karta--zhdet .karta-podpis--gorod,.karta--zhdet .karta-vagon{opacity:0}.karta--vidno .karta-shpaly{animation:.6s backwards karta-proyavit;animation-delay:calc(var(--nomer) * 80ms + 1s)}.karta--vidno .karta-gorod,.karta--vidno .karta-podpis--gorod{animation:.45s backwards karta-proyavit;animation-delay:calc(var(--nomer) * 80ms + 1.2s)}.karta--vidno .karta-vagon{animation:.8s backwards karta-proyavit;animation-delay:calc(var(--vsego) * 80ms + 1.4s)}@keyframes karta-risovat{to{stroke-dashoffset:0}}@keyframes karta-proyavit{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.karta-vagon,.karta-ping,.karta-puls{display:none}}