/* The "Loading map" cover (app/mapReveal.js): the map's menu art, its name and
   a real progress bar while the room's models, shaders and textures load.
   Above the HUD and the Bowling curtain, below the boot screen. In the start
   menu's design language (2026-10-11): its kicker, its italic titles and the
   amber key with the stripe of a Start that is waiting. */
#mapLoading{position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-end;justify-content:center;
  background:#080c13;color:#f5f1e8;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;opacity:1;transition:opacity .25s ease;
  padding:0 16px max(44px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden}
#mapLoading.hidden{display:none}
#mapLoading.leaving{opacity:0;pointer-events:none}
#mapLoading .ml-art{position:absolute;inset:0;background:center/cover no-repeat;transform:scale(1.04);
  animation:mlDrift 9s ease-out both}
#mapLoading .ml-art::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,#080c1300 30%,#080c13c4 68%,#080c13 100%),radial-gradient(70% 45% at 50% 112%,rgba(255,150,60,.18),transparent 72%)}
#mapLoading .ml-card{position:relative;width:min(460px,100%);text-align:center}
#mapLoading .ml-kicker{margin:0 0 6px;font:600 12px/1.2 Barlow,'Arial Narrow',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#ffad47}
#mapLoading .ml-name{margin:0 0 18px;font:800 italic clamp(34px,8vw,58px)/.95 Barlow,'Arial Narrow',Impact,sans-serif;
  text-transform:uppercase;letter-spacing:.005em;text-shadow:0 2px 0 rgba(0,0,0,.4),0 6px 22px rgba(0,0,0,.7)}
#mapLoading .ml-bar{height:18px;border-radius:999px;overflow:hidden;background:#090e17;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.6),inset 0 0 0 1px rgba(214,226,250,.2),0 4px 0 #04070c}
#mapLoading .ml-bar i{display:block;height:100%;width:4%;border-radius:999px;transition:width .25s ease;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.24) 0 10px,transparent 10px 20px),linear-gradient(180deg,#ffd781,#ff9b3d);
  background-size:40px 100%,100% 100%;animation:mlBarber 1.2s linear infinite}
#mapLoading .ml-stage{margin:12px 0 0;min-height:18px;font:600 14px/1.35 system-ui,-apple-system,'Segoe UI',sans-serif;color:#bcc9d8;font-variant-numeric:tabular-nums}
@keyframes mlDrift{from{transform:scale(1.1)}to{transform:scale(1.02)}}
@keyframes mlBarber{to{background-position:40px 0,0 0}}
@media (prefers-reduced-motion:reduce){#mapLoading,#mapLoading .ml-bar i{transition:none;animation:none}#mapLoading .ml-art{animation:none}}
html.derby-reduced-motion #mapLoading .ml-bar i,html.derby-reduced-motion #mapLoading .ml-art{animation:none}