#loading-screen{position:absolute;inset:0;z-index:100;background:#faf1db;color:#173e49;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 17px Arial,sans-serif;gap:36px}
#loading-screen[hidden]{display:none}
.loading-road{position:relative;width:76%;height:32px;background:#bbc3c4;border-radius:8px;box-shadow:0 4px 0 #a4aeb0}
.loading-road:after{content:"";position:absolute;left:8px;right:8px;top:15px;height:2px;background:repeating-linear-gradient(90deg,#fff5df 0 17px,transparent 17px 29px)}
.loading-road-fill{position:absolute;inset:0 auto 0 0;width:var(--loaded,0%);border-radius:8px;background:#425d69;transition:width .12s linear}
.loading-bus{position:absolute;left:clamp(0px,var(--loaded,0%),calc(100% - 62px));bottom:23px;width:62px;height:38px;transition:left .12s linear;animation:bus-idle .35s ease-in-out infinite alternate}
.loading-label{margin:0;text-align:center;padding:0 20px}
@keyframes bus-idle{to{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.loading-bus{animation:none;transition:none}.loading-road-fill{transition:none}}