.mr,.mr-ov,.mr-toast{--mr-g:#3F5A24;--mr-g2:#4F6B2E;--mr-iv:#F7F1E3;--mr-pa:#FBF7EE;--mr-lime:#CFE680;--mr-pink:#F4A6A0;--mr-blush:#FCE3DF;--mr-brick:#A8432A;--mr-mut:#6E7A5C;--mr-line:#D9D3BF}
.mr h2{margin:0}
.mr-card{background:var(--mr-pa);border:1.5px solid var(--mr-line);border-radius:18px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:14px}
.mr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mr-count{display:flex;align-items:baseline;gap:8px;color:var(--mr-g)}
.mr-count b{font:500 44px/1 'Playfair Display',Georgia,serif;font-variant-numeric:tabular-nums}
.mr-count span{font:500 13px 'Oswald',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mr-mut)}
.mr-next{margin:6px 0 0;font-size:14px;line-height:1.4;color:#3d4632}
.mr-next b{color:var(--mr-brick);font-weight:600}
.mr-stamp-mark{flex:none;width:52px;height:52px;border-radius:50%;background:var(--mr-g);color:var(--mr-lime);font:500 22px/52px 'Playfair Display',Georgia,serif;text-align:center;transform:rotate(-10deg);box-shadow:0 0 0 3px var(--mr-pa),0 0 0 5px var(--mr-g)}
.mr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px 8px}
.mr-dot{position:relative;aspect-ratio:1;border-radius:50%;border:1.5px dashed #C9C2AB;display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:52px}
.mr-num{font:500 13px 'Oswald',sans-serif;color:#B5AE97}
.mr-dot.tier{border:2px solid var(--mr-pink);background:var(--mr-blush)}
.mr-dot.tier .mr-num{color:var(--mr-brick)}
.mr-dot em{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:3px;font-style:normal;font:600 9px 'Work Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mr-brick);white-space:nowrap}
.mr-dot.on{border:0;background:var(--mr-g)}
.mr-dot.on.tier{background:var(--mr-brick)}
.mr-ink{font:500 17px 'Playfair Display',Georgia,serif;color:var(--mr-lime);transform:rotate(-12deg)}
.mr-dot.on.tier .mr-ink{color:#fff}
.mr-dot.pop{animation:mrpop .6s cubic-bezier(.2,1.6,.4,1)}
@keyframes mrpop{0%{transform:scale(1.8) rotate(-20deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}
.mr-grid{padding-bottom:10px}
.mr-btn{appearance:none;border:0;border-radius:999px;background:var(--mr-g);color:var(--mr-iv);font:500 15px 'Oswald',sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:14px 20px;width:100%;cursor:pointer}
.mr-btn:disabled{opacity:.45;cursor:not-allowed}
.mr-btn.light{background:#fff;color:var(--mr-brick);width:auto;flex:none;padding:11px 16px;font-size:13px}
.mr-btn.ghost{background:transparent;color:var(--mr-g);border:1.5px solid var(--mr-g)}
.mr-done{background:var(--mr-blush);color:var(--mr-brick);border-radius:12px;padding:12px 14px;font-size:14px;text-align:center;font-weight:500}
.mr-fine{margin:0;font-size:11.5px;line-height:1.45;color:var(--mr-mut)}
.mr-reward{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--mr-brick);color:#fff;border-radius:16px;padding:16px 18px}
.mr-rl{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.mr-rt{font:500 22px/1.15 'Playfair Display',Georgia,serif;margin-top:3px}
.mr-ladder{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--mr-line)}
.mr-ladder li{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1.5px solid var(--mr-line);font-size:15px;color:#3d4632}
.mr-v{flex:none;width:34px;height:34px;border-radius:50%;background:var(--mr-g);color:var(--mr-lime);font:600 14px/34px 'Oswald',sans-serif;text-align:center}
.mr-n{flex:1;min-width:0;font-family:'Playfair Display',Georgia,serif;font-size:17px;color:var(--mr-g)}
.mr-s{flex:none;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mr-mut)}
.mr-ladder li.ready .mr-v{background:var(--mr-brick);color:#fff}
.mr-ladder li.ready .mr-s{color:var(--mr-brick)}
.mr-ladder li.got .mr-n{text-decoration:line-through;text-decoration-color:var(--mr-pink);opacity:.7}
.mr-ov{position:fixed;inset:0;z-index:50;background:rgba(30,40,18,.6);display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
@media (min-width:600px){.mr-ov{align-items:center}}
.mr-pad{width:100%;max-width:420px;background:var(--mr-iv,#F7F1E3);border-radius:22px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:12px;margin:0;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.mr-pt{font:600 20px 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#3F5A24;text-align:center}
.mr-ps{margin:0;text-align:center;font-size:14px;line-height:1.45;color:#4B5440}
.mr-code{width:100%;box-sizing:border-box;border:2px solid #3F5A24;border-radius:12px;background:#fff;padding:14px;font:600 26px 'Oswald',sans-serif;letter-spacing:.4em;text-align:center;color:#26331A}
.mr-code::placeholder{font:500 15px 'Work Sans',sans-serif;letter-spacing:.12em;color:#9AA08A}
.mr-code:focus{outline:none;border-color:#A8432A}
.mr-err{margin:0;min-height:1.2em;text-align:center;font-size:13px;color:#A8432A;font-weight:500}
.mr-clock{align-self:center;display:flex;align-items:center;gap:7px;font:500 12px 'Work Sans',sans-serif;letter-spacing:.12em;color:#6E7A5C;font-variant-numeric:tabular-nums}
.mr-live{width:8px;height:8px;border-radius:50%;background:#A8432A;animation:mrbl 1s infinite}
@keyframes mrbl{50%{opacity:.25}}
.mr-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;background:#3F5A24;color:#F7F1E3;border-radius:999px;padding:12px 20px;font:500 14px 'Work Sans',sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:calc(100% - 32px);text-align:center}
@media (prefers-reduced-motion:reduce){.mr-dot.pop,.mr-live{animation:none}}