/*  VOLURR — Gamification / Achievements  ·  achv.css  (scoped under #achv) */
#achv{position:fixed;inset:0;z-index:var(--z-overlay,1000);display:none;background:rgba(4,6,11,.62);backdrop-filter:blur(4px) saturate(120%);padding:6vh 14px;overflow:auto}
#achv.on{display:block;animation:avf .14s ease}
@keyframes avf{from{opacity:0}to{opacity:1}}
html[data-theme="light"] #achv{background:rgba(20,25,40,.36)}
#achv .av-panel{width:min(600px,100%);max-height:86vh;margin-inline:auto;display:flex;flex-direction:column;background:var(--cardgrad),var(--card);border:1px solid var(--line);border-radius:var(--rad-lg,14px);box-shadow:var(--el-4,0 20px 60px rgba(0,0,0,.5));overflow:hidden;animation:avp .18s cubic-bezier(.2,.9,.3,1)}
@keyframes avp{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}
#achv .av-panel:focus{outline:none}
#achv .av-top{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:radial-gradient(120% 150% at 0 0,color-mix(in srgb,var(--gold,#e23b3b) 12%,transparent),transparent 60%)}
#achv .av-top h2{font-size:16px;font-weight:900;color:var(--txt)}
#achv .av-sub{font-size:9.5px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.5px}
#achv .av-x{margin-inline-start:auto;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--card2);color:var(--txt2);cursor:pointer;font-size:15px}
#achv .av-x:hover{color:var(--down);border-color:var(--down)}
#achv .av-body{padding:14px 16px;overflow-y:auto;scrollbar-width:thin}
#achv .av-empty{padding:40px 10px;text-align:center;color:var(--muted)}
#achv .av-eico{font-size:40px;margin-bottom:10px}
#achv .av-esub{font-size:11px;margin-top:6px}
#achv .av-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
#achv .av-hnum{flex:0 0 auto;display:flex;align-items:baseline;gap:5px}
#achv .av-hnum b{font-size:26px;font-weight:900;color:var(--gold,#e23b3b)}
#achv .av-hnum span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.4px}
#achv .av-hbar{flex:1;height:8px;border-radius:6px;background:var(--card2);border:1px solid var(--line);overflow:hidden}
#achv .av-hbar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold,#e23b3b),#f0b429);border-radius:6px}
#achv .av-sec{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:16px 0 9px}
#achv .av-path{display:flex;align-items:center;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}
#achv .av-node{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.4}
#achv .av-node.on{opacity:1}
#achv .av-node span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;background:var(--card2);border:1px solid var(--line);color:var(--txt2)}
#achv .av-node.on span{background:color-mix(in srgb,var(--gold,#e23b3b) 22%,var(--card2));border-color:var(--gold,#e23b3b);color:var(--txt)}
#achv .av-node.cur span{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold,#e23b3b) 30%,transparent)}
#achv .av-node i{font-size:8.5px;font-style:normal;color:var(--muted);max-width:54px;text-align:center;line-height:1.2;font-weight:700}
#achv .av-node.on i{color:var(--txt2)}
#achv .av-link{flex:1 1 auto;min-width:8px;height:2px;background:var(--line);margin:0 1px;margin-bottom:18px}
#achv .av-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
#achv .av-card{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;opacity:.62}
#achv .av-card.got{opacity:1;border-color:color-mix(in srgb,var(--gold,#e23b3b) 38%,transparent);background:linear-gradient(120% 140% at 100% 0,color-mix(in srgb,var(--gold,#e23b3b) 12%,var(--card2)),var(--card2))}
#achv .av-cic{flex:0 0 auto;font-size:21px;filter:grayscale(.7)}
#achv .av-card.got .av-cic{filter:none}
#achv .av-cmid{flex:1;min-width:0}
#achv .av-ct{font-size:12.5px;font-weight:800;color:var(--txt);display:flex;align-items:center;gap:5px}
#achv .av-chk{color:var(--up,#26d07c);font-weight:900}
#achv .av-cbar{height:5px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:5px}
#achv .av-cbar i{display:block;height:100%;background:var(--gold,#e23b3b);border-radius:4px}
#achv .av-cs{font-size:10px;color:var(--muted);font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}
#achv .av-note{font-size:9px;color:var(--muted);text-align:center;line-height:1.5;margin-top:14px}
@media (max-width:440px){#achv .av-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){#achv.on,#achv .av-panel{animation:none}}