.zc-medal{border-radius:22px;place-items:center;width:80px;height:80px;transition:transform .35s cubic-bezier(.23,1,.32,1);display:grid;position:relative}.zc-medal svg{width:34px;height:34px}.zc-earned .zc-medal{background:radial-gradient(120% 120% at 50% 18%, color-mix(in srgb, var(--c) 38%, transparent), transparent 70%), linear-gradient(180deg, #ffffff0f, #ffffff04);border:1px solid color-mix(in srgb, var(--c) 55%, transparent);box-shadow:0 0 0 1px #ffffff0a inset, 0 1px 0 #ffffff2e inset, 0 8px 24px #00000073, 0 0 var(--glow) color-mix(in srgb, var(--c) 60%, transparent)}.zc-earned .zc-medal svg{color:#fff;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--c) 80%, transparent))}.zc-earned:hover .zc-medal{transform:translateY(-3px)scale(1.03)}.zc-locked .zc-medal{background:linear-gradient(#ffffff06,#0000002e);border:1px solid #ffffff0e;box-shadow:inset 0 2px 10px #0006,inset 0 1px #ffffff0a}.zc-locked .zc-medal svg{color:#3a424e;filter:drop-shadow(0 1px #0009)}.zc-lockchip{width:22px;height:22px;color:var(--foreground-tertiary,#6b7480);background:#0c0e11;border:1px solid #ffffff1a;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px}.zc-lockchip svg{width:11px;height:11px}.zc-earned.zc-mythic .zc-medal{background:radial-gradient(120% 120% at 50% 18%, color-mix(in srgb, var(--c) 40%, transparent), transparent 70%), linear-gradient(180deg, #ffffff0f, #ffffff04);border:1px solid #0000}.zc-earned.zc-mythic .zc-medal:before{content:"";-webkit-mask-composite:xor;opacity:.9;background:conic-gradient(from 200deg,#ef74f0,#a98bff,#34e3e8,#f4c45a,#ef74f0);border-radius:23px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.zc-ring{background:conic-gradient(var(--rarity-rare) calc(var(--p,0) * 1%), #ffffff12 0);border-radius:999px;place-items:center;width:46px;height:46px;display:grid;position:relative}.zc-ring:after{content:"";background:#0a0c0e;border-radius:999px;position:absolute;inset:4px}.zc-ring span{font-variant-numeric:tabular-nums;color:var(--foreground,#eef1f6);font-size:10.5px;position:relative}.zc-legend{flex-wrap:wrap;gap:14px;display:flex}.zc-legend .lg{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-tertiary,#6b7480);align-items:center;gap:6px;font-size:10.5px;display:flex}.zc-legend .dot{border-radius:999px;width:9px;height:9px}
.zc-detail-overlay{z-index:55;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.zc-detail-scrim{cursor:default;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040406b8;border:0;padding:0;position:fixed;inset:0}.zc-detail-card{text-align:center;background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:30px 24px 26px;animation:.4s cubic-bezier(.23,1,.32,1) both zc-detail-in;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 30px 70px #0000008c}@keyframes zc-detail-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.zc-detail-bloom{pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--c) 16%, transparent), transparent 60%);filter:blur(38px);width:340px;height:340px;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.zc-detail-close{z-index:1;width:30px;height:30px;color:var(--foreground-tertiary,#6b7480);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;place-items:center;transition:background .2s;display:grid;position:absolute;top:14px;right:14px}.zc-detail-close:hover{background:#ffffff14}.zc-detail-close svg{width:15px;height:15px}.zc-detail-hero{z-index:1;border-radius:28px;place-items:center;width:104px;height:104px;margin-bottom:18px;display:grid;position:relative}.zc-detail-hero svg{width:46px;height:46px}.zc-detail-card.zc-earned .zc-detail-hero{background:radial-gradient(120% 120% at 50% 18%, color-mix(in srgb, var(--c) 38%, transparent), transparent 70%), linear-gradient(180deg, #ffffff0f, #ffffff04);border:1px solid color-mix(in srgb, var(--c) 55%, transparent);box-shadow:0 1px 0 #fff3 inset, 0 0 var(--glow) color-mix(in srgb, var(--c) 60%, transparent), 0 14px 34px #00000080}.zc-detail-card.zc-earned .zc-detail-hero svg{color:#fff;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--c) 80%, transparent))}.zc-detail-card.zc-locked .zc-detail-hero{background:linear-gradient(#ffffff06,#0000002e);border:1px solid #ffffff0e;box-shadow:inset 0 2px 12px #0006}.zc-detail-card.zc-locked .zc-detail-hero svg{color:#3a424e}.zc-detail-card.zc-mythic.zc-earned .zc-detail-hero{border:1px solid #0000}.zc-detail-card.zc-mythic.zc-earned .zc-detail-hero:before{content:"";-webkit-mask-composite:xor;opacity:.9;background:conic-gradient(from 200deg,#ef74f0,#a98bff,#34e3e8,#f4c45a,#ef74f0);border-radius:29px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.zc-chip{z-index:1;letter-spacing:.16em;text-transform:uppercase;color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);border:1px solid color-mix(in srgb, var(--c) 35%, transparent);border-radius:999px;align-items:center;margin-bottom:12px;padding:4px 11px;font-size:10.5px;font-weight:700;display:inline-flex;position:relative}.zc-detail-card.zc-locked .zc-chip{color:var(--foreground-tertiary,#6b7480);background:#ffffff0a;border-color:#ffffff1a}.zc-detail-card h3{z-index:1;letter-spacing:-.01em;color:var(--foreground,#eef1f6);margin:0 0 7px;font-size:22px;font-weight:650;position:relative}.zc-detail-card p{z-index:1;color:var(--foreground-secondary,#aeb6c2);max-width:300px;margin:0 0 16px;font-size:13.5px;line-height:1.5;position:relative}.zc-detail-meta{z-index:1;color:var(--foreground-tertiary,#6b7480);flex-direction:column;align-items:center;gap:6px;margin-bottom:18px;font-size:12px;display:flex;position:relative}.zc-detail-req{text-align:left;align-items:flex-start;gap:6px;display:inline-flex}.zc-detail-req svg{flex:none;width:13px;height:13px;margin-top:1px}.zc-detail-actions{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.zc-detail-card{animation:none}}
.zc-cel-overlay{z-index:50;text-align:center;place-items:center;display:grid;position:fixed;inset:0}.zc-cel-scrim{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(70% 60% at 50% 44%,#0a08126b,#040406e6);position:fixed;inset:0}.zc-cel-bloom{pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--c) 18%, transparent), transparent 60%);filter:blur(40px);width:680px;height:680px;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.zc-cel{flex-direction:column;align-items:center;padding:32px;animation:.55s cubic-bezier(.23,1,.32,1) both zc-rise;display:flex;position:relative}@keyframes zc-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.zc-cel-progress{gap:6px;margin-bottom:32px;display:flex}.zc-cel-progress i{background:#ffffff24;border-radius:2px;width:18px;height:3px}.zc-cel-progress i.on{background:var(--c);box-shadow:0 0 10px var(--c)}.zc-herowrap{place-items:center;width:148px;height:148px;margin-bottom:26px;display:grid;position:relative}.zc-cycles{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.zc-cycles .ring{border:1.5px solid color-mix(in srgb, var(--c) 55%, transparent);border-radius:50%;width:148px;height:148px;animation:4.4s ease-out infinite zc-ripple;position:absolute}.zc-cycles .ring:nth-child(2){animation-delay:1.1s}.zc-cycles .ring:nth-child(3){animation-delay:2.2s}.zc-cycles .ring:nth-child(4){animation-delay:3.3s}@keyframes zc-ripple{0%{opacity:0;transform:scale(.86)}10%{opacity:.6}to{opacity:0;transform:scale(3.1)}}.zc-cel-hero{background:radial-gradient(120% 120% at 50% 16%, color-mix(in srgb, var(--c) 55%, transparent), transparent 68%), linear-gradient(180deg, #ffffff14, #ffffff05);border:1px solid color-mix(in srgb, var(--c) 62%, transparent);width:148px;height:148px;box-shadow:0 1px 0 #ffffff3d inset, 0 0 80px color-mix(in srgb, var(--c) 55%, transparent), 0 26px 64px #0009;border-radius:36px;place-items:center;animation:.7s cubic-bezier(.23,1,.32,1) both zc-heroin;display:grid;position:relative}@keyframes zc-heroin{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.zc-cel-hero svg{color:#fff;width:62px;height:62px;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--c) 90%, transparent))}.zc-tierlabel{letter-spacing:.34em;text-transform:uppercase;color:var(--c);margin-bottom:8px;font-size:11px;font-weight:700}.zc-cel h2{letter-spacing:-.02em;color:var(--foreground,#eef1f6);margin:0 0 8px;font-size:30px;font-weight:650}.zc-cel p{color:var(--foreground-secondary,#aeb6c2);max-width:340px;margin:0 0 28px;font-size:14px;line-height:1.5}.zc-cel-actions{align-items:center;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.zc-cel,.zc-cel-hero{animation:none}.zc-cycles .ring{opacity:.25;animation:none}.zc-cycles .ring:nth-child(n+2){display:none}}