.achievements-dialog{width:min(1100px,calc(100vw - 28px));max-height:90vh;max-height:90dvh;padding:clamp(16px,3vw,30px);overflow:auto;border:1px solid #b99b60;border-radius:26px;background:#0d1930;color:#fff8eb;box-shadow:0 25px 80px #0009}
.achievements-dialog::backdrop{background:#030813ba;backdrop-filter:blur(6px)}
.achievements-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.achievements-heading h2{font-size:clamp(1.35rem,4vw,2rem);margin:0}
.achievement-filters{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.achievement-filters input,.achievement-filters select{min-width:0;min-height:44px;padding:11px 14px;color:#fff8eb;background:#172944;border:1px solid #6c829f;border-radius:12px;font:inherit;flex:1 1 230px}
.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:18px}
.achievement-card{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:22px 15px;border:1px solid #667486;border-radius:20px;background:#162138;text-align:center;color:#d3dae3}
.achievement-card img{display:block;max-width:100%;object-fit:contain;margin-bottom:3px}
.achievement-card.is-locked img{filter:grayscale(1);opacity:.65}
.achievement-card.is-locked{background:#1b2433;border-color:#58616e}
.achievement-card.is-unlocked{color:#fff8eb;background:linear-gradient(150deg,#293349,#183540);border:2px solid #efd084;box-shadow:0 0 14px #f5c35b48,inset 0 0 15px #f5c35b13}
.achievement-card h3{margin:0;font-size:1.06rem;line-height:1.35;color:inherit}
.achievement-card p{margin:0;font-size:.92rem;line-height:1.5}
.achievement-card small{line-height:1.45;color:#bacbdc;margin-top:auto}
.achievement-card time{font-size:.76rem;line-height:1.4;color:#b6c6d7}
.achievement-state{font-size:.75rem;font-weight:700;color:#c0c8d1}
.is-unlocked .achievement-state{color:#ffdf91}
.achievement-toast{position:fixed;z-index:10000;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 28px));display:flex;align-items:center;gap:14px;padding:13px 16px;border:2px solid #f5ce7a;border-radius:20px;background:#142a3b;color:#fff8eb;box-shadow:0 0 20px #edc47755,0 10px 35px #0008;animation:achievement-arrive .4s ease-out}
.achievement-toast img{flex-shrink:0}.achievement-toast div{display:grid;gap:5px;flex:1}.achievement-toast small{color:#ffe29d}.achievement-toast strong{line-height:1.4}.achievement-toast button{border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;font-size:1.6rem}
.achievements-dialog button:focus-visible,.achievement-filters :focus-visible,.achievement-toast button:focus-visible{outline:3px solid #7cdeef;outline-offset:4px}
@keyframes achievement-arrive{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.achievement-toast{animation:none}}

.achievement-card.is-secret img{filter:grayscale(1) blur(7px);opacity:.45}
.achievement-card.is-secret{border-style:dashed;background:#192234}