.item-detail{--slot-color:16, 185, 129;--slot-color-strong:rgb(var(--slot-color));--slot-color-soft:rgba(var(--slot-color), .12);--slot-color-mid:rgba(var(--slot-color), .35);--slot-color-faint:rgba(var(--slot-color), .04)}@media (max-width:639px){.item-detail .item-panel,.item-detail .item-banner{border-radius:1rem}}.item-banner{border:1px solid rgba(var(--slot-color), .22);background:radial-gradient(ellipse at 18% 50%, rgba(var(--slot-color), .18) 0%, transparent 55%), radial-gradient(ellipse at 82% 30%, rgba(var(--slot-color), .08) 0%, transparent 60%), linear-gradient(180deg, var(--background-alt) 0%, var(--background) 100%);box-shadow:inset 0 1px 0 rgba(var(--slot-color), .18), 0 0 60px rgba(var(--slot-color), .06);border-radius:1.25rem;position:relative;overflow:hidden}.item-banner:before{content:"";background-image:linear-gradient(rgba(var(--slot-color), .045) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--slot-color), .045) 1px, transparent 1px);pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}.item-banner:after{content:"";background:radial-gradient(circle at 18% 55%, rgba(var(--slot-color), .22) 0%, transparent 40%);pointer-events:none;animation:5s ease-in-out infinite item-pulse;position:absolute;inset:0}@keyframes item-pulse{0%,to{opacity:.55}50%{opacity:.95}}.item-tier-mark{letter-spacing:-.05em;color:rgba(var(--slot-color), .07);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;z-index:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(8rem,22vw,22rem);font-weight:900;line-height:.78;position:absolute;top:50%;right:-1.5rem;transform:translateY(-50%)}.item-icon-stage{aspect-ratio:1;isolation:isolate;place-items:center;width:clamp(108px,28vw,200px);display:grid;position:relative}@media (min-width:1024px){.item-icon-stage{width:clamp(160px,16vw,200px)}}.item-icon-stage:before,.item-icon-stage:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.item-icon-stage:before{background:radial-gradient(circle, rgba(var(--slot-color), .55) 0%, transparent 60%);filter:blur(20px);z-index:-2;inset:-8%}.item-icon-stage:after{background:conic-gradient(from 0deg, rgba(var(--slot-color), 0) 0deg, rgba(var(--slot-color), .4) 90deg, rgba(var(--slot-color), 0) 180deg, rgba(var(--slot-color), .4) 270deg, rgba(var(--slot-color), 0) 360deg);filter:blur(8px);opacity:.75;z-index:-1;animation:18s linear infinite item-spin;inset:6%}@keyframes item-spin{to{transform:rotate(360deg)}}.item-icon-frame{aspect-ratio:1;background:linear-gradient(135deg, rgba(var(--slot-color), .12) 0%, rgba(var(--slot-color), .02) 100%), #08090aa6;border:1px solid rgba(var(--slot-color), .55);width:76%;box-shadow:inset 0 1px 0 #ffffff14, inset 0 0 22px rgba(var(--slot-color), .18), 0 12px 32px #0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22%;place-items:center;display:grid;position:relative}.item-panel{border:1px solid rgba(var(--slot-color), .18);box-shadow:inset 0 1px 0 rgba(var(--slot-color), .08), 0 0 24px rgba(var(--slot-color), .04);background:#08090ab3;border-radius:.875rem}.item-panel--strong{border-color:rgba(var(--slot-color), .35);box-shadow:inset 0 1px 0 rgba(var(--slot-color), .18), 0 0 32px rgba(var(--slot-color), .08)}.item-tree-line{stroke:rgba(var(--slot-color), .35);stroke-width:1.5px;fill:none}.item-tree-line--current{stroke:rgba(var(--slot-color), .7);stroke-width:2px}.item-wr-ring{--ring-size:104px;--ring-thickness:7px;--ring-pct:50;width:var(--ring-size);height:var(--ring-size);flex-shrink:0;place-items:center;display:grid;position:relative}@media (min-width:1024px){.item-wr-ring{--ring-size:144px;--ring-thickness:8px}}.item-wr-ring:before{content:"";background:conic-gradient(from -90deg, rgba(var(--slot-color), .95) calc(var(--ring-pct) * 1%), #ffffff14 calc(var(--ring-pct) * 1%) 100%);-webkit-mask:radial-gradient(circle closest-side at center, transparent calc(100% - var(--ring-thickness) - 1px), black calc(100% - var(--ring-thickness)));-webkit-mask:radial-gradient(circle closest-side at center, transparent calc(100% - var(--ring-thickness) - 1px), black calc(100% - var(--ring-thickness)));mask:radial-gradient(circle closest-side at center, transparent calc(100% - var(--ring-thickness) - 1px), black calc(100% - var(--ring-thickness)));filter:drop-shadow(0 0 8px rgba(var(--slot-color), .45));border-radius:50%;position:absolute;inset:0}.item-wr-ring:after{content:"";inset:calc(var(--ring-thickness) + 4px);border:1px solid rgba(var(--slot-color), .12);z-index:0;background:#08090a8c;border-radius:50%;position:absolute}.item-wr-ring>*{z-index:1;position:relative}.item-activation-pill{background:rgba(var(--slot-color), .12);border:1px solid rgba(var(--slot-color), .4);color:rgb(var(--slot-color));text-shadow:0 0 12px rgba(var(--slot-color), .6)}.item-stat-tile{background:linear-gradient(180deg, rgba(var(--slot-color), .04) 0%, transparent 60%), #08090ab3;border:1px solid rgba(var(--slot-color), .18);border-radius:.875rem;padding:1rem 1.1rem;position:relative;overflow:hidden}.item-stat-tile:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--slot-color), .45), transparent);height:1px;position:absolute;top:0;left:0;right:0}.item-hero-grid{grid-template-columns:auto auto;grid-template-areas:"icon ring""cost cost""body body";justify-content:space-between;align-items:start;gap:1rem;padding:1.25rem;display:grid}.item-hero-grid>.area-icon{grid-area:icon}.item-hero-grid>.area-cost{grid-area:cost}.item-hero-grid>.area-body{grid-area:body;min-width:0}.item-hero-grid>.area-ring{grid-area:ring}@media (min-width:640px){.item-hero-grid{gap:1.25rem 1.5rem;padding:1.5rem}}@media (min-width:1024px){.item-hero-grid{grid-template:"icon body ring""cost body ring"1fr/auto 1fr auto;justify-content:stretch;align-items:start;gap:1.75rem 3rem;padding:2.5rem}.item-hero-grid>.area-body,.item-hero-grid>.area-ring{align-self:center}}.item-cross-pill{border-color:var(--border);background:#1414198c;transition:background .15s,border-color .15s,transform .15s}.item-cross-pill:hover{background:rgba(var(--slot-color), .08);border-color:rgba(var(--slot-color), .5)}.item-cross-pill:hover .item-cross-pill-icon{color:rgb(var(--slot-color))}.item-prop-tile{border:1px solid var(--border-subtle);background:#14141980;border-radius:.75rem;padding:.75rem .9rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.item-prop-tile--elevated{background:linear-gradient(135deg, rgba(var(--slot-color), .1) 0%, rgba(var(--slot-color), .02) 100%), #1414198c;border-color:rgba(var(--slot-color), .45);box-shadow:inset 0 1px 0 rgba(var(--slot-color), .18), 0 0 16px rgba(var(--slot-color), .1)}.item-prop-tile--elevated:after{content:"";background:radial-gradient(circle at top right, rgba(var(--slot-color), .4), transparent 70%);pointer-events:none;width:36px;height:36px;position:absolute;top:0;right:0}