.mr{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;background:#F2F2F7}
.mr-head{border-radius:20px;padding:20px 20px 18px;color:#fff;background:#00C853;position:relative;overflow:hidden;flex:none}
.mr-head.h{background:#FF6B2C}.mr-head p{font:600 13px -apple-system,system-ui,sans-serif;opacity:.85;text-transform:uppercase;letter-spacing:.06em}
.mr-head h1{font:400 clamp(38px,11vw,58px)/.95 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:6px 0 10px}
.mr-head span{font:600 16px -apple-system,system-ui,sans-serif}
.mr-sec{font:400 13px -apple-system,system-ui,sans-serif;color:rgba(60,60,67,.6);text-transform:uppercase;letter-spacing:.02em;margin:24px 4px 8px}
.mr-card{margin:0;flex:none;border-radius:18px;overflow:hidden;background:#141414;aspect-ratio:1080/1350;max-width:380px;width:100%;align-self:center;box-shadow:0 10px 30px rgba(0,0,0,.18);position:relative}
.mr-card img{width:100%;height:100%;object-fit:contain;display:block}
.mr-card img[hidden]{display:none}
.mr-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mr-sk{position:absolute;inset:0;background:linear-gradient(100deg,#1d1d1d 30%,#2a2a2a 50%,#1d1d1d 70%);background-size:200% 100%;animation:nsk 1.2s linear infinite}
.mr-acts{display:flex;gap:8px;margin-top:12px;flex:none;max-width:380px;width:100%;align-self:center}.mr-acts .ibtn{flex:1;font-size:15px}
.mr-note{font:400 13px/1.35 -apple-system,system-ui,sans-serif;color:rgba(60,60,67,.6);margin:8px 4px 0;text-align:center}
.mr-list{list-style:none;padding:0;margin:0;background:#fff;border-radius:14px;overflow-y:auto;max-height:min(42vh,360px);overscroll-behavior:contain;flex:none}
.mr-row{display:flex;align-items:center;gap:10px;padding:10px 14px;position:relative}
.mr-row+.mr-row:before{content:"";position:absolute;top:0;left:56px;right:0;border-top:.5px solid rgba(60,60,67,.18)}
.mr-row.me{background:rgba(0,200,83,.08)}
.mr-rk{width:26px;text-align:center;font:400 22px Anton,Impact,sans-serif;color:#1D1D1F;flex:none}
.mr-av{position:relative;width:46px;height:46px;flex:none}.mr-av img{width:100%;height:100%;object-fit:contain}
.mr-crown{position:absolute;top:-10px;left:50%;width:24px;height:18px;transform:translateX(-50%) rotate(-8deg);z-index:1}
.mr-row.first .mr-rk{color:#E0A800}
.mr-n{flex:1;min-width:0}.mr-n b{font:600 16px -apple-system,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%;vertical-align:bottom}
.mr-n em{font:600 10px -apple-system,system-ui,sans-serif;font-style:normal;text-transform:uppercase;background:rgba(0,122,255,.12);color:#007AFF;border-radius:5px;padding:1px 5px;margin-left:6px}
.mr-n small{display:block;font-size:12px;color:rgba(60,60,67,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-p{font:400 22px Anton,Impact,sans-serif;color:#1D1D1F;flex:none}.mr-p small{font:500 12px -apple-system,system-ui,sans-serif;color:rgba(60,60,67,.6)}
/* winner popup slides up to reveal ranking */
.evp.leave{display:block;animation:evpLeave .65s cubic-bezier(.6,0,.3,1) forwards!important}
@keyframes evpLeave{to{transform:translateY(-100%)}}
@media(prefers-reduced-motion:reduce){.mr-sk{animation:none}.evp.leave{animation:none!important;display:none}}