@keyframes mpgup2{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:900px){
html.mpg-lock,html.mpg-lock body{overflow:hidden !important}
.mpg:not(.shut){position:fixed;inset:0;z-index:2000000;padding:0;display:flex;flex-direction:column}
.mpg:not(.shut) .mpg-in{max-width:none;width:100%;height:100%;display:flex;flex-direction:column;padding:0}
.mpg:not(.shut) .mpg-tg{flex:none;border-radius:0;border-width:0 0 1px;min-height:76px;padding:12px 28px;background:rgba(255,45,149,.1)}
.mpg:not(.shut) .mpg-body{flex:1;min-height:0;margin:0;padding:20px 28px 24px;display:grid;grid-template-columns:400px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"top stage" "foot stage";gap:0 24px}
.mpg:not(.shut) .mpg-top{grid-area:top;align-self:start}
.mpg:not(.shut) .mpg-top .search{max-width:none}
.mpg:not(.shut) .mpg-stage{grid-area:stage;height:auto;min-height:0;margin:0;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(6,3,12,.35)}
.mpg:not(.shut) .mpg-foot{grid-area:foot;align-self:start;align-items:flex-start;margin-top:18px;gap:10px}
.mpg:not(.shut) .mpg-foot .hint{order:2;opacity:1 !important}
.mpg:not(.shut) .card{position:fixed;left:28px;bottom:24px;transform:none;width:400px;z-index:5}
.mpg:not(.shut) .card.on{animation:mpgup2 .28s cubic-bezier(.2,.8,.2,1)}
.mpg:not(.shut) .card img{width:110px;height:110px}
.mpg:not(.shut) .card b{font-size:22px}
.mpg:not(.shut) .res{max-height:min(60vh,460px)}
}
@media(max-width:899px){
html.mpg-lock,html.mpg-lock body{overflow:hidden !important}
.mpg:not(.shut){position:fixed;inset:0;height:100vh;height:100dvh;z-index:2000000;padding:0;display:flex;flex-direction:column}
.mpg:not(.shut) .mpg-in{max-width:none;width:100%;height:100%;display:flex;flex-direction:column;padding:0}
.mpg:not(.shut) .mpg-tg{flex:none;border-radius:0;border-width:0 0 1px;min-height:0;padding:6px 10px 6px 14px;background:rgba(255,45,149,.1)}
.mpg:not(.shut) .mpg-tg b{font-size:16px;white-space:nowrap}
.mpg:not(.shut) .mpg-tg small{display:none}
.mpg:not(.shut) .mpg-tg .pl{height:32px;padding:0 12px;font-size:13px;gap:6px}
.mpg:not(.shut) .mpg-body{flex:1;min-height:0;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px}
.mpg:not(.shut) .mpg-top{flex:none;gap:6px}
.mpg:not(.shut) .mpg-l{font-size:11px;margin:0}
.mpg:not(.shut) .chips{flex-wrap:nowrap;gap:4px;margin:0 -2px}
.mpg:not(.shut) .chip{flex:0 1 auto;min-width:0;height:28px;padding:0 4px 0 8px;font-size:11px;gap:4px;white-space:nowrap}
.mpg:not(.shut) .chip .tk{width:16px;height:16px;font-size:10px;margin-left:0}
.mpg:not(.shut) .search input{height:38px;font-size:16px}
.mpg:not(.shut) .search svg{top:10px}
.mpg:not(.shut) .res{top:44px;max-height:42vh}
.mpg:not(.shut) .mpg-stage{flex:1;height:auto;min-height:0;margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(6,3,12,.35)}
.mpg:not(.shut) .zoom{top:auto;bottom:12px;right:12px;transform:none}
.mpg:not(.shut) .mpg-foot{flex:none;margin:0;gap:0}
.mpg:not(.shut) .mpg-foot .hint{display:none}
.mpg:not(.shut) .mpg-foot .btn{width:100%;min-height:42px;font-size:14px}
}