.item-icon{filter:drop-shadow(0 2px 2px #000c);flex:none;display:block;overflow:visible}.item-icon[data-rarity=epic]{filter:drop-shadow(0 2px 2px #000c) drop-shadow(0 0 4px color-mix(in srgb, var(--rc) 35%, transparent))}.item-icon[data-rarity=legendary]{filter:drop-shadow(0 2px 2px #000c) drop-shadow(0 0 6px color-mix(in srgb, var(--rc) 55%, transparent))}.item-icon[data-rarity=mythic]{filter:drop-shadow(0 2px 2px #000c) drop-shadow(0 0 5px color-mix(in srgb, var(--rc) 75%, transparent)) drop-shadow(0 0 16px color-mix(in srgb, var(--rc) 45%, transparent))}.itc{background:linear-gradient(#ffffff0a,#ffffff04);border:1px solid #ffffff12;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon body""foot foot";gap:.75rem .9rem;padding:.9rem;transition:border-color .25s,background-color .25s;display:grid;position:relative}.itc:hover{border-color:color-mix(in srgb, var(--rc) 40%, transparent)}.itc:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--rc) 70%, transparent), transparent);border-radius:.75rem .75rem 0 0;height:2px;position:absolute;inset:-1px -1px auto}.itc[data-rarity=legendary],.itc[data-rarity=mythic]{border-color:color-mix(in srgb, var(--rc) 28%, transparent);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--rc) 12%, transparent), transparent 60%), linear-gradient(to bottom, #ffffff0b, #ffffff04)}.itc[data-rarity=mythic]{box-shadow:0 0 0 1px color-mix(in srgb, var(--rc) 18%, transparent), 0 0 28px -8px color-mix(in srgb, var(--rc) 55%, transparent)}.itc[data-rarity=mythic]:before{background:linear-gradient(90deg, transparent, var(--rc), transparent);height:3px}.itc-icon{grid-area:icon;align-self:start;position:relative}.itc-qty{text-align:center;min-width:1.5rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#fff;border:1px solid color-mix(in srgb, var(--rc) 55%, #ffffff26);background:#0b0b0d;border-radius:999px;padding:.05rem .32rem;font-size:.66rem;line-height:1.3;position:absolute;bottom:-.3rem;right:-.4rem}.itc-body{grid-area:body;align-content:start;gap:.3rem;min-width:0;display:grid}.itc-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:hsl(var(--foreground));overflow-wrap:anywhere;margin-block:-.14em -.06em;padding-block:.14em .06em;font-size:1.35rem;line-height:1.05}.itc-rarity{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem}.itc-desc{font-size:var(--text-ui);color:hsl(var(--paper) / .78);line-height:1.35}.itc-foot{flex-wrap:wrap;grid-area:foot;justify-content:flex-end;align-items:center;gap:.5rem .75rem;min-height:2.25rem;display:flex}.itc-use{cursor:var(--cursor-pointer)}.itc-hint{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--ash));margin-right:auto;font-size:.66rem}.itc-active{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:color-mix(in srgb, var(--rc) 16%, #0b0b0d);border:1px solid color-mix(in srgb, var(--rc) 50%, transparent);border-radius:999px;align-items:center;gap:.45rem;margin-right:auto;padding:.25rem .6rem;font-size:.66rem;display:inline-flex}.itc-active-dot{background:var(--rc);width:.4rem;height:.4rem;box-shadow:0 0 6px var(--rc);border-radius:50%}.itc-timer{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:hsl(var(--paper))}.itc.is-compact{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon body foot";align-items:center;gap:.65rem;padding:.6rem .7rem}.itc.is-compact .itc-name{font-size:1.05rem}.itc.is-compact .itc-desc{font-size:var(--text-2xs)}.itc.is-compact .itc-foot{flex-direction:column;align-items:flex-end;min-height:0}.itc.is-compact .itc-hint,.itc.is-compact .itc-active{margin-right:0}.itc.is-compact .itc-hint{text-align:right;max-width:9rem}@media (prefers-reduced-motion:reduce){.itc{transition:none}}.iua{cursor:var(--cursor-pointer);animation:1.8s both iua-life}.iua-backdrop{background:radial-gradient(40% 32% at 50% 50%, color-mix(in srgb, var(--rc) 30%, hsl(var(--brand) / .4)), transparent 72%), radial-gradient(120% 100% at 50% 50%, #080809b8, #000000e6 70%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;inset:0}.iua-flash{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 50%, #fff 0, color-mix(in srgb, var(--rc) 70%, #fff) 9%, color-mix(in srgb, var(--rc) 35%, transparent) 26%, transparent 56%);animation:.7s ease-out both iua-flash;position:absolute;inset:0}.iua-card{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding-inline:1rem;animation:.6s cubic-bezier(.2,1.5,.4,1) 50ms both iua-pop;display:flex;position:relative}.iua-big{width:min(94vw,44rem);height:clamp(3.5rem,11vw,7.5rem);font-size:clamp(2.4rem,8.5vw,6rem)}.iua-sub{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:hsl(var(--paper) / .88);text-shadow:0 0 14px color-mix(in srgb, var(--rc) 80%, transparent);font-size:.8rem;animation:.45s ease-out .3s both iua-rise}@keyframes iua-life{0%{opacity:0}8%,82%{opacity:1}to{opacity:0}}@keyframes iua-flash{0%{opacity:0}14%{opacity:1}to{opacity:0}}@keyframes iua-pop{0%{opacity:0;filter:blur(8px);transform:scale(.5)}60%{opacity:1;filter:blur()}to{opacity:1;filter:none;transform:none}}@keyframes iua-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.iua[data-reduce] :is(.iua-card,.iua-sub){animation:none}@media (prefers-reduced-motion:reduce){.iua-flash{display:none}.iua-card,.iua-sub{animation:none!important}}.its-effects{flex-wrap:wrap;gap:.5rem;display:flex}.its-effect{border:1px solid color-mix(in srgb, var(--rc) 45%, transparent);background:color-mix(in srgb, var(--rc) 10%, #0b0b0d);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--paper));border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .75rem .3rem .35rem;font-size:.7rem;display:inline-flex}.its-effect .itc-timer{color:#fff}.its-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.65rem;display:grid}.cir-stage{aspect-ratio:1;place-items:center;width:clamp(7rem,22vmin,10.5rem);margin-bottom:.35rem;display:grid;position:relative}.cir-icon{width:100%;height:100%;animation:1s cubic-bezier(.2,1.2,.35,1) .65s both cir-forge;position:relative}.cir-halo{pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--rc) 55%, transparent), color-mix(in srgb, var(--rc) 18%, transparent) 55%, transparent 72%);border-radius:50%;animation:1.2s ease-out .6s both cir-halo;position:absolute;inset:-38%}.cir-crown{pointer-events:none;background:repeating-conic-gradient(from 11.25deg, color-mix(in srgb, var(--rc) 85%, #fff) 0 2.2deg, transparent 2.2deg 22.5deg);filter:drop-shadow(0 0 6px var(--rc));animation:1s cubic-bezier(.2,1.4,.4,1) .75s both cir-crown;position:absolute;inset:-30%;-webkit-mask:radial-gradient(closest-side,#0000 52%,#000 56% 66%,#0000 80%);mask:radial-gradient(closest-side,#0000 52%,#000 56% 66%,#0000 80%)}.cir[data-rarity=mythic] .cir-crown{background:repeating-conic-gradient(from 11.25deg, color-mix(in srgb, var(--rc) 80%, #fff) 0 2.6deg, transparent 2.6deg 22.5deg), repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rc) 70%, #000) 0 1.4deg, transparent 1.4deg 11.25deg);filter:drop-shadow(0 0 8px var(--rc)) drop-shadow(0 0 22px var(--rc));-webkit-mask:radial-gradient(closest-side,#0000 48%,#000 52% 72%,#0000 88%);mask:radial-gradient(closest-side,#0000 48%,#000 52% 72%,#0000 88%)}.cir[data-rarity=mythic] .cir-halo{background:radial-gradient(closest-side, color-mix(in srgb, var(--rc) 75%, #fff) 0, color-mix(in srgb, var(--rc) 45%, transparent) 30%, color-mix(in srgb, var(--rc) 15%, transparent) 60%, transparent 75%);inset:-55%}.cir[data-rarity=legendary] .cir-halo{inset:-46%}.cir-name{font-size:clamp(2rem,7vw,2.75rem)}.cir[data-rarity=mythic] .cir-name{font-size:clamp(2.3rem,8.5vw,3.4rem)}.cir-desc{max-width:22rem;font-family:var(--font-mono);letter-spacing:.06em;color:hsl(var(--paper) / .9);font-size:.78rem;line-height:1.45;animation:.5s ease-out 1.15s both cir-rise}.cir-cta{cursor:var(--cursor-pointer);margin-top:.5rem;animation:.5s ease-out 1.35s both cir-rise}@keyframes cir-forge{0%{opacity:0;filter:blur(10px)brightness(2.4);transform:perspective(500px)scale(.35)rotateY(-540deg)}60%{opacity:1;filter:blur()brightness(1.5)}80%{transform:perspective(500px)scale(1.08)rotateY(0)}to{opacity:1;filter:none;transform:none}}@keyframes cir-halo{0%{opacity:0;scale:.2}30%{opacity:1;scale:1.15}to{opacity:.85;scale:1}}@keyframes cir-crown{0%{opacity:0;rotate:-40deg;scale:.5}to{opacity:1;rotate:0deg;scale:1}}@keyframes cir-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cir-icon,.cir-halo,.cir-crown,.cir-desc,.cir-cta{animation:none!important}}