.muda-milestone-board{margin:16px 0;border:1px solid #d8b877;background:linear-gradient(120deg,#30315b,#1b2850);border-radius:18px;padding:14px;display:grid;gap:9px}
.muda-milestone-board b{color:#fff4a9;font-size:15px}.muda-milestone-board small{display:block;color:#d5d6ed;font-size:11px}
.muda-milestone-summary{display:flex;align-items:center;justify-content:space-between;gap:8px}.muda-milestone-summary span{font-size:12px;color:#e4e9ff;font-weight:900}.muda-milestone-summary button{border:1px solid #b1c5ff;background:#384170;color:#fff;border-radius:11px;padding:8px 10px;white-space:nowrap;font-size:12px;font-weight:900}
.muda-history{max-height:200px;overflow:auto;background:#111932;border-radius:12px;padding:9px;display:grid;gap:6px}.muda-history[hidden]{display:none}.muda-history>div{font-size:12px;padding:5px;color:#b4b9d1}.muda-history>div.earned{color:#efffb6}
.muda-surprise-overlay{position:fixed;inset:0;z-index:350;background:#070718d9;display:grid;place-items:center;padding:16px;backdrop-filter:blur(8px)}.muda-surprise-overlay[hidden]{display:none!important}
.muda-surprise-window{position:relative;width:min(520px,100%);background:radial-gradient(circle at 50% 2%,#9a5cb3a8,transparent 55%),linear-gradient(145deg,#333263,#151e45);border:3px solid #ffdc75;border-radius:28px;padding:28px 22px;text-align:center;color:white;box-shadow:0 0 75px #ffcb586e,0 25px 70px #000a;animation:muda-rise .35s both}
.muda-surprise-window::before{content:'✦   ✧    ✦      ✧      ✦';position:absolute;top:9px;left:0;right:0;color:#ffe4a5;pointer-events:none;animation:muda-spark 1.7s ease-in-out infinite alternate}.muda-surprise-star{font-size:76px;filter:drop-shadow(0 0 25px #ffe789)}.muda-surprise-kicker{display:block;color:#c7ff8b;font-weight:1000;font-size:12px;letter-spacing:.08em}.muda-surprise-window h2{font-size:clamp(22px,5vw,34px);line-height:1.2;color:#ffec9d;margin:10px 0}.muda-surprise-window p{font-size:14px;color:#eee4ff;min-height:42px;line-height:1.7}.muda-surprise-present{padding:14px;margin:13px 0;border:1px dashed #c2bbfa;background:#161c3c;border-radius:14px;font-size:13px;min-height:52px}.muda-surprise-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.muda-surprise-actions button{border:none;border-radius:13px;padding:13px 8px;font-weight:1000;color:#16213b;background:#cffb7c}.muda-surprise-actions button+button{background:#4d4b71;color:#fff}.muda-surprise-actions button:disabled{opacity:.7}
@keyframes muda-rise{from{transform:translateY(25px) scale(.92);opacity:.1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes muda-spark{to{opacity:.26;transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){.muda-surprise-window,.muda-surprise-window::before{animation:none}}