/* CARDS · FRAMES · TAGS · CHIPS · BARS · GRIDS */
.card{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:var(--cv-radius-md);background:var(--cv-bg-glass);border:1px solid var(--cv-line)}
.card.click{cursor:pointer}.card.click:hover{border-color:var(--cv-line-gold)}
.card.eq{border-color:var(--cv-gold);box-shadow:0 0 16px rgba(217,164,65,.35)}
.card.locked{opacity:.7}.card.locked .art{filter:grayscale(.6)}
.card h4{margin:0;font-family:var(--cv-font-display);font-size:15px;color:#fff}
.card p{margin:0;font-size:12px;color:var(--cv-muted);line-height:1.4}
.card .art{position:relative;height:90px;border-radius:var(--cv-radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 60%,rgba(123,63,242,.35),rgba(10,5,22,.6));border:1px solid rgba(255,255,255,.05)}
.card .art.sm{height:70px}.card .art.tall{height:140px}
.card .art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(184,108,255,.45))}
.card .art canvas{max-height:100%}
.card .art.unk{filter:brightness(0);opacity:.6}
.card .art .ic.xl{filter:drop-shadow(0 0 10px rgba(184,108,255,.6))}
.sk-art{background:radial-gradient(circle,color-mix(in srgb,var(--el) 35%,transparent),rgba(10,5,22,.6))!important}
.sk-art img.skicon{width:56px;height:56px}
.sub-card{border-radius:var(--cv-radius-md);background:var(--cv-bg-glass);border:1px solid var(--cv-line);padding:12px 14px;margin-bottom:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.grid.sm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:2px 18px}
.tags{display:flex;gap:5px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--cv-radius-pill);background:rgba(58,23,104,.55);border:1px solid var(--cv-line);color:var(--cv-text)}
.tag.new{background:#6a4a10;color:var(--cv-lightgold)}
.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:var(--cv-radius-pill);background:rgba(58,23,104,.55);border:1px solid var(--cv-line-gold)}
.rar{display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;border-radius:8px}
.r-Common{background:#666}.r-Rare{background:#2b7fd9}.r-Epic{background:#8a3fd9}.r-Legendary{background:#e8a93a;color:var(--cv-ink-on-gold)}.r-Mythic{background:linear-gradient(90deg,#ff3a6a,#ffb300)}
.reqs{display:flex;flex-direction:column;gap:4px;margin:8px 0}.req{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--cv-muted)}.req.ok{color:var(--cv-text)}
.prog{height:8px;border-radius:5px;background:rgba(0,0,0,.5);overflow:hidden}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--cv-gold),var(--cv-lightgold))}
.bar{position:relative;height:12px;margin-top:3px;border-radius:7px;background:rgba(10,5,22,.8);border:1px solid rgba(217,164,65,.35);box-shadow:inset 0 1px 3px rgba(0,0,0,.6);overflow:hidden}
.bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:7px;transition:width .15s;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.bar span{position:absolute;inset:0;font-size:10px;line-height:11px;text-align:center;text-shadow:0 1px 2px #000;white-space:nowrap}
.bar.hp i{background:linear-gradient(90deg,#8e1330,var(--cv-crimson) 55%,#ff8fa8);box-shadow:0 0 8px rgba(216,58,88,.6)}
.bar.tv i{background:linear-gradient(90deg,var(--cv-violet),var(--cv-electric) 55%,var(--cv-cyan));box-shadow:0 0 8px rgba(184,108,255,.6)}
.bar.tv.full i{background:linear-gradient(90deg,var(--cv-gold),var(--cv-lightgold),#fff);animation:glow 1s infinite alternate}
.bar.xp{height:8px}.bar.xp span{font-size:9px;line-height:7px}.bar.xp i{background:linear-gradient(90deg,#9c6a18,var(--cv-gold),var(--cv-lightgold))}
.bar.boss{height:11px}.bar.boss i{background:linear-gradient(90deg,#6a0c22,var(--cv-crimson),#ff7a8a)}
.bar.big{height:18px;margin:6px 0 10px}.bar.big span{line-height:17px;font-size:12px}
.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}
.statgrid div{display:flex;justify-content:space-between;gap:6px;background:rgba(0,0,0,.35);border-radius:8px;padding:6px 10px;font-size:13px}.statgrid b{color:var(--cv-lightgold)}
.upg{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px;border-bottom:1px dashed var(--cv-line-soft)}.upg b{color:#fff}.upg small{color:var(--cv-muted);display:block;font-size:11px}
table.lb,table.settle{width:100%;border-collapse:collapse;font-size:13px}
table.lb td,table.lb th,table.settle td{padding:7px 6px;border-bottom:1px solid var(--cv-line-soft);text-align:left}
table.lb th{color:var(--cv-lightgold)}table.lb tr.me{background:rgba(184,108,255,.15)}table.lb td.t-num{font-size:15px}
table.settle{font-size:14px;margin:6px 0}table.settle td:first-child{color:var(--cv-muted);width:38%}
.profile{display:grid;grid-template-columns:minmax(220px,1fr) 1.2fr;gap:16px}
.pf-art{position:relative;overflow:hidden;cursor:zoom-in;border-radius:var(--cv-radius-lg);border:1px solid var(--cv-line-gold);background:var(--cv-bg-art)}
.pf-art canvas,.pf-art img.fill{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 20px rgba(184,108,255,.6))}
.set{display:flex;flex-direction:column;gap:10px;margin-top:10px}.set label{display:flex;align-items:center;gap:10px;min-height:40px;font-size:14px}.set input[type=checkbox]{width:22px;height:22px}.set input[type=range]{flex:1;max-width:260px}.set select{background:rgba(10,5,22,.6);color:#fff;border:1px solid var(--cv-line);border-radius:8px;padding:6px 10px;font:inherit}
.rewards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}
.rw{background:rgba(0,0,0,.4);border:1px solid var(--cv-line-gold);border-radius:12px;padding:6px 10px;font-weight:800;animation:fly .5s both}