/* MP_LOADART_20261014: MockPet MLTX loading art. The baked 73% bar in the art is covered by a real bar. */
.mpArt{position:fixed;inset:0;overflow:hidden;background:#07050c;pointer-events:none}
.mpArt::before{content:"";position:absolute;inset:-30px;background:url(/games/mltx/loading/mockpet-mltx-loading-m.webp) center/cover;filter:blur(18px) brightness(.45)}
.mpArtStage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100vw,177.7vh);aspect-ratio:1672/941;container-type:inline-size;background:url(/games/mltx/loading/mockpet-mltx-loading.webp) 0 0/100% 100% no-repeat}
@media (max-width:820px){.mpArtStage{background-image:url(/games/mltx/loading/mockpet-mltx-loading-m.webp)}}
@media (max-aspect-ratio:1/1){.mpArtStage{width:165vw}}
.mpArtTrack{position:absolute;left:31.55%;top:79.75%;width:31.4%;height:3.0%;border-radius:99px;background:#140b16;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,79,210,.25)}
.mpArtFill{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ff2bc4,#ff5cd6 55%,#3dff8a);box-shadow:0 0 10px rgba(255,79,210,.8);transition:width .25s ease-out}
.mpArtPct{position:absolute;left:63.7%;top:78.6%;width:5.9%;height:5.2%;display:flex;align-items:center;justify-content:center;background:#08070b;border-radius:6px;color:#5dff9a;font:800 2.05cqw/1 'Barlow Condensed',system-ui,sans-serif;text-shadow:0 0 10px rgba(61,255,138,.7)}
.mpArtLabel{position:absolute;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));text-align:center;color:#d9d3e0;font:600 12px/1.3 system-ui,sans-serif;letter-spacing:.08em;text-shadow:0 1px 3px #000}