/* ZipDrip Leaderboards — Chrome Noir widgets. Override --zdl-* on .zdl to restyle. */
.zdl{--zdl-bg:#0b0b0c;--zdl-card:#121214;--zdl-line:#232427;--zdl-text:#e9ecf0;--zdl-muted:#8a8e96;--zdl-accent:#dfe4ea;--zdl-chrome:linear-gradient(135deg,#f6f8fa 0%,#c9ced6 38%,#8e939b 55%,#dfe4ea 75%,#fff 100%);
	box-sizing:border-box;background:var(--zdl-bg);color:var(--zdl-text);border:1px solid var(--zdl-line);border-radius:20px;padding:20px;margin:0 0 20px;font-family:inherit;line-height:1.45;max-width:100%}
.zdl *{box-sizing:border-box}
.zdl h2,.zdl h3{color:#fff;margin:0 0 6px;letter-spacing:-.01em;line-height:1.2}
.zdl h3{font-size:19px}.zdl h2{font-size:24px}
.zdl a{color:inherit}
.zdl-muted{color:var(--zdl-muted)!important;margin:4px 0}
.zdl-small{font-size:12.5px}
.zdl-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--zdl-muted);margin:0 0 8px}
.zdl-btn,.zdl summary.zdl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:var(--zdl-btn-r,999px);border:var(--zdl-btn-bd,0);background:var(--zdl-btn-bg,var(--zdl-chrome));color:var(--zdl-btn-fg,#000)!important;box-shadow:var(--zdl-btn-sh,none);font-weight:800;font-size:15px;text-decoration:none!important;cursor:pointer;font-family:inherit;list-style:none;transition:transform .15s ease,box-shadow .15s ease}
.zdl-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.zdl-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.zdl-ghost{background:transparent;color:var(--zdl-text)!important;border:1.5px solid var(--zdl-line)}
.zdl summary::-webkit-details-marker{display:none}

/* board */
.zdl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.zdl-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--zdl-muted)}
.zdl-live i{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:zdlping 2s infinite}
@keyframes zdlping{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.zdl-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;position:relative}
.zdl-row{display:flex;align-items:center;gap:12px;background:var(--zdl-card);border:1px solid var(--zdl-line);border-radius:14px;padding:10px 14px;will-change:transform}
.zdl-rank{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:14px;color:var(--zdl-muted);border:1px solid var(--zdl-line)}
.zdl-r1 .zdl-rank{background:var(--zdl-chrome);color:#000;border:0}
.zdl-r1{border-color:#4a4d52;box-shadow:inset 0 0 0 1px rgba(223,228,234,.12),0 10px 30px rgba(0,0,0,.35)}
.zdl-r2 .zdl-rank{color:#dfe4ea;border-color:#6b6f76}.zdl-r3 .zdl-rank{color:#c9a46a;border-color:#7a6440}
.zdl-who{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-decoration:none!important}
.zdl-av{flex:none;display:inline-block;border-radius:50%;line-height:0}
.zdl-av img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1.5px solid var(--zdl-line);background:#000}
.zdl-av-lg img{width:88px;height:88px}
.zdl-fx-glow img{box-shadow:0 0 0 2px #dfe4ea,0 0 16px rgba(223,228,234,.6)}
.zdl-fx-pulse img{animation:zdlpulse 2.4s ease-in-out infinite}
@keyframes zdlpulse{0%,100%{box-shadow:0 0 0 2px #fff,0 0 8px rgba(255,255,255,.35)}50%{box-shadow:0 0 0 2px #fff,0 0 24px rgba(255,255,255,.9)}}
.zdl-name{display:flex;flex-direction:column;min-width:0}
.zdl-name b{color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zdl-name small{color:var(--zdl-muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zdl-num{flex:none;display:flex;flex-direction:column;align-items:flex-end;font-weight:900;font-size:20px;color:#fff;font-variant-numeric:tabular-nums;line-height:1.05}
.zdl-num small{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--zdl-muted)}
.zdl-scans{font-size:15px;color:var(--zdl-muted)}
.zdl-bump{animation:zdlbump .9s ease}
@keyframes zdlbump{0%{background:rgba(223,228,234,.22)}100%{background:var(--zdl-card)}}
.zdl-empty{list-style:none;padding:18px;text-align:center;color:var(--zdl-muted);border:1px dashed var(--zdl-line);border-radius:14px}
.zdl-foot{margin-top:12px;text-align:right;font-size:13px;font-weight:700}
.zdl-foot a{text-decoration:none;color:var(--zdl-accent)}

/* countdown */
.zdl-count{text-align:center}
.zdl-clock{display:flex;justify-content:center;gap:10px;margin:6px 0 12px}
.zdl-clock div{min-width:66px;background:var(--zdl-card);border:1px solid var(--zdl-line);border-radius:14px;padding:10px 6px}
.zdl-clock b{display:block;font-size:30px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.zdl-clock span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--zdl-muted)}
.zdl-race{font-weight:800;color:#fff;margin:6px 0}
.zdl-count.zdl-hot .zdl-clock div{border-color:#7a2b2b}

/* prize */
.zdl-prize{display:flex;gap:16px;align-items:center}
.zdl-prize img{width:120px;height:120px;object-fit:cover;border-radius:16px;flex:none;border:1px solid var(--zdl-line)}

/* signup */
.zdl-sub{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.zdl-sub input[type=email]{flex:1 1 220px;min-height:46px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--zdl-line);background:var(--zdl-card);color:#fff;font-size:15px}
.zdl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.zdl-consent,.zdl-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--zdl-muted);flex-basis:100%;margin:6px 0}
.zdl-consent input,.zdl-check input{margin-top:3px;accent-color:#dfe4ea}
.zdl-msg{flex-basis:100%;margin:0;font-weight:700;font-size:14px}
.zdl-msg.ok{color:#3ddc84}.zdl-msg.err{color:#ff7a7a}

/* champions + levels */
.zdl-champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}
.zdl-champ{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--zdl-card);border:1px solid var(--zdl-line);border-radius:16px;padding:16px 10px;text-decoration:none!important}
.zdl-champ img{width:64px;height:64px}
.zdl-champ b{color:#fff}.zdl-champ small,.zdl-champ em{font-size:12px;color:var(--zdl-muted);font-style:normal}
.zdl-levels ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.zdl-levels li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:var(--zdl-card);border:1px solid var(--zdl-line);border-radius:14px;padding:12px 14px}
.zdl-levels li b{color:#fff}.zdl-levels li span{color:var(--zdl-accent);font-weight:800;font-size:13px}.zdl-levels li small{grid-column:1/-1;color:var(--zdl-muted)}

/* chips */
.zdl-chip{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--zdl-line);color:var(--zdl-muted)}
.zdl-lv2{color:#dfe4ea;border-color:#6b6f76}
.zdl-lv3{color:#000;background:var(--zdl-chrome);border:0}
.zdl-lv4{color:#000;background:linear-gradient(135deg,#fff,#b9c2cf 40%,#7f8894 60%,#fff);border:0;box-shadow:0 0 14px rgba(223,228,234,.4)}
.zdl-lv5{color:#000;background:linear-gradient(135deg,#fff4c9,#d9b342 45%,#8a6a12 70%,#f3dfaa);border:0;box-shadow:0 0 16px rgba(217,179,66,.5)}
.zdl-amb{color:#3ddc84;border-color:#1f5a3a}

/* dashboard */
.zdl-dash{padding:24px}
.zdl-lead{color:var(--zdl-muted);font-size:16px;max-width:620px}
.zdl-how{margin:14px 0 18px;padding-left:20px;color:var(--zdl-muted)}.zdl-how b{color:#fff}
.zdl-me{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.zdl-me h2{margin-bottom:6px}
.zdl-prog{height:8px;border-radius:999px;background:var(--zdl-card);border:1px solid var(--zdl-line);overflow:hidden;margin:10px 0 4px;max-width:360px}
.zdl-prog i{display:block;height:100%;background:var(--zdl-chrome);border-radius:999px}
.zdl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}
.zdl-stats div{background:var(--zdl-card);border:1px solid var(--zdl-line);border-radius:14px;padding:12px;text-align:center}
.zdl-stats b{display:block;font-size:24px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.zdl-stats span{font-size:11.5px;color:var(--zdl-muted)}
.zdl-card{background:var(--zdl-card);border:1px solid var(--zdl-line);border-radius:16px;padding:18px;margin:14px 0}
.zdl-copy{display:flex;gap:8px;margin:8px 0}
.zdl-copy input{flex:1;min-width:0;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid var(--zdl-line);background:#000;color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}
.zdl-tags{margin:6px 0;padding-left:0;list-style:none}.zdl-tags li{padding:6px 0;border-bottom:1px solid var(--zdl-line)}
.zdl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin:10px 0 14px}
.zdl-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;border:1.5px solid var(--zdl-line);cursor:pointer;text-align:center}
.zdl-pick img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#000}
.zdl-pick small{font-size:11px;color:var(--zdl-muted);line-height:1.2}
.zdl-pick input{position:absolute;opacity:0;pointer-events:none}
.zdl-pick:has(input:checked){border-color:#dfe4ea;box-shadow:0 0 0 2px rgba(223,228,234,.25)}
.zdl-pick.locked{cursor:not-allowed}.zdl-pick.locked img{filter:grayscale(1) brightness(.35)}
.zdl-vault{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}
.zdl-item{display:flex;flex-direction:column;gap:6px;background:#0b0b0c;border:1px solid var(--zdl-line);border-radius:14px;padding:14px}
.zdl-item img,.zdl-item-ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#000}
.zdl-item-ph{display:grid;place-items:center;font-size:34px;color:#3a3b3f}
.zdl-item.open{border-color:#4a4d52}
.zdl-item b{color:#fff}.zdl-item small{color:var(--zdl-muted)}.zdl-item em{font-style:normal;font-size:13px;color:var(--zdl-muted)}.zdl-item .zdl-ok{color:#3ddc84}
.zdl-item details form{margin-top:10px}
.zdl-field{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:13px;color:var(--zdl-muted)}
.zdl-field input{min-height:42px;padding:8px 12px;border-radius:10px;border:1px solid var(--zdl-line);background:#000;color:#fff;font-size:15px;width:100%}
.zdl-at{display:flex;align-items:center;border:1px solid var(--zdl-line);border-radius:10px;background:#000;max-width:360px}
.zdl-at i{font-style:normal;padding:0 4px 0 12px;color:var(--zdl-muted);font-weight:800}
.zdl-at input{border:0!important;background:transparent!important}
.zdl-two{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
.zdl-flash{padding:12px 16px;border-radius:12px;margin:0 0 14px;font-weight:700}
.zdl-flash.ok{background:#0f2a1c;color:#3ddc84;border:1px solid #1f5a3a}.zdl-flash.err{background:#2a0f0f;color:#ff8f8f;border:1px solid #5a1f1f}

/* profile + virtual pages */
.zdl-page{padding:32px 16px 60px;background:#000}
.zdl-wrap{max-width:760px;margin:0 auto}
.zdl-center{text-align:center}
.zdl-profile{color:#e9ecf0}
.zdl-av-xl{display:inline-block;border-radius:50%;line-height:0;margin-bottom:12px}
.zdl-av-xl img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:2px solid #2a2b2e;background:#000}
.zdl-handle{color:#fff;font-size:30px;margin:0 0 8px}
.zdl-profile .zdl-stats{max-width:420px;margin:18px auto}
.zdl-profile .zdl-stats div{background:#0b0b0c;border:1px solid #232427;border-radius:14px}
.zdl-profile .zdl-stats b{color:#fff}.zdl-profile .zdl-stats span{color:#8a8e96}
.zdl-page .zdl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;border-radius:999px;background:linear-gradient(135deg,#f6f8fa 0%,#c9ced6 38%,#8e939b 55%,#dfe4ea 75%,#fff 100%);color:#000!important;font-weight:800;text-decoration:none!important}
.zdl-btn-xl{width:100%;max-width:420px;font-size:17px}
.zdl-profile .zdl-muted{color:#8a8e96}
.zdl-links{margin-top:18px;font-size:14px}.zdl-links a{color:#dfe4ea}

@media (max-width:560px){
	.zdl{padding:16px;border-radius:16px}
	.zdl-row{padding:9px 10px;gap:9px}
	.zdl-scans{display:none}
	.zdl-num{font-size:18px}
	.zdl-clock{gap:6px}.zdl-clock div{min-width:0;flex:1}.zdl-clock b{font-size:24px}
	.zdl-prize{flex-direction:column;text-align:center}
	.zdl-me{flex-direction:column;text-align:center}.zdl-prog{margin-left:auto;margin-right:auto}
	.zdl-two{grid-template-columns:1fr 1fr}.zdl-two label:first-child{grid-column:1/-1}
	.zdl-copy{flex-direction:column}
	.zdl-vault{grid-template-columns:1fr 1fr}.zdl-item{padding:10px}.zdl-item-ph{aspect-ratio:16/10;font-size:24px}
	.zdl-sub .zdl-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.zdl *{animation:none!important;transition:none!important}}

/* logo, approval states, pull page */
.zdl-logo{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 18px}
.zdl-logo img{width:200px;max-width:70%;height:auto;mix-blend-mode:screen}
.zdl-logo span{font-family:'Space Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--zdl-muted)}
.zdl-flash.wait{background:#14161c;color:#dfe4ea;border:1px solid #3a3f4a;font-weight:500}
.zdl-flash.wait b{color:#fff}
.zdl-locked{opacity:.85}
.zdl-pullbox{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#000;border:1px solid var(--zdl-line);border-radius:14px;padding:14px;margin:6px 0 10px}
.zdl-pullbox b{display:block;color:#fff}.zdl-pullbox small{color:var(--zdl-muted)}
.zdl-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:8px 0 12px}
.zdl-pgrid .zdl-wide{grid-column:1/-1}
.zdl-field textarea{min-height:64px;padding:10px 12px;border-radius:10px;border:1px solid var(--zdl-line);background:#000;color:#fff;font-size:15px;width:100%;font-family:inherit;resize:vertical}
.zdl-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.zdl-modal[hidden]{display:none}
.zdl-modal-card{max-width:440px;width:100%;background:#0b0b0c;border:1px solid #2a2b2e;border-radius:22px;padding:26px;text-align:center;color:#e9ecf0;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:zdlpop .35s cubic-bezier(.2,.8,.2,1)}
.zdl-modal-card h3{color:#fff;font-size:22px;margin:0 0 10px}
.zdl-modal-card p{color:#9a9ea6;margin:0 0 12px}
.zdl-modal-card .zdl-btn{margin-top:6px;width:100%}
@keyframes zdlpop{from{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}
@media (max-width:560px){.zdl-pgrid{grid-template-columns:1fr}.zdl-pullbox{flex-direction:column;align-items:stretch;text-align:left}}

/* ---------- Character Studio: buttons, tiers and the locker ---------- */
.zdl-ghost,.zdl .zdl-btn.zdl-ghost{background:transparent!important;color:var(--zdl-text)!important;border:1.5px solid var(--zdl-line)!important;box-shadow:none!important;animation:none!important}
.zdl-page .zdl-btn{background:var(--zdl-btn-bg,linear-gradient(135deg,#f6f8fa 0%,#c9ced6 38%,#8e939b 55%,#dfe4ea 75%,#fff 100%));color:var(--zdl-btn-fg,#000)!important;border-radius:var(--zdl-btn-r,999px);border:var(--zdl-btn-bd,0);box-shadow:var(--zdl-btn-sh,none)}
@keyframes zdlholo{0%{background-position:0% 50%}100%{background-position:300% 50%}}
.zdl-t1,.zdl-t2,.zdl-t3,.zdl-t4,.zdl-t5{--t-frame:#7c838d;--t-glow:rgba(124,131,141,.5);--t-glow2:rgba(124,131,141,.9);--t-bg1:#262b33;--t-bg2:#07080a}
.zdl-locker{margin-top:10px}
.zdl-show{position:relative;display:flex;gap:18px;align-items:center;padding:18px;border-radius:20px;border:1px solid var(--t-frame);background:radial-gradient(120% 140% at 20% 0%,var(--t-bg1),var(--t-bg2));box-shadow:0 0 0 1px rgba(0,0,0,.5),0 10px 40px var(--t-glow);overflow:hidden}
.zdl-show-frame{flex:none;width:118px;height:118px;border-radius:24px;padding:3px;background:var(--t-frame);box-shadow:0 0 26px var(--t-glow2)}
.zdl-show-frame img{width:100%;height:100%;border-radius:21px;object-fit:cover;background:#000;display:block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.zdl-show.zdl-pop .zdl-show-frame img{transform:scale(1.08) rotate(-2deg)}
.zdl-show-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.zdl-show-info .zdl-kicker{margin:0}
.zdl-show-info b{font-size:24px;color:#fff;line-height:1.1}
.zdl-show-info small{color:var(--zdl-muted)}
.zdl-rar{display:inline-block;align-self:flex-start;font-size:10.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:#000;background:var(--t-frame);box-shadow:0 0 12px var(--t-glow)}
.zdl-spark::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 80% 20%,#fff,transparent),radial-gradient(2px 2px at 65% 75%,#fff,transparent),radial-gradient(1.5px 1.5px at 35% 85%,#fff,transparent);opacity:.7;animation:zdltw 3.2s ease-in-out infinite}
@keyframes zdltw{0%,100%{opacity:.25}50%{opacity:.85}}
.zdl-tiers{display:grid;gap:12px;margin:14px 0}
.zdl-tier{border-radius:18px;padding:14px;border:1px solid var(--zdl-line);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#0b0b0c;position:relative}
.zdl-tier>header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.zdl-tier>header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.zdl-tier-n{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--zdl-muted)}
.zdl-tier>header b{color:#fff;font-size:16px}
.zdl-tier-st{font-size:12.5px;font-weight:700;color:var(--zdl-muted)}
.zdl-tier:not(.is-locked) .zdl-tier-st{color:#3ddc84}
.zdl-tier-bar{height:6px;border-radius:999px;background:#151517;overflow:hidden;margin:-2px 0 12px}
.zdl-tier-bar i{display:block;height:100%;background:var(--t-frame);box-shadow:0 0 10px var(--t-glow2);border-radius:999px}
.zdl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.zdl-cardx{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center;padding:4px}
.zdl-cardx input{position:absolute;opacity:0;pointer-events:none}
.zdl-cframe{position:relative;display:block;width:84px;height:84px;border-radius:20px;padding:2px;background:var(--t-frame);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 14px var(--t-glow);transition:transform .2s ease,box-shadow .2s ease}
.zdl-cframe img{width:100%;height:100%;border-radius:18px;object-fit:cover;display:block;background:radial-gradient(circle at 50% 30%,var(--t-bg1),var(--t-bg2))}
.zdl-cname{font-size:12px;font-weight:700;color:var(--zdl-text);line-height:1.2}
.zdl-eq{display:none;font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#000;background:var(--t-frame);padding:2px 8px;border-radius:999px;position:absolute;top:-4px;left:50%;transform:translateX(-50%);box-shadow:0 0 10px var(--t-glow2)}
.zdl-cardx:hover .zdl-cframe{transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 24px var(--t-glow2)}
.zdl-cardx:has(input:checked) .zdl-cframe{transform:scale(1.06);box-shadow:0 0 0 3px #fff,0 0 30px var(--t-glow2)}
.zdl-cardx:has(input:checked) .zdl-eq{display:block}
.zdl-cardx:has(input:focus-visible) .zdl-cframe{outline:2px solid #fff;outline-offset:3px}
.zdl-cardx.locked{cursor:not-allowed}
.zdl-cardx.locked .zdl-cframe{background:#2a2b2e;box-shadow:none}
.zdl-cardx.locked img{filter:grayscale(1) brightness(.22) contrast(1.2)}
.zdl-cardx.locked .zdl-cname{color:var(--zdl-muted)}
.zdl-lock{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:20px}
.zdl-cardx.fx-pulse:not(.locked) .zdl-cframe{animation:zdlpulse2 2.4s ease-in-out infinite}
@keyframes zdlpulse2{0%,100%{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 10px var(--t-glow)}50%{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 28px var(--t-glow2)}}
.zdl-locker-foot{display:flex;justify-content:flex-end}
/* tier templates */
.zdl-tpl-shine .zdl-cframe,.zdl-tpl-chrome .zdl-cframe,.zdl-tpl-gold .zdl-cframe,.zdl-tpl-ice .zdl-cframe{overflow:hidden}
.zdl-tpl-chrome .zdl-cardx:not(.locked) .zdl-cframe::after,.zdl-tpl-gold .zdl-cardx:not(.locked) .zdl-cframe::after,.zdl-tpl-ice .zdl-cardx:not(.locked) .zdl-cframe::after{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:zdlshine 3.6s ease-in-out infinite;pointer-events:none}
@keyframes zdlshine{0%{background-position:150% 0}60%,100%{background-position:-60% 0}}
.zdl-tpl-neon .zdl-cardx:not(.locked) .zdl-cframe{animation:zdlflick 4s steps(1) infinite}
@keyframes zdlflick{0%,100%{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 18px var(--t-glow2)}92%{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 4px var(--t-glow)}94%{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 22px var(--t-glow2)}}
.zdl-tpl-void .zdl-cardx:not(.locked) .zdl-cframe,.zdl-tpl-ember .zdl-cardx:not(.locked) .zdl-cframe{animation:zdlpulse2 2.8s ease-in-out infinite}
.zdl-tpl-holo .zdl-cardx:not(.locked) .zdl-cframe,.zdl-tpl-holo .zdl-show-frame,.zdl-tpl-holo .zdl-rar,.zdl-tpl-holo .zdl-tier-bar i,.zdl-tpl-holo .zdl-eq{background:linear-gradient(120deg,#ff4fa3,#00d4ff,#9b5cff,#ffd84f,#ff4fa3);background-size:300% 300%;animation:zdlholo 5s linear infinite}
.zdl-tpl-holo.zdl-show{border-color:#9b5cff}
.zdl-tier.zdl-tpl-holo:not(.is-locked),.zdl-tier.zdl-tpl-gold:not(.is-locked),.zdl-tier.zdl-tpl-neon:not(.is-locked),.zdl-tier.zdl-tpl-void:not(.is-locked){border-color:var(--t-frame);box-shadow:inset 0 0 40px rgba(0,0,0,.6),0 0 20px var(--t-glow)}
/* layouts */
.zdl-lay-cards .zdl-cards{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.zdl-lay-cards .zdl-cardx{padding:10px 8px 12px;border-radius:18px;background:radial-gradient(120% 100% at 50% 0%,var(--t-bg1),var(--t-bg2));border:1px solid rgba(255,255,255,.08)}
.zdl-lay-cards .zdl-cframe{width:108px;height:108px}
.zdl-lay-cards .zdl-cname{font-size:13px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.45)}
.zdl-lay-cards .zdl-cardx.locked{background:#0e0e10}
.zdl-lay-grid .zdl-tiers{display:flex;flex-wrap:wrap;gap:10px}
.zdl-lay-grid .zdl-tier{display:contents}
.zdl-lay-grid .zdl-tier>header,.zdl-lay-grid .zdl-tier-bar{display:none}
.zdl-lay-grid .zdl-cards{display:contents}
.zdl-lay-grid .zdl-cardx{width:88px}
.zdl-lay-grid .zdl-cframe{width:72px;height:72px}
@media (max-width:560px){.zdl-show{flex-direction:column;text-align:center}.zdl-show-info{align-items:center}.zdl-rar{align-self:center}.zdl-cards{grid-template-columns:repeat(3,1fr)}.zdl-cframe{width:76px;height:76px}.zdl-lay-cards .zdl-cards{grid-template-columns:repeat(2,1fr)}.zdl-locker-foot .zdl-btn{width:100%}}
/* 1.3.0 — apply without an account, exclusives */
.zdl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.zdl-apply{display:grid;gap:12px;margin-top:8px}
.zdl-apply .zdl-field em{font-style:normal;font-weight:400}
.zdl-tier-x{position:relative;border-color:transparent!important;background-clip:padding-box}
.zdl-tier-x::before{content:'';position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:linear-gradient(120deg,#ff4fa3,#00d4ff,#9b5cff,#ffd84f,#ff4fa3);background-size:300% 300%;animation:zdlholo 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
@media (prefers-reduced-motion:reduce){.zdl-tier-x::before{animation:none}}
.zdl-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.zdl-pair{grid-template-columns:1fr}}

/* 1.3.0 tier metals: Bronze → Silver → Gold → Diamond → Legendary */
.zdl-show-frame,.zdl-rar,.zdl-eq,.zdl-tier-bar i,.zdl-cardx:not(.locked) .zdl-cframe{background:var(--t-fill,var(--t-frame))}
.zdl-tpl-bronze .zdl-cframe,.zdl-tpl-silver .zdl-cframe,.zdl-tpl-goldtier .zdl-cframe,.zdl-tpl-diamond .zdl-cframe{overflow:hidden}
.zdl-tpl-bronze .zdl-cardx:not(.locked) .zdl-cframe::after,.zdl-tpl-silver .zdl-cardx:not(.locked) .zdl-cframe::after,.zdl-tpl-goldtier .zdl-cardx:not(.locked) .zdl-cframe::after,.zdl-tpl-diamond .zdl-cardx:not(.locked) .zdl-cframe::after{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);background-size:250% 100%;animation:zdlshine 3.6s ease-in-out infinite;pointer-events:none}
.zdl-tpl-diamond .zdl-cardx:not(.locked) .zdl-cframe::after{animation-duration:2.6s;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 47%,rgba(199,184,255,.55) 53%,transparent 70%);background-size:250% 100%}
.zdl-tpl-legendary .zdl-cardx:not(.locked) .zdl-cframe,.zdl-tpl-legendary .zdl-show-frame,.zdl-tpl-legendary .zdl-rar,.zdl-tpl-legendary .zdl-tier-bar i,.zdl-tpl-legendary .zdl-eq{background-size:300% 300%;animation:zdlholo 4s linear infinite}
.zdl-tier.zdl-tpl-goldtier:not(.is-locked),.zdl-tier.zdl-tpl-diamond:not(.is-locked),.zdl-tier.zdl-tpl-legendary:not(.is-locked){border-color:var(--t-frame);box-shadow:inset 0 0 40px rgba(0,0,0,.6),0 0 20px var(--t-glow)}
.zdl-tpl-legendary.zdl-show{border-color:#ff8a00}
.zdl-lv1{color:#000;background:linear-gradient(135deg,#f3c79b,#cd7f32 45%,#7a4519 70%,#e3a26a);border:0}
.zdl-lv2{color:#000;background:linear-gradient(135deg,#fff,#d7dce3 40%,#8f969f 62%,#e9edf2);border:0}
.zdl-lv3{color:#000;background:linear-gradient(135deg,#fff4c9,#e8c252 45%,#9a7414 70%,#f3dfaa);border:0;box-shadow:0 0 12px rgba(232,194,82,.45)}
.zdl-lv4{color:#000;background:linear-gradient(135deg,#fff,#b9f2ff 30%,#7fd8ff 55%,#e8d9ff 80%,#fff);border:0;box-shadow:0 0 14px rgba(127,216,255,.5)}
.zdl-lv5{color:#000;background:linear-gradient(120deg,#ff3d00,#ff8a00,#ffd54f,#ff8a00,#ff3d00);background-size:300% 300%;animation:zdlholo 4s linear infinite;border:0;box-shadow:0 0 16px rgba(255,106,0,.55)}
/* vault tiers I–VI */
.zdl-vt-1{--vt-a:#cd7f32;--vt-glow:rgba(205,127,50,.35);--vt-bg1:#3a210f;--vt-bg2:#0b0603;--vt-fill:linear-gradient(135deg,#f3c79b,#cd7f32 45%,#7a4519 70%,#e3a26a)}
.zdl-vt-2{--vt-a:#d7dce3;--vt-glow:rgba(215,220,227,.3);--vt-bg1:#30353c;--vt-bg2:#0a0b0d;--vt-fill:linear-gradient(135deg,#fff,#d7dce3 40%,#8f969f 62%,#e9edf2)}
.zdl-vt-3{--vt-a:#e8c252;--vt-glow:rgba(232,194,82,.4);--vt-bg1:#3f300a;--vt-bg2:#0a0700;--vt-fill:linear-gradient(135deg,#fff4c9,#e8c252 45%,#9a7414 70%,#f3dfaa)}
.zdl-vt-4{--vt-a:#9fe9ff;--vt-glow:rgba(127,216,255,.45);--vt-bg1:#0f3346;--vt-bg2:#02080c;--vt-fill:linear-gradient(135deg,#fff,#b9f2ff 30%,#7fd8ff 55%,#e8d9ff 80%,#fff)}
.zdl-vt-5{--vt-a:#ff8a00;--vt-glow:rgba(255,106,0,.5);--vt-bg1:#3f1700;--vt-bg2:#0c0400;--vt-fill:linear-gradient(120deg,#ff3d00,#ff8a00,#ffd54f,#ff8a00,#ff3d00)}
.zdl-vt-6{--vt-a:#c7a6ff;--vt-glow:rgba(155,92,255,.55);--vt-bg1:#1d0f3a;--vt-bg2:#050210;--vt-fill:linear-gradient(120deg,#ff4fa3,#00d4ff,#9b5cff,#ffd84f,#ff4fa3)}
.zdl-item[class*="zdl-vt-"]{position:relative;border:1.5px solid var(--vt-a);background:radial-gradient(130% 120% at 50% 0%,var(--vt-bg1),var(--vt-bg2) 75%);box-shadow:0 0 18px var(--vt-glow)}
.zdl-item.zdl-vt-5,.zdl-item.zdl-vt-6{border-color:transparent}
.zdl-item.zdl-vt-5::before,.zdl-item.zdl-vt-6::before{content:'';position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:var(--vt-fill);background-size:300% 300%;animation:zdlholo 5s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.zdl-vtag{display:inline-block;align-self:flex-start;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#000;background:var(--vt-fill);background-size:200% 200%;border-radius:999px;padding:3px 9px;margin-bottom:6px}
.zdl-item.zdl-vt-5 .zdl-vtag,.zdl-item.zdl-vt-6 .zdl-vtag{background-size:300% 300%;animation:zdlholo 5s linear infinite}
.zdl-item[class*="zdl-vt-"] img,.zdl-item[class*="zdl-vt-"] .zdl-item-ph{box-shadow:0 0 0 2px var(--vt-a)}
.zdl-item[class*="zdl-vt-"]:not(.open){filter:saturate(.75)}
@media (prefers-reduced-motion:reduce){.zdl-item::before{animation:none!important}}

.zdl-consent{align-items:flex-start}.zdl-consent span{line-height:1.45}.zdl-consent em{display:block;font-style:normal;color:var(--zdl-text);font-weight:700;margin:4px 0}

/* 1.3.0 leaderboard: search, show more, your row, surge */
.zdl-find{position:relative;margin:0 0 12px}
.zdl-find input{width:100%;box-sizing:border-box;background:#000;color:var(--zdl-text);border:1px solid var(--zdl-line);border-radius:999px;padding:11px 16px;font-size:15px;font-family:inherit}
.zdl-find input:focus{outline:none;border-color:var(--zdl-accent)}
.zdl-find-res{display:grid;gap:6px;margin-top:8px}
.zdl-find-res:empty{display:none}
.zdl-hit{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--zdl-card);color:var(--zdl-text);border:1px solid var(--zdl-line);border-radius:12px;padding:8px 12px;cursor:pointer;font:inherit}
.zdl-hit:hover{border-color:var(--zdl-accent)}
.zdl-hit b{min-width:44px;color:#fff}.zdl-hit img{border-radius:50%;background:#000}.zdl-hit span{margin-left:auto;color:var(--zdl-muted);font-size:13px}
.zdl-nohit{color:var(--zdl-muted);font-size:13px;margin:4px 6px}
.zdl-more{text-align:center;margin-top:12px}
.zdl-row.zdl-you{outline:2px solid var(--zdl-accent);outline-offset:2px;box-shadow:0 0 22px rgba(223,228,234,.25)}
.zdl-surge{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;border-radius:14px;padding:10px 14px;margin:0 0 12px;border:1px solid #e8c252;background:linear-gradient(90deg,rgba(232,194,82,.12),transparent)}
.zdl-surge b{font-weight:900;letter-spacing:.08em;color:#fff}.zdl-surge span{color:var(--zdl-text);font-size:14px}
.zdl-surge.live{border-color:transparent;background:linear-gradient(120deg,#ff3d00,#ff8a00,#ffd54f,#ff8a00,#ff3d00);background-size:300% 300%;animation:zdlholo 5s linear infinite}
.zdl-surge.live b,.zdl-surge.live span{color:#000}
/* Mythic (level 6): black with a living aura */
@keyframes zdlaura{0%{box-shadow:0 0 18px rgba(155,92,255,.75),0 0 42px rgba(155,92,255,.35)}33%{box-shadow:0 0 18px rgba(0,212,255,.75),0 0 42px rgba(0,212,255,.35)}66%{box-shadow:0 0 18px rgba(255,79,163,.75),0 0 42px rgba(255,79,163,.35)}100%{box-shadow:0 0 18px rgba(155,92,255,.75),0 0 42px rgba(155,92,255,.35)}}
@keyframes zdlauratext{0%,100%{color:#c7a6ff;text-shadow:0 0 8px #9b5cff}33%{color:#9ff3ff;text-shadow:0 0 8px #00d4ff}66%{color:#ffb3d6;text-shadow:0 0 8px #ff4fa3}}
.zdl-tpl-mythic .zdl-show-frame,.zdl-tpl-mythic .zdl-cardx:not(.locked) .zdl-cframe{background:linear-gradient(135deg,#3a3a46,#09090c 38%,#000 60%,#2a2a34);animation:zdlaura 6s linear infinite}
.zdl-tpl-mythic.zdl-show{border-color:#2a2a34;background:radial-gradient(120% 140% at 20% 0%,#170c2e,#000 70%);animation:zdlaura 6s linear infinite}
.zdl-tpl-mythic .zdl-rar,.zdl-tpl-mythic .zdl-eq{background:#000;border:1px solid #3a3a46;animation:zdlauratext 6s linear infinite,zdlaura 6s linear infinite}
.zdl-tpl-mythic .zdl-tier-bar i{background:linear-gradient(90deg,#9b5cff,#00d4ff,#ff4fa3);background-size:300% 100%;animation:zdlholo 5s linear infinite}
.zdl-tier.zdl-tpl-mythic:not(.is-locked){border-color:#2a2a34;background:radial-gradient(130% 100% at 50% 0%,#140a28,#000 70%);animation:zdlaura 6s linear infinite}
.zdl-tier.zdl-tpl-mythic .zdl-tier-n{animation:zdlauratext 6s linear infinite}
.zdl-lv6{color:#fff;background:#000;border:1px solid #3a3a46;animation:zdlaura 6s linear infinite,zdlauratext 6s linear infinite}
@media (prefers-reduced-motion:reduce){.zdl-tpl-mythic *,.zdl-tpl-mythic,.zdl-lv6{animation:none!important}}
