.bc-card{--bc-edge:oklch(55.52% .0633 83.38);--bc-inset:oklch(13.86% .0077 255.5);--bc-panel:oklch(18.4% .0146 248.6/.92);--bc-faction:var(--gold);color:var(--text);font:14px/1.5 var(--font-ui);border:1px solid var(--bc-edge);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--bc-inset),0 10px 28px oklch(0% 0 none/.45);background:linear-gradient(oklch(19.5% .0158 248.6/.94),oklch(13.8% .0118 250.8/.97)),url(/ui/ui-dialogbox-background.webp);gap:0;display:grid;overflow:clip;container-type:inline-size}.bc-card[data-faction=alliance]{--bc-faction:oklch(72.24% .0922 252.55)}.bc-card[data-faction=horde]{--bc-faction:oklch(69.73% .1018 38.74)}.bc-card :is(h1,h2,h3,h4){font-family:var(--font-display);color:var(--gold-bright);border:0;margin:0;padding:0}.bc-card a{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){.bc-card a:hover{color:var(--gold-bright)}}.bc-card a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.bc-card small{font-size:12px}.bc-head{border-block-end:1px solid var(--bc-edge);background:linear-gradient(color-mix(in oklch,var(--bc-class) 16%,transparent),transparent),oklch(25.77% .0239 89.41/.55);align-items:center;gap:14px;padding-block:16px;padding-inline:20px;display:flex}.bc-faction{object-fit:contain;flex:none}.bc-heading{flex:1;gap:4px;min-inline-size:0;display:grid}.bc-card .bc-heading :is(h1,h2,h3){overflow-wrap:anywhere;font-size:clamp(1.25rem,1.05rem + 1cqi,1.75rem);line-height:1.2}.bc-identity{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:15px;display:flex}.bc-identity>a:first-child{color:var(--bc-faction)}.bc-identity .bc-class{color:var(--bc-class);font-weight:600}.bc-author{color:var(--text-lo);font-size:13px}.bc-level{border:1px solid var(--bc-edge);background:var(--bc-inset);font-variant-numeric:tabular-nums;color:var(--text-lo);border-radius:999px;flex:none;align-items:baseline;gap:3px;margin:0;padding-block:6px;padding-inline:12px;display:flex}.bc-level strong{font:700 22px/1 var(--font-display);color:var(--gold-bright)}.bc-level small:first-child{margin-inline-end:4px}.bc-body{grid-template-columns:minmax(15rem,1fr) minmax(260px,400px);grid-template-areas:"info art";gap:14px;padding:16px;display:grid}.bc-body[data-gear]{grid-template-columns:minmax(15rem,.85fr) minmax(260px,.95fr) minmax(0,1.3fr);grid-template-areas:"info art gear"}.bc-info{grid-area:info;align-content:start;gap:16px;display:grid}.bc-gear{grid-area:gear;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.bc-item{background:var(--bc-panel);border:1px solid oklch(31.84% .0111 145.31);border-radius:3px;gap:4px;padding-block:8px;padding-inline:10px;display:grid}.bc-item[data-quality=poor]{--bc-q:var(--q-poor)}.bc-item[data-quality=common]{--bc-q:var(--q-common)}.bc-item[data-quality=uncommon]{--bc-q:var(--q-uncommon)}.bc-item[data-quality=rare]{--bc-q:var(--q-rare)}.bc-item[data-quality=epic]{--bc-q:var(--q-epic)}.bc-item[data-quality=legendary]{--bc-q:var(--q-legendary)}.bc-item>a{align-items:center;gap:10px;min-inline-size:0;display:flex}.bc-item-icon{border:1px solid var(--bc-q,var(--bc-edge));box-shadow:0 0 6px color-mix(in oklch,var(--bc-q,transparent) 35%,transparent);border-radius:3px;flex:none;display:grid}.bc-item-icon .ff-icon{border:0;border-radius:2px;display:block}.bc-item-text{min-inline-size:0;line-height:1.3;display:grid}.bc-item-text strong{overflow-wrap:anywhere;font-weight:600}.bc-item-text small{color:var(--text-lo)}.bc-lines{color:var(--text-hi);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:0 10px;margin:0;padding:0;padding-inline-start:50px;font-size:13px;line-height:1.4;list-style:none;display:flex}.bc-lines>[data-equip]{color:var(--q-uncommon)}.bc-art{aspect-ratio:3/4;border:1px solid var(--bc-edge);background:radial-gradient(circle at 50% 42%,color-mix(in oklch,var(--bc-class) 30%,transparent),transparent 68%),linear-gradient(oklch(24.3% .0246 234.22/.91),oklch(12.5% .0098 250/.97)),url(/ui/ui-background-rock.webp);max-block-size:560px;inline-size:100%;box-shadow:inset 0 0 0 2px var(--bc-inset),inset 0 -40px 60px oklch(0% 0 none/.5);border-radius:3px;grid-area:art;align-self:start;place-items:center;margin:0;display:grid;overflow:clip}.bc-art>*{grid-area:1/1}.bc-art-banner{object-fit:contain;opacity:.35;place-self:start center;block-size:100%;max-block-size:520px}.bc-art[data-art=portrait] .bc-art-banner{display:none}.bc-art-crest{aspect-ratio:1;object-fit:contain;opacity:.9;inline-size:min(70%,260px)}.bc-art[data-art=portrait] .bc-art-crest{opacity:1;place-self:start end;inline-size:72px;margin:10px}.bc-art-portrait{object-fit:cover;object-position:50% 30%;block-size:100%;inline-size:100%}.bc-art-icon{border:2px solid var(--bc-class);box-shadow:0 0 0 2px var(--bc-inset),0 0 32px color-mix(in oklch,var(--bc-class) 45%,transparent);border-radius:6px}.bc-info>section{gap:8px;display:grid}.bc-info :is(h2,h3,h4){font-size:15px;line-height:1.3}.bc-card .bc-talents :is(h2,h3,h4)>span{color:var(--text-hi);font:600 15px var(--font-ui);font-variant-numeric:tabular-nums;margin-inline-start:8px}.bc-talents>ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bc-tree{background:var(--bc-panel);border:1px solid oklch(35.57% .0168 111.89);border-radius:3px;align-items:center;gap:10px;padding-block:8px;padding-inline:12px;display:flex}.bc-tree[data-lead]{border-color:color-mix(in oklch,var(--bc-class) 60%,var(--bc-edge));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--bc-class) 25%,transparent)}.bc-tree>a{display:grid}.bc-tree .ff-icon{display:block}.bc-tree-name{min-inline-size:0;color:var(--text-hi);flex:1;line-height:1.3;display:grid}.bc-tree-name small{color:var(--text-lo);overflow-wrap:anywhere}.bc-tree>strong{font:700 24px/1 var(--font-display);color:var(--gold-bright);font-variant-numeric:tabular-nums}.bc-tree:not([data-lead])>strong{color:var(--text-lo)}.bc-tree[data-empty] .ff-icon{filter:grayscale()brightness(.55)}.bc-info ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bc-info ul>li{align-items:center;gap:8px;display:flex}.bc-info ul>li>a{color:var(--text-hi);align-items:center;gap:8px;display:inline-flex}.bc-info ul>li>small{color:var(--gold);font-variant-numeric:tabular-nums;font-size:13px}@container not (min-width:900px){.bc-body,.bc-body[data-gear]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"art info""gear gear"}}@container not (min-width:560px){.bc-head{flex-wrap:wrap;padding-block:14px;padding-inline:16px}.bc-body,.bc-body[data-gear]{grid-template-columns:minmax(0,1fr);grid-template-areas:"art""info""gear";padding:12px}.bc-art{justify-self:center;max-block-size:420px}}