/* VIDLIK achievement cards — restrained light system */
.achievements-dialog{width:min(1320px,96vw);background:#f4f7f5}
.achievements-dialog-head{padding:22px 64px 18px 28px}
.achievement-profile-editor{margin:18px 24px 0;padding:18px 20px;border-radius:15px;background:linear-gradient(135deg,#0c382c 0%,#124839 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.achievement-filters{padding:16px 24px 0}
.achievement-filter{padding:8px 13px;background:#fbfdfc;border-color:#d4dfda;color:#527064;transition:background .18s ease,border-color .18s ease,color .18s ease}
.achievement-filter:hover{border-color:#9fb9ae;background:#f3f8f5}
.achievement-filter.active{background:#103d30;border-color:#103d30;color:#fff}
.achievements-dialog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 24px 24px}
.achievements-dialog-card{--accent:#a7b6af;--accent-soft:#eef2f0;min-height:260px;padding:17px 17px 15px;border-radius:15px;border:1px solid #d9e2de;background:#fcfdfc;box-shadow:inset 0 2px 0 var(--accent),0 1px 0 rgba(16,61,48,.02);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.achievements-dialog-card:hover{transform:translateY(-1px);border-color:#c4d3cc;box-shadow:inset 0 2px 0 var(--accent),0 7px 20px rgba(20,58,47,.06)}
.achievements-dialog-card.open{background:linear-gradient(180deg,#fbfdfc 0%,#f3f8f5 100%);border-color:#c5d9cf}
.achievements-dialog-card.locked{opacity:1;background:#fafbfa;color:#6d7b75}
.achievements-dialog-card.locked:not(.is-secret) .achievements-dialog-icon{filter:saturate(.55);opacity:.7}
.achievements-dialog-card.rarity-common{--accent:#aab8b1;--accent-soft:#eef2f0}
.achievements-dialog-card.rarity-uncommon{--accent:#7da68f;--accent-soft:#e8f1ec}
.achievements-dialog-card.rarity-rare{--accent:#7fa8c4;--accent-soft:#edf4f8;box-shadow:inset 0 2px 0 var(--accent)}
.achievements-dialog-card.rarity-epic{--accent:#9b8bae;--accent-soft:#f2eef6;box-shadow:inset 0 2px 0 var(--accent)}
.achievements-dialog-card.rarity-legendary{--accent:#c79b49;--accent-soft:#f8f2e7;box-shadow:inset 0 2px 0 var(--accent)}
.achievements-dialog-card.is-secret{--accent:#87958f;background:linear-gradient(145deg,#f5f7f6,#edf1ef);border-style:dashed}
.achievements-dialog-card-top{align-items:center;gap:10px;margin-bottom:14px}
.achievements-dialog-icon{width:50px;height:50px;border-radius:13px;background:var(--accent-soft);color:#164d3c;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);display:grid;place-items:center;flex:0 0 auto}
.achievements-dialog-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.rarity-rare .achievements-dialog-icon{color:#376d8e}
.rarity-epic .achievements-dialog-icon{color:#6d5a81}
.rarity-legendary .achievements-dialog-icon{color:#8b681f}
.is-secret .achievements-dialog-icon{color:#65756e}
.achievement-meta{gap:2px;min-width:0}
.achievement-rarity{font-size:9px;letter-spacing:.1em;color:#687b73}
.achievement-category{font-size:9px;color:#93a29c}
.achievement-state{margin-left:auto;align-self:flex-start;margin-top:2px;padding:4px 7px;border-radius:999px;border:1px solid #d9e3de;background:#f6f9f7;color:#7b8c84;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.achievement-state.is-open{background:#e9f3ed;border-color:#cfe2d7;color:#376b55}
.achievements-dialog-card h3{margin:3px 0 7px;color:#163b30;font-size:18px;line-height:1.22;letter-spacing:-.01em}
.achievements-dialog-card p{font-size:13px;line-height:1.42;color:#73827b;min-height:37px}
.achievement-unlocks{margin-top:11px;gap:5px}
.achievement-unlocks span{padding:4px 7px;background:#f8fbf9;border-color:#d8e4de;color:#547265;font-size:8px;letter-spacing:.01em}
.achievement-card-footer{margin-top:auto;padding-top:15px;display:grid;gap:8px}
.achievement-metric-row{display:flex;align-items:baseline;gap:7px;color:#83928b;min-height:18px}
.achievement-metric-row b{font-size:12px;color:#315f4f;letter-spacing:.01em}
.achievement-metric-row span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#9aa7a1}
.achievement-progress{height:5px;margin-top:0;background:#e4eae7}
.achievement-progress i{background:linear-gradient(90deg,#6f9c83,#86ad95)}
.rarity-rare .achievement-progress i{background:#7fa8c4}
.rarity-epic .achievement-progress i{background:#9b8bae}
.rarity-legendary .achievement-progress i{background:#c79b49}
.achievement-showcase-toggle{width:max-content;margin-top:1px;padding:6px 9px;border:1px solid #d6e1dc;border-radius:9px;background:#f8fbf9;color:#537368;font-size:10px;text-align:center;transition:background .16s ease,border-color .16s ease,color .16s ease}
.achievement-showcase-toggle:hover{border-color:#aac4b8;background:#eef6f2;color:#2a664f}
.achievement-showcase-toggle.selected{background:#123f31;border-color:#123f31;color:#fff}
.achievement-profile-actions{padding:13px 24px;background:rgba(244,247,245,.97)}

/* Simplified collection view: cards are the focus */
.achievement-profile-editor,.achievement-filters{display:none!important}
.achievements-dialog-grid{padding-top:20px}

/* Unlocked = saturated VIDLIK green. Locked = white. */
.achievements-dialog-card.open{background:linear-gradient(145deg,#0d4b3a 0%,#123f31 100%);border-color:#2f755e;box-shadow:inset 0 2px 0 var(--accent),0 10px 24px rgba(9,53,40,.12);color:#fff}
.achievements-dialog-card.open:hover{border-color:#438a71;box-shadow:inset 0 2px 0 var(--accent),0 12px 26px rgba(9,53,40,.18)}
.achievements-dialog-card.open h3{color:#fff}
.achievements-dialog-card.open p{color:#c5d9d1}
.achievements-dialog-card.open .achievement-rarity{color:#d7e8e1}
.achievements-dialog-card.open .achievement-category{color:#9fc2b5}
.achievements-dialog-card.open .achievements-dialog-icon{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.14);color:#dff6ea}
.achievements-dialog-card.open.rarity-rare .achievements-dialog-icon,.achievements-dialog-card.open.rarity-epic .achievements-dialog-icon,.achievements-dialog-card.open.rarity-legendary .achievements-dialog-icon{color:#fff}
.achievements-dialog-card.open .achievement-state.is-open{background:rgba(185,239,77,.13);border-color:rgba(185,239,77,.38);color:#dff6b9}
.achievements-dialog-card.open .achievement-unlocks span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#d8ebe3}
.achievements-dialog-card.open .achievement-metric-row{color:#c2d7cf}
.achievements-dialog-card.open .achievement-metric-row b{color:#fff}
.achievements-dialog-card.open .achievement-metric-row span{color:#9fc1b4}
.achievements-dialog-card.open .achievement-progress{background:rgba(255,255,255,.12)}
.achievements-dialog-card.open .achievement-progress i,.achievements-dialog-card.open.rarity-rare .achievement-progress i,.achievements-dialog-card.open.rarity-epic .achievement-progress i,.achievements-dialog-card.open.rarity-legendary .achievement-progress i{background:linear-gradient(90deg,#9edc79,#b9ef4d)}
.achievements-dialog-card.open .achievement-showcase-toggle{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#dceee7}
.achievements-dialog-card.open .achievement-showcase-toggle:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}
.achievements-dialog-card.open .achievement-showcase-toggle.selected{background:#b9ef4d;border-color:#b9ef4d;color:#123f31}
.achievements-dialog-card.locked{background:#fff;border-color:#dce5e1;box-shadow:inset 0 2px 0 var(--accent)}
.achievements-dialog-card.locked h3{color:#36584c}
.achievements-dialog-card.locked p{color:#8a9791}
.achievements-dialog-card.locked .achievement-state{background:#f6f8f7;color:#87958f;border-color:#dfe6e2}

@media(max-width:1180px){.achievements-dialog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.achievements-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.achievements-dialog-grid{grid-template-columns:1fr;padding:14px}.achievements-dialog-card{min-height:220px}.achievement-profile-editor{margin:14px 14px 0}.achievement-filters{padding:14px 14px 0}.achievement-state{display:none}}