.artifact-page{display:grid;gap:18px}
.artifact-workbench{display:grid;grid-template-columns:minmax(270px,320px) 1fr;gap:18px;align-items:start}
.artifact-mannequin{display:grid;gap:12px;position:sticky;top:108px}
.artifact-figure{position:relative;min-height:680px;padding:16px;border:1px solid var(--line-soft);border-radius:22px;background:radial-gradient(circle at 50% 17%, rgba(216,182,113,.18), transparent 28%),linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.18));overflow:hidden}
.artifact-figure::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, rgba(216,182,113,.08), transparent 44%)}
.artifact-silhouette{position:absolute;top:80px;left:50%;width:210px;height:500px;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.34))}
.artifact-silhouette::before{content:"";position:absolute;inset:38px 14px 12px;border-radius:999px;background:radial-gradient(ellipse at 50% 14%, rgba(216,182,113,.18), transparent 54%);opacity:.84}
.artifact-silhouette::after{content:"";position:absolute;top:68px;left:50%;width:34px;height:28px;transform:translateX(-50%);border:1px solid rgba(216,182,113,.18);border-top:none;border-radius:0 0 16px 16px;background:linear-gradient(180deg, rgba(216,182,113,.08), rgba(255,255,255,.025))}
.artifact-avatar-head,.artifact-avatar-torso,.artifact-avatar-arm,.artifact-avatar-leg{position:absolute;left:50%;transform:translateX(-50%);border:1px solid rgba(216,182,113,.24);background:linear-gradient(180deg, rgba(216,182,113,.14), rgba(255,255,255,.026))}
.artifact-avatar-head{top:0;width:66px;height:70px;border-radius:44% 44% 48% 48%;box-shadow:inset 0 10px 22px rgba(255,255,255,.035)}
.artifact-avatar-head::after{content:"";position:absolute;left:50%;top:18px;width:34px;height:28px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 20%, rgba(255,255,255,.07), transparent 62%)}
.artifact-avatar-torso{top:84px;width:136px;height:218px;border-radius:22px;clip-path:polygon(16% 0,84% 0,100% 30%,77% 100%,23% 100%,0 30%);box-shadow:inset 0 18px 35px rgba(255,255,255,.035)}
.artifact-avatar-torso::before{content:"";position:absolute;top:38px;left:50%;width:76px;height:130px;transform:translateX(-50%);border-radius:44px 44px 30px 30px;border:1px solid rgba(216,182,113,.12);background:linear-gradient(180deg, rgba(0,0,0,.10), transparent)}
.artifact-avatar-arm{top:104px;width:34px;height:218px;border-radius:22px;transform-origin:50% 16px}
.artifact-avatar-arm::after{content:"";position:absolute;left:50%;bottom:-15px;width:38px;height:28px;transform:translateX(-50%);border-radius:45% 45% 50% 50%;border:1px solid rgba(216,182,113,.16);background:rgba(216,182,113,.06)}
.artifact-avatar-arm-left{left:calc(50% - 92px);transform:translateX(-50%) rotate(9deg)}
.artifact-avatar-arm-right{left:calc(50% + 92px);transform:translateX(-50%) rotate(-9deg)}
.artifact-avatar-leg{top:292px;width:42px;height:172px;border-radius:24px;transform-origin:50% 14px}
.artifact-avatar-leg::after{content:"";position:absolute;bottom:-14px;left:50%;width:52px;height:20px;transform:translateX(-50%);border-radius:50% 50% 12px 12px;border:1px solid rgba(216,182,113,.15);background:rgba(216,182,113,.06)}
.artifact-avatar-leg-left{left:calc(50% - 30px);transform:translateX(-50%) rotate(3deg)}
.artifact-avatar-leg-right{left:calc(50% + 30px);transform:translateX(-50%) rotate(-3deg)}
.artifact-body-slot{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;width:124px;padding:8px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(8,11,18,.82);color:var(--text);font-weight:900;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 12px 24px rgba(0,0,0,.20);text-align:center}
.artifact-body-slot::before{content:"";position:absolute;z-index:-1;height:1px;background:linear-gradient(90deg, rgba(216,182,113,.42), transparent);opacity:.64}
.artifact-body-slot span{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.artifact-body-slot:hover,.artifact-body-slot.active{border-color:rgba(216,182,113,.58);background:rgba(216,182,113,.16);box-shadow:0 0 0 2px rgba(216,182,113,.08) inset,0 14px 28px rgba(0,0,0,.26)}
.artifact-body-slot.active::after{content:"";width:7px;height:7px;border-radius:999px;background:var(--ok);box-shadow:0 0 12px rgba(111,212,177,.55)}
.artifact-body-head{top:16px;left:50%;transform:translateX(-50%);width:122px}.artifact-body-head::before{display:none}
.artifact-body-shoulder{top:106px;left:50%;transform:translateX(-50%);width:226px}.artifact-body-shoulder::before{display:none}
.artifact-body-amulet{top:166px;left:50%;transform:translateX(-50%);width:126px}.artifact-body-amulet::before{display:none}
.artifact-body-chest{top:232px;left:50%;transform:translateX(-50%);width:132px}.artifact-body-chest::before{display:none}
.artifact-body-cape{top:226px;right:18px;width:112px}.artifact-body-cape::before{right:100%;width:46px}
.artifact-body-mainhand{top:306px;left:16px;min-height:70px}.artifact-body-mainhand::before{left:100%;width:42px}
.artifact-body-gloves{top:328px;right:16px}.artifact-body-gloves::before{right:100%;width:38px}
.artifact-body-offhand{top:406px;right:16px;min-height:70px}.artifact-body-offhand::before{right:100%;width:42px}
.artifact-body-ring{top:454px;left:16px}.artifact-body-ring::before{left:100%;width:44px}
.artifact-body-legs{top:532px;left:50%;transform:translateX(-50%);width:132px}.artifact-body-legs::before{display:none}
.artifact-body-boots{left:50%;bottom:18px;transform:translateX(-50%);width:164px}.artifact-body-boots::before{display:none}
.artifact-clear-slot{width:100%}
.artifact-catalog-list{min-width:0}
.artifact-group-actions,.artifact-group-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.artifact-group-actions{margin-left:auto}
.artifact-group.collapsed .artifact-group-head{border-color:rgba(255,255,255,.12);background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02))}
.artifact-group-toggle{min-width:42px}
.artifact-guide{display:grid;gap:16px}
.artifact-guide-card{margin-bottom:0}
.artifact-trait-group summary{display:flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;list-style:none}
.artifact-trait-group summary::-webkit-details-marker{display:none}
.artifact-trait-group summary::after{content:"+";display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:999px;border:1px solid rgba(216,182,113,.22);color:var(--gold2);font-weight:900;background:rgba(255,255,255,.035)}
.artifact-trait-group[open] summary::after{content:"-"}
.artifact-trait-group .summary-title{flex:1;min-width:0}
.artifact-trait-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 8px;border-radius:999px;border:1px solid rgba(216,182,113,.18);background:rgba(255,255,255,.035);color:var(--muted);font-size:12px;font-weight:900}
.artifact-trait-group .artifact-trait-list{margin-top:10px}
.artifact-group + .artifact-group{margin-top:18px}
.artifact-group-head{margin-bottom:12px}
.artifact-icon-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px}
.artifact-icon-card{grid-template-columns:1fr;align-content:start;gap:7px;min-height:108px;padding:8px;border-radius:16px;text-align:center}
.artifact-icon-card .item-thumb{width:56px;height:56px;margin:0 auto;border-radius:14px}
.artifact-icon-name{position:relative;z-index:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:900;line-height:1.18;word-break:break-word}
@media (max-width:980px){.artifact-workbench{grid-template-columns:1fr}.artifact-mannequin{position:relative;top:auto;max-width:340px}.artifact-icon-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.artifact-group-actions{width:100%;margin-left:0}}
@media (max-width:560px){.artifact-figure{min-height:650px}.artifact-silhouette{top:78px;width:176px;height:470px}.artifact-body-slot{width:108px;padding:8px}.artifact-body-slot span{font-size:11px}.artifact-body-shoulder{width:198px}.artifact-body-cape,.artifact-body-gloves,.artifact-body-offhand{right:10px}.artifact-body-mainhand,.artifact-body-ring{left:10px}.artifact-body-boots{width:156px}}