@font-face{font-family:Lato Medium;src:url(/fonts/Lato/Lato-Medium.ttf) format("truetype");font-display:swap}#achievement-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:21000;display:flex;align-items:center;justify-content:center;font-family:Lato Medium,sans-serif;-webkit-tap-highlight-color:transparent;transition:opacity .28s ease,visibility .28s}#achievement-overlay.achievement-hidden{opacity:0;visibility:hidden;pointer-events:none}.achievement-scrim{position:absolute;top:0;left:0;width:100%;height:100%;background:#0e0a04bd;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.achievement-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 24px;max-width:460px;text-align:center}.achievement-title{font-size:clamp(20px,6vw,28px);letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px rgba(255,196,64,.5),0 1px 3px rgba(0,0,0,.45);opacity:0}.achievement-medal{position:relative;width:min(56vw,220px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.achievement-medal-glow{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,#ffd24a73,#ffa8402e 45%,#ffd24a00 70%);opacity:0;pointer-events:none}.achievement-rays{position:absolute;inset:-18%;border-radius:50%;background:conic-gradient(#ffd66633,#ffd66600 18deg,#ffd66633 45deg,#ffd66600 63deg,#ffd66633 90deg,#ffd66600 108deg,#ffd66633 135deg,#ffd66600 153deg,#ffd66633 180deg,#ffd66600 198deg,#ffd66633 225deg,#ffd66600 243deg,#ffd66633 270deg,#ffd66600 288deg,#ffd66633 315deg,#ffd66600 333deg);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 72%);mask-image:radial-gradient(circle,#000 30%,transparent 72%);opacity:0;pointer-events:none}.achievement-medal-img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));opacity:0}.achievement-name{font-size:clamp(22px,6.4vw,30px);background:linear-gradient(90deg,#ffd24a,#ffb057);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:0}.achievement-desc{font-size:clamp(13px,3.8vw,15px);line-height:1.45;color:#ffffffb8;opacity:0}.achievement-close{position:absolute;left:0;right:0;bottom:calc(5vh + env(safe-area-inset-bottom,0px));margin:0 auto;width:44px;height:44px;padding:0;border:none;background:none;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55);font-family:inherit;font-size:30px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s;opacity:0;pointer-events:none}.achievement-close:active{transform:scale(.92)}.achievement-counter{position:absolute;left:0;right:0;bottom:calc(5vh + 46px + env(safe-area-inset-bottom,0px));text-align:center;font-size:13px;letter-spacing:.08em;color:#ffffff80;opacity:0;pointer-events:none}#achievement-overlay:not(.achievement-hidden) .achievement-counter.achievement-counter-on{animation:achievement-close-in .4s ease-out 1.6s forwards}#achievement-overlay:not(.achievement-hidden) .achievement-title{animation:achievement-title-in .5s cubic-bezier(.16,.84,.44,1) .1s forwards}#achievement-overlay:not(.achievement-hidden) .achievement-medal-img{animation:achievement-medal-in .62s cubic-bezier(.18,1.16,.4,1) .28s forwards}#achievement-overlay:not(.achievement-hidden) .achievement-medal-glow{animation:achievement-glow .9s ease-out .66s forwards}#achievement-overlay:not(.achievement-hidden) .achievement-rays{animation:achievement-rays-in .8s ease-out .66s forwards,achievement-rays-spin 26s linear .66s infinite}#achievement-overlay:not(.achievement-hidden) .achievement-name{animation:achievement-text-in .45s cubic-bezier(.16,.84,.44,1) .95s forwards}#achievement-overlay:not(.achievement-hidden) .achievement-desc{animation:achievement-text-in .45s cubic-bezier(.16,.84,.44,1) 1.15s forwards}#achievement-overlay:not(.achievement-hidden) .achievement-close{animation:achievement-close-in .4s ease-out 1.6s forwards}@keyframes achievement-title-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes achievement-medal-in{0%{opacity:0;transform:scale(.45);filter:blur(6px) drop-shadow(0 6px 18px rgba(0,0,0,.55))}to{opacity:1;transform:none;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}}@keyframes achievement-glow{0%{opacity:0;transform:scale(.9)}45%{opacity:1;transform:scale(1.06)}to{opacity:.66;transform:scale(1)}}@keyframes achievement-rays-in{0%{opacity:0}to{opacity:1}}@keyframes achievement-rays-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes achievement-text-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes achievement-close-in{0%{opacity:0;transform:translateY(8px);pointer-events:none}to{opacity:1;transform:none;pointer-events:auto}}@media(prefers-reduced-motion:reduce){#achievement-overlay:not(.achievement-hidden) .achievement-title,#achievement-overlay:not(.achievement-hidden) .achievement-medal-img,#achievement-overlay:not(.achievement-hidden) .achievement-medal-glow,#achievement-overlay:not(.achievement-hidden) .achievement-name,#achievement-overlay:not(.achievement-hidden) .achievement-desc,#achievement-overlay:not(.achievement-hidden) .achievement-close,#achievement-overlay:not(.achievement-hidden) .achievement-counter.achievement-counter-on{animation-duration:.01s;animation-delay:0s}#achievement-overlay:not(.achievement-hidden) .achievement-rays{animation:achievement-rays-in .01s ease-out 0s forwards}}#achievement-card{position:fixed;top:0;left:0;width:100%;height:100%;z-index:8500;display:flex;align-items:center;justify-content:center;font-family:Lato Medium,sans-serif;-webkit-tap-highlight-color:transparent;transition:opacity .22s ease,visibility .22s}#achievement-card.ach-card-hidden{opacity:0;visibility:hidden;pointer-events:none}#achievement-card{--ach-tone-a: #ffd24a;--ach-tone-b: #ffb057;--ach-tone-rgb: 255, 210, 74}#achievement-card.ach-tone-bronze{--ach-tone-a: #f0ad72;--ach-tone-b: #c47a3c;--ach-tone-rgb: 233, 163, 105}#achievement-card.ach-tone-silver{--ach-tone-a: #eef3f9;--ach-tone-b: #a8b7c8;--ach-tone-rgb: 222, 232, 242}.ach-card-scrim{position:absolute;top:0;left:0;width:100%;height:100%;background:#0e0a04cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ach-card-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;max-height:100%;overflow-y:auto;padding:max(24px,env(safe-area-inset-top)) 24px calc(5vh + 62px + env(safe-area-inset-bottom,0px));box-sizing:border-box;text-align:center}.ach-card-name{font-size:clamp(20px,5.6vw,26px);background:linear-gradient(90deg,var(--ach-tone-a) 0%,var(--ach-tone-b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.ach-card-desc{font-size:clamp(13px,3.8vw,15px);line-height:1.45;color:#ffffffb8}.ach-card-medal{position:relative;flex:0 0 auto;width:min(44vw,168px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.ach-card-glow{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,#ffd24a52,#ffa84021 45%,#ffd24a00 70%);pointer-events:none}.ach-card-medal-img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));transition:filter .2s}.ach-card-medal-img.ach-card-medal-locked{filter:grayscale(1) brightness(.45) drop-shadow(0 6px 18px rgba(0,0,0,.55))}.ach-card-total{flex:0 0 auto;padding:4px 12px;border-radius:999px;background:#ffffff1a;font-size:14px;letter-spacing:.02em;color:#fff}.ach-card-tiers{display:flex;justify-content:center;gap:12px;flex:0 0 auto}.ach-card-tier{width:62px;height:62px;padding:5px;border:2px solid transparent;border-radius:14px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,border-color .2s,background .2s}.ach-card-tier img{width:100%;height:100%;object-fit:contain;transition:filter .2s}.ach-card-tier-locked img{filter:grayscale(1) brightness(.45);opacity:.75}.ach-card-tier-active{border-color:rgba(var(--ach-tone-rgb),.85);background:rgba(var(--ach-tone-rgb),.12)}.ach-card-tier:active{transform:scale(.93)}.ach-card-progress{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:260px;flex:0 0 auto;min-height:40px;justify-content:center}.ach-card-bar{width:100%;height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}.ach-card-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--ach-tone-a) 0%,var(--ach-tone-b) 100%);transition:width .3s ease}.ach-card-nums{font-size:15px;color:#fff;letter-spacing:.02em}.ach-card-state{font-size:14px;color:#9bd390}.ach-card-state-off{color:#ffffff73}.ach-card-close{position:absolute;left:0;right:0;bottom:calc(5vh + env(safe-area-inset-bottom,0px));margin:0 auto;width:44px;height:44px;padding:0;border:none;background:none;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55);font-family:inherit;font-size:30px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}.ach-card-close:active{transform:scale(.92)}#achievement-card:not(.ach-card-hidden) .ach-card-content{animation:ach-card-in .28s cubic-bezier(.16,.84,.44,1)}@keyframes ach-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}