/* Crisp atlas art and a quiet, non-blocking celebration. */
.achievementIcon{display:block;flex:0 0 80px;width:80px;height:80px;background-image:url("assets/achievements.png");background-size:1000% 1000%;background-position:var(--ax) var(--ay);image-rendering:pixelated;box-shadow:0 3px 0 #0c2330}
.achievementIntro{padding:18px;background:#203749;border:2px solid #bdab7f;box-shadow:4px 4px 0 #172b3b}.achievementIntro h3{font:700 28px Georgia,serif;color:#ffe3a0;margin:8px 0}.achievementIntro p{margin:0}.achievementTitleLabel{color:#ffdda0}.achievementFilters{display:grid;grid-template-columns:2fr 1fr;gap:14px}.achievementCard{display:flex;gap:18px;padding:16px;margin:12px 0;border:2px solid #688f95;background:#253e50;box-shadow:3px 3px 0 #162d3c;align-items:center}.achievementCard>div{min-width:0;flex:1}.achievementCard h4{margin:0 0 6px;color:#ffe6ad;font:700 19px Georgia,serif;overflow-wrap:anywhere}.achievementCard p{margin:0 0 6px!important;font-size:15px!important;line-height:1.45!important}.achievementCard small{display:block;color:#c5d7df;line-height:1.45}.achievementCard[data-state=earned]{border-color:#d9b971;background:#304b4e}.achievementEarned{font-size:13px;color:#d8f1b6;font-weight:700}.achievementUnavailable{display:inline;font:600 12px system-ui;color:#efc49b}.achievementCard[data-state=future]{border-color:#596b81;background:#293a4d}.achievementCard[data-state=future] .achievementIcon{filter:saturate(.55);opacity:.85}.achievementProgress{height:6px;border:1px solid #6e8a98;background:#192c3f;margin:8px 0 4px}.achievementProgress i{display:block;height:100%;background:#9ac8aa}.achievementFilters input:focus-visible,.achievementFilters select:focus-visible,#achievementTitle:focus-visible{outline:3px solid #ffe39a;outline-offset:3px}
#achievementToast{position:fixed;z-index:200;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:min(480px,calc(100vw - 24px));box-sizing:border-box;padding:12px 20px 12px 12px;background:linear-gradient(120deg,#203c4a,#38544e);border:3px solid #ebcf83;box-shadow:0 0 0 3px #18303d,0 6px 0 3px #0c2530,0 0 28px #ffe5a333;color:#fff1c6;pointer-events:none;animation:achievementDrop 4.8s both;font:14px system-ui}
#achievementToast[hidden]{display:none}#achievementToast .achievementIcon{width:72px;height:72px;flex-basis:72px}#achievementToast>div{min-width:0}#achievementToast div>span{display:block;letter-spacing:1.5px;font-size:10px;color:#e3cf96;font-weight:700}#achievementToast strong{display:block;font:700 23px Georgia,serif;margin:5px 0;overflow-wrap:anywhere}#achievementToast small{display:block;color:#d1e3d9;font-size:12px}.achievementSparkles{position:absolute;right:7px;top:5px;color:#fff2af;text-shadow:-25px 45px #e4fdcf,4px 68px #ffe998;animation:achievementTwinkle .8s steps(2,end) 5}
@keyframes achievementDrop{0%{transform:translate(-50%,-160%);opacity:0}9%,90%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,-160%);opacity:0}}@keyframes achievementTwinkle{50%{opacity:.25}}
@media(max-width:550px){.achievementFilters{grid-template-columns:1fr;gap:0}.achievementCard{padding:12px;gap:12px;align-items:flex-start}.achievementIcon{width:64px;height:64px;flex-basis:64px}.achievementCard h4{font-size:17px}#achievementToast strong{font-size:20px}#achievementToast .achievementIcon{width:60px;height:60px;flex-basis:60px}.achievementUnavailable{display:block}}
@media(prefers-reduced-motion:reduce){#achievementToast{animation:none}.achievementSparkles{animation:none}}