.mgm-backdrop{--card:#fff;--line:#33323f;--ink:#33323f;--ink2:#6b5a48;--brand:#5f8ed0;--shc:43, 32, 21;z-index:50;background:#1a1c2473;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}html.dark .mgm-backdrop{--card:#242a36;--line:#6b7488;--ink:#e6ebf7;--ink2:#aab3c6;--brand:#5680bd;--shc:0, 0, 0;--mg-cap-grad:linear-gradient(180deg, #14171f00 0%, #171a22 22%, #171a22 100%);--mg-name-ink:#e6ebf7;--mg-name-sh:0 2px 0 #0009, 0 3px 8px #00000080;--mg-accent-ink:#7fa9f5;--mg-accent-sh:0 1px 0 #000000b3, 0 2px 6px #0009;--mg-tag-ink:#a3adc4;background:#0009}.mgm-modal{background:var(--card);border:2.5px solid var(--line);width:100%;max-width:min(680px,94vw);max-height:86vh;color:var(--ink);box-shadow:0 4px 0 rgba(var(--shc), .12);border-radius:16px;padding:16px;position:relative;overflow-y:auto}.mgm-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.mgm-head h3{margin:0;font-size:17px;font-weight:900}.mgm-close{border:2.5px solid var(--line);background:var(--card);width:30px;height:30px;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 rgba(var(--shc), .18);border-radius:10px;font-size:16px;font-weight:900;line-height:1}.mgm-close:active{box-shadow:none;transform:translateY(2px)}.mgp{--bg:#faf8ff;--card:#fff;--line:#33323f;--ink:#33323f;--muted:#6c7188;--brand:#5f8ed0;--glow:#004ac629;--shc:43, 32, 21;min-height:100%;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle 480px at 50% 120px, var(--glow), #004ac600 62%);background-repeat:no-repeat}.mgp-in{z-index:1;max-width:900px;margin:0 auto;padding:20px clamp(14px,3vw,22px) 44px;position:relative}html.dark .mgp{--bg:#12151c;--card:#1c212c;--line:#5c6578;--ink:#e6ebf7;--muted:#a7b0c4;--brand:#7fa9f5;--glow:#4f8df524;--shc:0, 0, 0;--mg-cap-grad:linear-gradient(180deg, #14171f00 0%, #171a22 22%, #171a22 100%);--mg-name-ink:#e6ebf7;--mg-name-sh:0 2px 0 #0009, 0 3px 8px #00000080;--mg-accent-ink:#7fa9f5;--mg-accent-sh:0 1px 0 #000000b3, 0 2px 6px #0009;--mg-tag-ink:#a3adc4}.mgp-back span{font-size:15px;line-height:1}.mgp-head{margin-bottom:18px}.mgp-head h1{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;margin:0;font-size:clamp(26px,6.5vw,34px);font-weight:900;display:flex}.mgp-head p{color:var(--muted);margin:5px 0 0;font-size:14px;font-weight:700}.mg-shelf{flex-flow:row;justify-content:center;align-items:stretch;gap:14px;display:flex}.mgp .mg-shelf{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.mgp .mg-cover{max-width:none}.mg-cover{aspect-ratio:92/172;cursor:pointer;border:3px solid var(--line);text-align:left;min-width:0;max-width:300px;box-shadow:0 6px 0 rgba(var(--shc), .2);background:#e3ebf7;border-radius:20px;flex:1 1 0;padding:0;transition:transform .1s,box-shadow .1s;position:relative;overflow:hidden;container-type:inline-size}.mg-cover:hover{box-shadow:0 9px 0 rgba(var(--shc), .2);transform:translateY(-3px)}.mg-cover:active{box-shadow:0 2px 0 rgba(var(--shc), .2);transform:translateY(3px)}html.dark .mg-cover{background:#1b2130}.mg-art{z-index:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.mg-caption{z-index:2;background:var(--mg-cap-grad,linear-gradient(180deg, #fcfdff00 0%, #fcfdff 22%, #fcfdff 100%));flex-direction:column;align-items:flex-start;gap:2.2cqw;padding:13cqw 5cqw 5cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.mg-badge{letter-spacing:.02em;color:var(--brand);background:#004ac617;border:1.5px solid #004ac633;border-radius:999px;padding:3px 9px;font-size:clamp(8px,3.4cqw,11px);font-weight:900}.mg-name{letter-spacing:-.02em;color:var(--mg-name-ink,#28324c);text-shadow:var(--mg-name-sh,0 2px 0 #fff, 0 3px 8px #50649638);font-size:clamp(15px,9.4cqw,27px);font-weight:900;line-height:1.02}.mg-accent{color:var(--mg-accent-ink,#0043b8);text-shadow:var(--mg-accent-sh,0 1px 0 #fff, 0 0 3px #fffffff2, 0 2px 6px #ffffffd9);font-style:normal}.mg-tag{color:var(--mg-tag-ink,#55617e);margin-bottom:2px;font-size:clamp(9.5px,4.2cqw,13px);font-weight:800}.mg-play{letter-spacing:.08em;color:#fff;background:linear-gradient(160deg,#4a82f0 0%,#1b55d0 55%,#003fb4 100%);border:2px solid #fff9;border-radius:15px;justify-content:center;align-self:stretch;align-items:center;gap:8px;padding:clamp(9px,4.3cqw,14px) 12px;font-size:clamp(12px,5.6cqw,17px);font-weight:900;animation:1.6s ease-in-out infinite mg-play-bob;display:inline-flex;box-shadow:0 5px #00318a,0 9px 18px #004ac66b,inset 0 2px 3px #ffffff73}.mg-cover:hover .mg-play{filter:brightness(1.06)}.mg-cover:active .mg-play{transform:translateY(2px);box-shadow:0 2px #00318a,0 4px 10px #004ac666,inset 0 2px 3px #ffffff73}.mg-play-tri{filter:drop-shadow(0 1px 1px #00287859);border:8px solid #0000;border-left:13px solid #fff;border-right-width:0;width:0;height:0}@keyframes mg-play-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.mg-cover.is-locked{cursor:default}.mg-cover.is-locked:hover{box-shadow:0 6px 0 rgba(var(--shc), .2);transform:none}.mg-cover.is-locked .mg-play{color:#8b93a7;background:linear-gradient(160deg,#e4e7ee 0%,#d2d7e2 55%,#c3c9d6 100%);border-color:#ffffffb3;animation:none;box-shadow:0 5px #a9b0bf,inset 0 2px 3px #ffffff80}.mg-cover.is-locked:hover .mg-play{filter:none}.mg-play-lock{font-size:clamp(13px,5.6cqw,18px);line-height:1}html.dark .mg-cover.is-locked .mg-play{color:#7e8698;background:linear-gradient(160deg,#3a4152 0%,#2c3243 55%,#232838 100%);border-color:#ffffff24;box-shadow:0 5px #1a1f2c,inset 0 2px 3px #ffffff14}.mgr-modal{max-width:min(460px,94vw)}.mgr-note{color:var(--ink2);margin:0 0 12px;font-size:12.5px;font-weight:600;line-height:1.5}.mgr-mid{text-align:center;margin:22px 0 6px;font-size:13.5px;font-weight:700}.mgr-modal .hof-podium,.mgr-modal .hof-list,.mgr-modal .hof-mebar{--line:rgba(var(--paper), .12);--line2:rgba(var(--paper), .2);--ink:rgba(var(--paper), .98);--dim:rgba(var(--paper), .45);--muted:rgba(var(--paper), .62);--bg:transparent}.mgr-modal .hof-podium{max-width:100%;margin:0 auto 12px}.mgr-modal .bar-pt small{color:#8ea4cc;margin-top:-2px;font-size:12px;font-weight:700;display:block}.mgr-modal .hof-pn small{color:#8ea4cc;margin-top:.2cqw;font-size:.8em;font-weight:700;display:block}