#map-loading{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#0b111e center/cover no-repeat;color:#ffe5a4;font-family:Mali,sans-serif;touch-action:none}
#map-loading::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,12,20,0) 45%,rgba(8,12,20,.55) 72%,rgba(8,12,20,.9))}
#map-loading[hidden]{display:none}
#map-loading .ml-card{position:relative;text-align:center;padding:14px 26px 16px;margin-bottom:max(4vh,18px);width:min(560px,92vw);box-sizing:border-box;background:rgba(20,28,40,.88);border:1.5px solid #c9a24a;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.5),inset 0 0 0 1px rgba(242,210,122,.15)}
#map-loading h2{font-size:clamp(18px,3.4vw,28px);margin:2px 0 4px;color:#f2d27a;text-shadow:0 2px 6px #000}
#map-loading p{color:#e4e8f0;font-size:13px;margin:4px 0}
#map-loading small{display:block;margin-top:10px;color:#c8d2e0;font-size:12px;line-height:1.5}
#map-loading .ml-symbol{display:none}
#map-loading .ml-track{width:100%;height:8px;background:#0e1520;border:1px solid #3a4658;border-radius:8px;overflow:hidden;margin:10px auto 0}
#map-loading .ml-track span{display:block;width:35%;height:100%;background:linear-gradient(90deg,#b88a2e,#f2d27a,#b88a2e);border-radius:8px;animation:ml-slide 1.2s ease-in-out infinite}
#map-loading button{font:inherit;padding:8px 18px;margin-top:12px;border:1px solid #c9a24a;border-radius:8px;background:#1e2838;color:#ffe5a4;touch-action:manipulation}
@keyframes ml-slide{from{transform:translateX(-100%)}to{transform:translateX(290%)}}
@media(prefers-reduced-motion:reduce){#map-loading .ml-track span{animation:none}}
#map-loading h2,#bootload h2{font-family:Srisakdi,Mali,serif!important;font-weight:700;letter-spacing:.5px;background:linear-gradient(180deg,#fff3c4 0%,#f2d27a 45%,#b88a2e 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-stroke:.6px rgba(60,35,10,.55);filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}
#map-loading h2,#bootload h2{font-size:clamp(26px,4.6vw,38px)!important;line-height:1.35;margin:0 0 2px!important}
#bootload h2{font-size:clamp(20px,3.2vw,28px)!important;line-height:1.25}
#map-loading .ml-card{padding-top:44px}#map-loading .ml-card::before{content:'';position:absolute;left:50%;top:-38px;transform:translateX(-50%);width:min(440px,84vw);height:74px;background:url(ui/gate/title_plate.png?v=1) center/100% 100% no-repeat;pointer-events:none}#map-loading h2{position:relative;margin-top:-66px!important;margin-bottom:22px!important}