.items-browser{display:flex;flex-direction:column;gap:var(--space-5);padding-block:var(--space-6) var(--space-10);animation:items-fade-in .42s var(--ease-out) both}@keyframes items-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.items-hero{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:end;padding:var(--space-6) var(--space-6);border-radius:var(--radius-xl);background:radial-gradient(ellipse at top right,oklch(.62 .155 50 / .1),transparent 60%),linear-gradient(180deg,var(--surface-elevated),var(--surface-card));border:1px solid var(--border-strong);box-shadow:var(--shadow-md),var(--shadow-inset);position:relative;overflow:hidden}@media(min-width:800px){.items-hero{grid-template-columns:1fr 360px}}.items-hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,oklch(.62 .155 50 / .15),transparent 70%);filter:blur(8px);pointer-events:none;z-index:0}.items-hero>*{position:relative;z-index:1}.items-hero__title{font-family:var(--font-display);font-size:var(--text-4xl);margin:0 0 var(--space-2) 0;letter-spacing:var(--tracking-wide);background:linear-gradient(180deg,var(--text-primary) 0%,var(--accent-darkest) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}html[lang=th] .items-hero__title{font-family:var(--font-thai);letter-spacing:var(--tracking-normal)}.items-hero__subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 var(--space-3) 0;max-width:56ch}.items-hero__count{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.items-hero__count-num{font-size:var(--text-xl);color:var(--accent);font-weight:600}.items-hero__searchwrap{position:relative;display:flex;align-items:center}.items-hero__searchicon{position:absolute;left:var(--space-4);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.items-hero__search{width:100%;font:inherit;padding:.875rem 1rem .875rem 2.75rem;background:var(--surface-page);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--text-base);transition:border var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.items-hero__search::placeholder{color:var(--text-tertiary)}.items-hero__search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #cd641826}.items-cats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.items-cat{appearance:none;display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem 1rem;border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-hairline);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.items-cat:hover{background:var(--surface-card-hi);transform:translateY(-1px);border-color:var(--border-strong);color:var(--text-primary)}.items-cat.is-active{background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:var(--text-on-accent);border-color:var(--accent);box-shadow:var(--shadow-accent)}.items-cat__dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.items-cat.is-active .items-cat__dot{background:var(--text-on-accent)}.items-cat__dot[data-cat=weapons]{background:#d64938}.items-cat__dot[data-cat=off-hand]{background:oklch(.58 .15 60)}.items-cat__dot[data-cat=armour]{background:#886e1f}.items-cat__dot[data-cat=jewelry]{background:oklch(.66 .14 75)}.items-cat__dot[data-cat=flasks]{background:#ce514d}.items-cat__dot[data-cat=jewels]{background:#7c54cd}.items-cat__dot[data-cat=gems]{background:#1c882d}.items-cat__dot[data-cat=currency]{background:oklch(.58 .13 70)}.items-cat__dot[data-cat=maps]{background:#2677b2}.items-cat__dot[data-cat=other]{background:#846c5a}.items-cat__count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);background:var(--surface-inset);border:1px solid var(--border-faint);padding:0 var(--space-2);border-radius:var(--radius-pill);margin-left:2px;font-weight:500;line-height:1.5;letter-spacing:0}.items-cat.is-active .items-cat__count{background:#ffffff2e;border-color:#ffffff4d;color:var(--text-on-accent)}.items-cat.is-popular:not(.is-active){border-color:var(--accent-dim);color:var(--text-primary)}.items-cat.is-popular:not(.is-active):after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--accent);opacity:0;pointer-events:none;animation:items-popular-pulse 2.8s var(--ease-in-out) infinite}.items-cat{position:relative}@keyframes items-popular-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.55;transform:scale(1.025)}}.items-group.is-popular:not(.is-active),.items-class.is-popular:not(.is-active){border-color:var(--accent-dim);color:var(--accent-darkest);position:relative}.items-group.is-popular:not(.is-active):before,.items-class.is-popular:not(.is-active):before{content:"";position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:items-popular-dot 2.4s var(--ease-in-out) infinite}@keyframes items-popular-dot{0%,to{box-shadow:0 0 #cd641800}50%{box-shadow:0 0 0 4px #cd641800}}@media(prefers-reduced-motion:reduce){.items-cat.is-popular:not(.is-active):after,.items-group.is-popular:not(.is-active):before,.items-class.is-popular:not(.is-active):before{animation:none}}.items-groups,.items-classes{display:flex;flex-wrap:wrap;gap:var(--space-2)}.items-group,.items-class{appearance:none;background:transparent;border:1px solid var(--border-faint);color:var(--text-secondary);padding:.35rem .875rem;font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.items-classes .items-class{text-transform:none;letter-spacing:0;font-size:var(--text-sm)}.items-group:hover,.items-class:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface-card)}.items-group.is-active,.items-class.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-darkest)}.items-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg)}.items-facets{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.items-facet{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.items-facet__label{font-family:var(--font-display);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-tertiary);font-weight:600;min-width:100px}html[lang=th] .items-facet__label{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.items-facet__pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.items-facet__pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);background:#f9f0e599;border:1px solid var(--border-hairline);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}html[lang=th] .items-facet__pill{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-normal)}.items-facet__pill:hover{background:#f6e5d5e6;color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.items-facet__pill.is-active{background:#eac6a5b3;border-color:var(--accent);color:var(--accent-darkest);font-weight:600;box-shadow:inset 0 1px #fff6}.items-facet__dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-inset)}.items-facet__pill.gem-red .items-facet__dot{background:radial-gradient(closest-side,#e06255,#7f211b);border-color:#90312999}.items-facet__pill.gem-green .items-facet__dot{background:radial-gradient(closest-side,#479c4d,#0d5117);border-color:#26652b99}.items-facet__pill.gem-blue .items-facet__dot{background:radial-gradient(closest-side,#1f86cd,oklch(.4 .12 245));border-color:oklch(.45 .12 245 / .6)}.items-facet__pill.gem-white .items-facet__dot{background:radial-gradient(closest-side,#ece3d6,#c4b4a3);border-color:var(--border-strong)}.item-card__taglist{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0}.item-card__tagchip{display:inline-block;padding:1px 7px;border-radius:2px;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;background:#f6e5d5b3;border:1px solid var(--border-faint);color:var(--text-tertiary);line-height:1.5;white-space:nowrap}.item-card__tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(6px);width:max-content;max-width:280px;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-primary);font-weight:400;font-style:italic;text-align:center;white-space:normal;opacity:0;pointer-events:none;z-index:50;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}html[lang=th] .item-card__tip{font-family:var(--font-thai);font-style:normal}.item-card__tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--surface-elevated);filter:drop-shadow(0 1px 0 var(--border-strong))}.item-card--clickable:hover{overflow:visible}.item-card--clickable:hover .item-card__tip,.item-card--clickable:focus-visible .item-card__tip{opacity:1;transform:translate(-50%) translateY(0)}html[lang=th] .item-card__tagchip{font-family:var(--font-thai);text-transform:none;letter-spacing:0}.item-card__tagchip.dmg-physical{color:#584332;background:#f2e1d4b3;border-color:#846c5a66}.item-card__tagchip.dmg-fire{color:#901308;background:oklch(.94 .06 30 / .6);border-color:#b54c3d73}.item-card__tagchip.dmg-cold{color:oklch(.4 .12 240);background:oklch(.94 .05 240 / .55);border-color:#1479b073}.item-card__tagchip.dmg-lightning{color:oklch(.42 .14 95);background:#fcebaea6;border-color:oklch(.55 .14 95 / .45)}.item-card__tagchip.dmg-chaos{color:#712482;background:oklch(.94 .06 320 / .55);border-color:#9553a473}.items-controls__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide)}.items-controls__group{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.items-select{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.items-select__label{font-weight:600}.items-select select{appearance:none;font-family:var(--font-body);font-size:var(--text-sm);text-transform:none;color:var(--text-primary);background:var(--surface-page);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:.4rem 1.75rem .4rem .75rem;background-image:linear-gradient(45deg,transparent 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}.items-select select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #cd64182e}.items-clear{appearance:none;background:transparent;border:1px solid var(--border-hairline);color:var(--text-tertiary);padding:.45rem .75rem;border-radius:var(--radius-md);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:all var(--duration-fast) var(--ease-out)}.items-clear:hover{color:var(--accent-darkest);border-color:var(--accent);background:var(--accent-soft)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);list-style:none;margin:0;padding:0}@media(min-width:600px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.item-card{position:relative;display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-hairline);transition:transform var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out),background var(--duration-default) var(--ease-out);animation:item-card-in .32s var(--ease-out) both;will-change:transform;content-visibility:auto;contain-intrinsic-size:0 240px;overflow:hidden;align-items:flex-start}.items-browser--gems .item-card{contain-intrinsic-size:0 64px;align-items:center;padding:var(--space-2) var(--space-3);gap:var(--space-3)}.items-browser--gems .item-card__iconwrap{width:40px;height:40px;border-radius:var(--radius-sm)}.items-browser--gems .item-card__body{justify-content:center;gap:0}.items-browser--gems .item-card__name{font-size:var(--text-sm);line-height:1.2;-webkit-line-clamp:2;line-clamp:2}@keyframes item-card-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.item-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,transparent 0%,oklch(1 0 0 / .04) 50%,transparent 100%);opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.item-card__rail{position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 50%,transparent);opacity:.5;pointer-events:none;z-index:3;transition:opacity var(--duration-default) ease,left var(--duration-slow) var(--ease-out),right var(--duration-slow) var(--ease-out)}.item-card__shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,oklch(1 0 0 / .22) 50%,transparent 65%);transform:translate(-110%);transition:transform var(--duration-slower) cubic-bezier(.4,0,.2,1);z-index:1}.item-card:hover .item-card__rail{opacity:1;left:0;right:0}.item-card:hover .item-card__shine{transform:translate(110%)}.item-card:hover{transform:translateY(-4px);border-color:var(--accent-dim);box-shadow:var(--shadow-lg);background:var(--surface-card-hi)}.item-card:hover:after{opacity:1}.item-card.frame-normal{border-left:3px solid oklch(.55 .025 60)}.item-card.frame-magic{border-left:3px solid oklch(.6 .14 245)}.item-card.frame-rare{border-left:3px solid oklch(.66 .14 95)}.item-card.frame-unique{border-left:3px solid oklch(.55 .16 65)}.item-card[data-cat=weapons]{box-shadow:inset 3px 0 0 transparent}.item-card[data-cat=weapons]:before{background:#d64938}.item-card[data-cat=armour]:before{background:#886e1f}.item-card[data-cat=jewelry]:before{background:oklch(.66 .14 75)}.item-card[data-cat=flasks]:before{background:#ce514d}.item-card[data-cat=jewels]:before{background:#7c54cd}.item-card[data-cat=gems]:before{background:#1c882d}.item-card[data-cat=currency]:before{background:oklch(.58 .13 70)}.item-card[data-cat=maps]:before{background:#2677b2}.item-card[data-cat=off-hand]:before{background:oklch(.58 .15 60)}.item-card[data-cat=other]:before{background:#846c5a}.item-card:before{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background:transparent;opacity:.7}.item-card__iconwrap{position:relative;flex:0 0 auto;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:radial-gradient(closest-side,#f7e4d4,#ecd2be);border:1px solid var(--border-faint);overflow:hidden;box-shadow:var(--shadow-inset),0 1px 2px #3d281a0f}.item-card__icon{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px oklch(.2 .05 50 / .3));transition:transform var(--duration-default) var(--ease-out)}.item-card:hover .item-card__icon{transform:scale(1.06)}.item-card__icon-fallback{font-family:var(--font-display);font-size:24px;color:var(--accent-dim);font-weight:700}.item-card__size{position:absolute;bottom:2px;right:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:0;color:var(--text-tertiary);background:#fdf4e7d9;padding:1px 4px;border-radius:4px;line-height:1}.item-card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding-block:2px}.item-card__name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.item-card__class{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[lang=th] .item-card__class{text-transform:none;letter-spacing:var(--tracking-normal)}.item-card__meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:4px}.item-card__chip{font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:var(--radius-pill);background:var(--surface-inset);color:var(--text-secondary);border:1px solid var(--border-faint);white-space:nowrap}.item-card__chip[data-chip=level]{color:#69391c;border-color:#97634659}.item-card__chip[data-chip=req]{color:#5f4025;border-color:#8c694e59;font-variant-numeric:tabular-nums}.item-card__chip[data-chip=dmg]{color:#8a0509;border-color:#bd423866;background:oklch(.96 .03 28 / .4);font-weight:600}.item-card__chip[data-chip=aps]{color:oklch(.45 .12 65);border-color:#a0600b59}.item-card__chip[data-chip=crit]{color:oklch(.45 .16 60);border-color:oklch(.55 .16 60 / .4)}.item-card__chip[data-chip=ar]{color:#5f4025;border-color:#8c694e66;font-weight:600}.item-card__chip[data-chip=ev]{color:oklch(.42 .14 135);border-color:#4b832366;font-weight:600}.item-card__chip[data-chip=es]{color:oklch(.42 .14 245);border-color:oklch(.55 .14 245 / .4);font-weight:600}.item-card__chip[data-chip=ward]{color:#553790;border-color:#795dba66;font-weight:600}.item-card__chip[data-chip=ms]{color:#2c6330;border-color:#49814c66}.item-card__chip[data-chip=life]{color:#a20519;border-color:#c5363766;background:oklch(.96 .04 25 / .4)}.item-card__chip[data-chip=mana]{color:oklch(.45 .16 250);border-color:oklch(.55 .16 250 / .4);background:oklch(.96 .04 250 / .4)}.item-card__chip[data-chip=recovery]{color:#754a23;border-color:#9466404d}.item-card__chip[data-chip=stack]{color:oklch(.45 .1 70);border-color:#96662666;background:oklch(.95 .05 70 / .35)}.item-card__chip[data-chip=gemattr]{color:#5c4295;border-color:#7860b566}.item-card__chip[data-chip=attr-str]{color:oklch(.3 .16 28);border-color:#c5372f80;background:oklch(.93 .07 28 / .55);font-weight:700;letter-spacing:var(--tracking-wide)}.item-card__chip[data-chip=attr-dex]{color:oklch(.3 .13 145);border-color:#30863980;background:#ccf5cc8c;font-weight:700;letter-spacing:var(--tracking-wide)}.item-card__chip[data-chip=attr-int]{color:oklch(.3 .14 245);border-color:oklch(.55 .16 245 / .5);background:oklch(.93 .07 245 / .55);font-weight:700;letter-spacing:var(--tracking-wide)}.item-card__implicits{display:flex;flex-direction:column;gap:1px;margin-top:4px;padding-top:6px;border-top:1px dashed var(--border-faint)}.item-card__implicit{font-family:var(--font-mono);font-size:11px;line-height:1.35;color:oklch(.4 .13 245);font-feature-settings:"tnum";letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card__desc{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border-faint);font-size:11.5px;line-height:1.4;color:var(--text-secondary);font-style:italic}.item-card[data-cat=currency] .item-card__desc{font-style:normal;color:#65452a;font-weight:500}html[lang=th] .item-card__desc{font-family:var(--font-thai);font-style:normal}.item-card.gem-red,.item-card.gem-green,.item-card.gem-blue,.item-card.gem-white{position:relative;isolation:isolate}.item-card.gem-red:before,.item-card.gem-green:before,.item-card.gem-blue:before,.item-card.gem-white:before{inset:0;width:auto;height:auto;background:none;opacity:1;pointer-events:none;z-index:0;border-radius:inherit}.item-card.gem-red{background:radial-gradient(120% 90% at 20% 0%,oklch(.78 .16 28 / .3),transparent 65%),linear-gradient(160deg,oklch(.86 .12 28 / .45),oklch(.74 .18 28 / .2) 70%);border-color:#c5372f8c;border-left:3px solid oklch(.55 .18 28);box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d}.item-card.gem-green{background:radial-gradient(120% 90% at 20% 0%,oklch(.78 .13 145 / .3),transparent 65%),linear-gradient(160deg,#a8e3a973,#6ec27233 70%);border-color:#3086398c;border-left:3px solid oklch(.55 .14 145);box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d}.item-card.gem-blue{background:radial-gradient(120% 90% at 20% 0%,oklch(.78 .15 245 / .3),transparent 65%),linear-gradient(160deg,oklch(.86 .11 245 / .45),oklch(.74 .16 245 / .2) 70%);border-color:oklch(.55 .16 245 / .55);border-left:3px solid oklch(.55 .16 245);box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d}.item-card.gem-white{background:radial-gradient(120% 90% at 20% 0%,oklch(.92 .02 75 / .4),transparent 65%),linear-gradient(160deg,#f1e2cf73,#decbb133 70%);border-color:#ad9b838c;border-left:3px solid oklch(.75 .05 75);box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d}.item-card.gem-red:after,.item-card.gem-green:after,.item-card.gem-blue:after,.item-card.gem-white:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,transparent 0%,oklch(1 0 0 / .1) 18%,transparent 22%,transparent 65%,oklch(1 0 0 / .05) 75%,transparent 80%);mix-blend-mode:overlay;opacity:.85;z-index:1}.item-card.gem-red>*:not(.item-card__tip):not(.item-card__rail):not(.item-card__shine),.item-card.gem-green>*:not(.item-card__tip):not(.item-card__rail):not(.item-card__shine),.item-card.gem-blue>*:not(.item-card__tip):not(.item-card__rail):not(.item-card__shine),.item-card.gem-white>*:not(.item-card__tip):not(.item-card__rail):not(.item-card__shine){position:relative;z-index:2}.item-card.gem-red:hover{background:radial-gradient(120% 90% at 20% 0%,oklch(.82 .18 28 / .4),transparent 65%),linear-gradient(160deg,oklch(.88 .14 28 / .55),oklch(.78 .2 28 / .3) 70%);box-shadow:var(--shadow-lg),0 0 0 1px #c5372f66,inset 0 1px #ffffff59}.item-card.gem-green:hover{background:radial-gradient(120% 90% at 20% 0%,oklch(.82 .14 145 / .4),transparent 65%),linear-gradient(160deg,#a5eda68c,#6ed2744d 70%);box-shadow:var(--shadow-lg),0 0 0 1px #30863966,inset 0 1px #ffffff59}.item-card.gem-blue:hover{background:radial-gradient(120% 90% at 20% 0%,oklch(.82 .16 245 / .4),transparent 65%),linear-gradient(160deg,oklch(.88 .13 245 / .55),oklch(.78 .18 245 / .3) 70%);box-shadow:var(--shadow-lg),0 0 0 1px oklch(.55 .16 245 / .4),inset 0 1px #ffffff59}.item-card.gem-red .item-card__iconwrap{background:radial-gradient(closest-side,oklch(.94 .08 28),oklch(.83 .13 28))}.item-card.gem-green .item-card__iconwrap{background:radial-gradient(closest-side,#d3f7d3,#9ed99f)}.item-card.gem-blue .item-card__iconwrap{background:radial-gradient(closest-side,oklch(.94 .07 245),oklch(.83 .12 245))}.item-card.gem-white .item-card__iconwrap{background:radial-gradient(closest-side,#f7ede0,#e1ceb5)}.item-card.gem-hybrid{border-color:var(--border-hairline);box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d}.item-card.gem-hybrid--red-blue{background:linear-gradient(115deg,oklch(.86 .13 28 / .5),oklch(.86 .13 28 / .2) 38%,oklch(.86 .13 245 / .2) 62%,oklch(.86 .13 245 / .5));border-left:3px solid oklch(.55 .16 28);border-right:3px solid oklch(.55 .16 245)}.item-card.gem-hybrid--blue-red{background:linear-gradient(115deg,oklch(.86 .13 245 / .5),oklch(.86 .13 245 / .2) 38%,oklch(.86 .13 28 / .2) 62%,oklch(.86 .13 28 / .5));border-left:3px solid oklch(.55 .16 245);border-right:3px solid oklch(.55 .16 28)}.item-card.gem-hybrid--red-green,.item-card.gem-hybrid--green-red{background:linear-gradient(115deg,oklch(.86 .13 28 / .45),oklch(.86 .13 28 / .18) 38%,#99e89b2e 62%,#99e89b73);border-left:3px solid oklch(.55 .16 28);border-right:3px solid oklch(.55 .14 145)}.item-card.gem-hybrid--green-blue,.item-card.gem-hybrid--blue-green{background:linear-gradient(115deg,#99e89b73,#99e89b2e 38%,oklch(.86 .13 245 / .18) 62%,oklch(.86 .13 245 / .45));border-left:3px solid oklch(.55 .14 145);border-right:3px solid oklch(.55 .16 245)}.item-card.gem-hybrid--red-green-blue,.item-card.gem-hybrid--red-blue-green,.item-card.gem-hybrid--green-red-blue,.item-card.gem-hybrid--green-blue-red,.item-card.gem-hybrid--blue-red-green,.item-card.gem-hybrid--blue-green-red{background:linear-gradient(115deg,oklch(.86 .13 28 / .45),#99e89b4d,oklch(.86 .13 245 / .45));border-left:3px solid oklch(.55 .16 28);border-right:3px solid oklch(.55 .16 245)}.item-card.gem-hybrid:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--border-strong),inset 0 1px #ffffff59}.item-card.gem-hybrid:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,transparent 0%,oklch(1 0 0 / .1) 18%,transparent 22%,transparent 65%,oklch(1 0 0 / .05) 75%,transparent 80%);mix-blend-mode:overlay;opacity:.85;z-index:1}.item-card.gem-hybrid>*:not(.item-card__tip):not(.item-card__rail):not(.item-card__shine){position:relative;z-index:2}.item-card.gem-hybrid .item-card__iconwrap{background:radial-gradient(closest-side,#f7e8da,#e2c8b4)}.item-card--lineage .item-card__iconwrap{background:transparent;border:0;box-shadow:none}.item-card--lineage .item-card__iconwrap img{width:100%;height:100%;object-fit:contain}.item-card--lineage.gem-red{background:radial-gradient(120% 100% at 50% 0%,oklch(.78 .22 28 / .45),transparent 70%),linear-gradient(160deg,oklch(.8 .18 28 / .55),#ee362f4d 80%);border-color:#cc2823a6;border-left:3px solid oklch(.55 .2 28);box-shadow:var(--shadow-md),inset 0 1px #ffffff73}.item-card--lineage.gem-green{background:radial-gradient(120% 100% at 50% 0%,oklch(.78 .18 145 / .45),transparent 70%),linear-gradient(160deg,#75d87a8c,#23a1364d 80%);border-color:oklch(.55 .18 145 / .65);border-left:3px solid oklch(.55 .18 145);box-shadow:var(--shadow-md),inset 0 1px #ffffff73}.item-card--lineage.gem-blue{background:radial-gradient(120% 100% at 50% 0%,oklch(.78 .2 245 / .45),transparent 70%),linear-gradient(160deg,oklch(.8 .18 245 / .55),oklch(.62 .22 245 / .3) 80%);border-color:oklch(.55 .2 245 / .65);border-left:3px solid oklch(.55 .2 245);box-shadow:var(--shadow-md),inset 0 1px #ffffff73}.item-card--lineage.gem-white{background:radial-gradient(120% 100% at 50% 0%,oklch(.92 .04 75 / .55),transparent 70%),linear-gradient(160deg,#efd3ac99,#c9a4714d 80%);border-color:#936823a6;border-left:3px solid oklch(.62 .13 75);box-shadow:var(--shadow-md),inset 0 1px #ffffff73}.item-card--lineage:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,oklch(.95 .1 80 / .18) 48%,oklch(1 0 0 / .3) 50%,oklch(.95 .1 80 / .18) 52%,transparent 70%);background-size:250% 100%;background-position:100% 0%;animation:lineage-shimmer 5.2s linear infinite;mix-blend-mode:overlay;z-index:1}@keyframes lineage-shimmer{0%{background-position:130% 0%}to{background-position:-30% 0%}}@media(prefers-reduced-motion:reduce){.item-card--lineage:before{animation:none}}.item-card--lineage:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--accent),inset 0 1px #ffffff80;transform:translateY(-2px)}.item-card.gem-red .item-card__class,.item-card.gem-green .item-card__class,.item-card.gem-blue .item-card__class,.item-card.gem-white .item-card__class{color:#473322}.item-card.gem-red .item-card__desc,.item-card.gem-green .item-card__desc,.item-card.gem-blue .item-card__desc,.item-card.gem-white .item-card__desc{color:#3d2919}.items-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-tertiary);font-size:var(--text-lg);background:var(--surface-card);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.items-sentinel{height:1px}.items-loading{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-10);justify-content:center;color:var(--text-tertiary);font-size:var(--text-base)}.items-loading__pulse{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:items-pulse 1.2s ease-in-out infinite}@keyframes items-pulse{0%,to{transform:scale(.7);opacity:.4}50%{transform:scale(1.2);opacity:1}}@media(prefers-reduced-motion:reduce){.items-browser,.item-card,.item-card__icon,.items-loading__pulse{animation:none!important;transition:none!important}.item-card:hover{transform:none}}