.app-intro{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,#fffdf5 0%,#f4f0e5 54%,#e9eef8 100%);transition:opacity .25s ease}
.app-intro[hidden]{display:none}
.app-intro.is-leaving{opacity:0;pointer-events:none}
.intro-brand{width:min(82vw,360px);aspect-ratio:2;position:relative;animation:intro-logo .35s ease-out both}
.intro-brand img,.intro-brand svg{position:absolute;inset:0;width:100%;height:100%}
.intro-eye{opacity:0;transform-box:fill-box;transform-origin:center;animation:intro-wink 1.65s ease-in-out both}
.intro-skip{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));border:0;border-radius:99px;background:#ffffffc9;padding:9px 16px;font-size:12px;font-weight:800;color:#172d78}
@keyframes intro-logo{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes intro-wink{0%,53%,71%,100%{opacity:0;transform:scaleY(.16)}58%,65%{opacity:1;transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.app-intro,.intro-brand,.intro-eye{animation:none;transition:none}}

.type{grid-template-columns:clamp(112px,35vw,158px) minmax(0,1fr) auto;min-height:76px;gap:10px;padding:4px 8px}
.type .vehicle{height:66px;min-width:0;background-size:contain;background-position:center;filter:none}
@media(min-width:400px){.type{min-height:84px}.type .vehicle{height:74px}}
@media(max-width:350px){.type{gap:6px;padding-inline:6px}.type .eta{padding-inline:4px;white-space:nowrap}}
#sirin-splash{display:none}
.sirin-intro #sirin-splash{display:grid}
.sirin-intro body{overflow:hidden}