.achievement-app{--badge-brass:#d1a96a;--badge-ink:#30251b;container-type:inline-size;color:#f4eadc;padding:20px 14px 24px;background:radial-gradient(ellipse at 50% 0,#343333,transparent 65%),#191c1e;font-family:system-ui,sans-serif;min-height:100%;box-sizing:border-box}
.achievement-header{text-align:center;margin:0 auto 22px;max-width:320px}.achievement-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c9b69d}.achievement-header h2{font-family:system-ui,sans-serif;font-size:29px;letter-spacing:-.5px;font-weight:normal;margin:7px 0}.achievement-header p{font-size:13px;color:#b9b6ae;margin:8px 0 12px}.achievement-header strong{color:#eee3cf;font-weight:600}.achievement-progress{height:3px;border-radius:5px;background:#4b4540;overflow:hidden;margin:0 45px}.achievement-progress span{height:100%;display:block;background:var(--badge-brass)}
 .achievement-shelf{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:650px;margin:auto}.achievement-card{min-width:0;height:196px;perspective:1000px;border:1px solid #575146;border-radius:12px;background:#252a2d;box-shadow:0 5px 12px #0003;overflow:hidden}.achievement-flip{display:block;position:relative;width:100%;height:100%;min-height:44px;border:0!important;padding:0!important;background:transparent!important;color:#f4eadc!important;font-family:system-ui,sans-serif!important;cursor:pointer;transform-style:preserve-3d;transition:transform .32s ease}.achievement-flip:focus-visible{outline:3px solid #e8c787!important;outline-offset:-4px}.achievement-face{position:absolute;inset:0;box-sizing:border-box;padding:16px;backface-visibility:hidden;background:linear-gradient(145deg,#33373a,#22272a);border-radius:11px;overflow:hidden}.achievement-front{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:22px 1fr 26px;gap:7px 14px;align-items:center;text-align:left}.achievement-front .achievement-medal{grid-column:1;grid-row:1 / 4;display:block;width:72px;height:88px}.achievement-medal svg{display:block;width:100%;height:100%}.achievement-state{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#d6b783}.achievement-card strong{display:block;font:600 20px/1.25 system-ui,sans-serif!important;color:#f4eadc!important;margin:0;overflow-wrap:anywhere}.achievement-more{font:12px/1.3 system-ui,sans-serif;color:#c2bbae}.achievement-back{transform:rotateY(180deg);display:flex;flex-direction:column;gap:8px;text-align:left;overflow-y:auto;font:13px/1.4 system-ui,sans-serif}.achievement-back strong{font-size:17px!important}.achievement-back small{color:#d6b783}.achievement-back .achievement-reason{font-size:12px;color:#bbb9b1}.achievement-back .achievement-more{margin-top:auto}.is-flipped .achievement-flip{transform:rotateY(180deg)}.medal-ribbon{fill:#685844;stroke:#b49262;stroke-width:1}.medal-rim{fill:#ac8350;stroke:#edd1a0;stroke-width:1.5}.medal-face{fill:#d7b77d;stroke:#8b683e;stroke-width:1}.medal-mark{fill:none;stroke:var(--badge-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.is-locked .medal-ribbon{fill:#363a3c;stroke:#5f6465}.is-locked .medal-rim{fill:#50575a;stroke:#858989}.is-locked .medal-face{fill:#5b6366;stroke:#3a4144}.is-locked .medal-mark{stroke:#b5bdbe}.is-locked .achievement-state{color:#a5adb0}.achievement-live:empty{display:none}.achievement-live{font-size:12px;text-align:center;color:#e5c18b}.achievement-card.just-earned .achievement-medal{animation:badge-settle .65s ease-out 1}.achievement-card.just-earned{border-color:#edc480}.life-tier{margin:14px 0;color:#e4d2b2}.life-tier strong{font-size:16px;line-height:1.4}.life-tier small{font:11px/1.4 system-ui;color:#b9b6ae;display:block;margin-top:8px}.life-tier-track{height:5px;display:block;background:#494743;border-radius:4px;overflow:hidden}.life-tier-track>span{display:block;height:100%;background:#d1a96a}
@keyframes badge-settle{0%{transform:translateY(-7px) rotate(-5deg);filter:brightness(1.35) drop-shadow(0 3px 2px #0009)}65%{transform:translateY(1px) rotate(1deg)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.achievement-card.just-earned .achievement-medal{animation:none!important}}
.achievement-notice{--badge-ink:#30251b;position:fixed;z-index:190;bottom:max(18px,env(safe-area-inset-bottom));right:18px;width:min(360px,calc(100vw - 36px));box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#272b2e;color:#f1e8d9;border:1px solid #b49668;border-radius:12px;box-shadow:0 6px 24px #0008;font-family:system-ui,sans-serif;animation:badge-notice .25s ease-out}.achievement-notice .achievement-medal{flex:0 0 40px;width:40px;height:48px;margin:0}.achievement-notice>div[role=status]{min-width:0;flex:1}.achievement-notice small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#d6b783;margin-bottom:4px}.achievement-notice strong{display:block;font-size:13px;font-weight:500;line-height:1.3}.achievement-notice button{min-width:44px;min-height:44px;border:1px solid #7b715e;background:#393a37;border-radius:6px;color:#fff1d4;font:12px system-ui;cursor:pointer}.achievement-notice .achievement-dismiss{background:transparent;border:0;font-size:22px;min-width:44px;min-height:44px}
@keyframes badge-notice{from{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.achievement-notice{animation:none!important}}
/* Keep shared phone typography from turning the counter into two rows. */
.achievement-header strong{display:inline;margin:0}.achievement-card strong{color:#f4eadc;margin:0}
.achievement-notice[hidden]{display:none}

@media(prefers-reduced-motion:reduce){.achievement-flip{transition:none!important;transform:none!important}.achievement-face{transform:none!important;backface-visibility:visible}.achievement-front[aria-hidden=true],.achievement-back[aria-hidden=true]{visibility:hidden}.achievement-face[aria-hidden=false]{visibility:visible}}
.achievement-app .life-tier strong{font:600 16px/1.4 system-ui,sans-serif!important}.achievement-app .achievement-header h2{font-family:system-ui,sans-serif!important}