/* 成就圖（主頁、商店名片、後台共用）：有圖顯示圖，沒圖（.miss）顯示暫時圖示；顏色跟著稀有度。外層要自己給寬高 */
.ach-art { --r: var(--dim, #8a96a3); position: relative; display: block; width: 100%; height: 100%; color: var(--r); }
.ach-art.r-rare { --r: var(--c1); } .ach-art.r-epic { --r: var(--c2); } .ach-art.r-legendary { --r: #ffc75a; }
.ach-art > .i { display: none; position: absolute; inset: 18%; width: 64%; height: 64%; filter: drop-shadow(0 0 8px color-mix(in srgb, var(--r) 55%, transparent)); }
.ach-art.miss > .i { display: block; }
.ach-art > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 8px color-mix(in srgb, var(--r) 55%, transparent)); }