/* Collectible medals: the artwork stays consistent; surfaces follow the app theme. */
:root{--award-accent:#864013;--award-tint:#fff2e0;--award-border:#eed6b8;--award-shadow:#52341420}
:root[data-customer-theme="dark"]{--award-accent:#ffd394;--award-tint:#352b28;--award-border:#685044;--award-shadow:#0005}
@media(prefers-color-scheme:dark){:root:not([data-customer-theme="light"]){--award-accent:#ffd394;--award-tint:#352b28;--award-border:#685044;--award-shadow:#0005}}
/* Earned medals sit on the avatar; the pending challenge never adds a home row. */
.home-medals{position:absolute;display:flex;right:-4px;bottom:-12px;align-items:center}
.home-medal{position:relative;border:0;background:transparent;padding:0;width:38px;height:46px;cursor:pointer;filter:drop-shadow(0 2px 3px var(--award-shadow));transform:rotate(-8deg)}
.home-medal+.home-medal{margin-left:-15px;transform:rotate(9deg) translateY(2px)}
.home-medal img{width:100%;height:100%;object-fit:contain;pointer-events:none}.home-medal:hover,.home-medal:focus-visible{z-index:2;transform:translateY(-3px)}
.avatar-challenge{position:absolute;right:-5px;top:-14px;min-width:44px;min-height:30px;padding:5px 8px;border:2px solid var(--bg);border-radius:12px;background:var(--award-tint);color:var(--award-accent);box-shadow:0 2px 5px var(--award-shadow);font-family:inherit;font-weight:800;font-size:10px;line-height:1.2;letter-spacing:.06em;cursor:pointer}
.avatar-challenge::after{content:"";position:absolute;bottom:-4px;left:12px;width:7px;height:7px;background:var(--award-tint);transform:rotate(45deg);border-right:2px solid var(--bg);border-bottom:2px solid var(--bg)}
.profile-medal-stack{position:absolute;display:flex;left:62px;bottom:-5px}.profile-medal{background:transparent;border:0;padding:0;width:44px;height:54px;cursor:pointer;transform:rotate(-9deg);filter:drop-shadow(0 2px 3px var(--award-shadow))}.profile-medal+.profile-medal{margin-left:-21px;transform:rotate(10deg) translateY(7px)}.profile-medal:hover,.profile-medal:focus-visible{z-index:1;transform:translateY(-4px)}.profile-medal img{width:100%;height:100%}
.profile-awards{margin:28px 0}.awards-heading{display:flex;align-items:center;justify-content:space-between}.awards-heading h2{font-size:22px;margin:0}.awards-heading>span{background:var(--mint);color:var(--accent);border-radius:12px;padding:4px 10px;font-size:13px}.profile-awards>p{color:var(--muted);font-size:13px;line-height:1.6}#awards-list,#profile-challenges{display:grid;gap:12px}#profile-challenges:not(:empty){margin-top:12px}
.award-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:18px;color:var(--text);cursor:pointer}.award-card.halloween{border-color:var(--award-border)}.award-card img{width:58px;height:70px;object-fit:contain}.award-card>span:first-of-type{flex:1}.award-card strong{display:block;font-size:17px}.award-card small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.award-card>span:last-child{font-size:28px;color:var(--accent)}.awards-empty{padding:20px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:13px}
#award-dialog{position:fixed;text-align:center;padding:30px 24px;width:min(440px,calc(100% - 32px));max-height:85dvh;overflow:auto}#award-close{position:absolute;right:12px;top:10px;border:0;background:var(--bg);color:var(--muted);border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer}.award-hero{display:block;width:120px;height:142px;margin:0 auto 16px;filter:drop-shadow(0 5px 6px var(--award-shadow))}#award-dialog h2{font-size:32px;margin:6px 0}#award-kind{font-size:10px;letter-spacing:.12em}#award-edition{display:inline-block;margin:6px 0 12px;font-size:12px;padding:6px 12px;border-radius:99px;background:var(--award-tint);color:var(--award-accent)}#award-reason{font-size:14px;line-height:1.7}#award-earned,#award-dialog small{font-size:12px;line-height:1.6;color:var(--muted)}#award-dialog small{display:block}#award-dialog .award-permanent{background:var(--mint);color:var(--text);border-radius:12px;padding:12px;font-size:12px;line-height:1.6}#award-dialog.halloween .award-permanent{background:var(--award-tint)}#award-steps ol{padding-left:24px;text-align:left;color:var(--muted);font-size:13px;line-height:1.7}#award-steps li{padding:5px 0 5px 4px}#award-steps li::marker{color:var(--award-accent);font-weight:700}.award-action{width:100%;background:var(--accent);color:var(--bg);border:0;border-radius:12px;padding:12px;font-weight:700;cursor:pointer;margin-bottom:14px}
.avatar-challenge:focus-visible,.home-medal:focus-visible,.profile-medal:focus-visible,.award-card:focus-visible,.award-action:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.experience-earned-medal{width:100px;height:118px;object-fit:contain;display:block;margin:0 auto 12px}.experience-challenge-note{font-size:12px;line-height:1.6;margin:8px 0 16px;color:inherit}
