.pd-header{--bc-class:var(--gold);border:1px solid var(--ff-edge);background:linear-gradient(color-mix(in oklch,var(--bc-class) 16%,transparent),transparent),oklch(20.13% .0151 248.58) url(/ui/ui-dialogbox-background.webp);flex-wrap:wrap;align-items:center;gap:12px 16px;padding-block:12px;padding-inline:16px;display:flex;box-shadow:inset 0 0 0 1px oklch(0% 0 none)}.pd-face{object-fit:cover;background:var(--ff-inset);border:2px solid oklch(55.52% .0633 83.38);border-radius:50%;flex:none;block-size:64px;inline-size:64px;box-shadow:0 0 0 2px oklch(10.61% .0079 260.13),0 2px 10px oklch(0% 0 none/.55)}.pd-face[data-art=crest]{object-fit:contain;padding:6px}.pd-identity{gap:2px;min-inline-size:0;margin-inline-end:auto;display:grid}.pd-identity strong{font:600 20px/1.2 var(--font-display);color:var(--gold-bright);overflow-wrap:anywhere}.pd-identity span{color:var(--text-hi);font-size:14px}.pd-identity .pd-class{color:var(--bc-class)}.pd-controls{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;display:flex}.pd-controls>.wow-select-trigger{inline-size:150px}.pd-controls .ff-quantity{align-items:center;gap:10px;display:flex}.pd-controls .wow-quantity{inline-size:150px}.pd-tabs{margin-block-start:14px}.pd-builder{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:20px;display:grid}.pd-side{gap:16px;min-inline-size:0;display:grid;position:sticky;inset-block-start:96px}.pd-sheet{--pd-edge:oklch(55.52% .0633 83.38);border:1px solid var(--pd-edge);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--ff-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);grid-template-columns:minmax(0,1fr) minmax(150px,.8fr) minmax(0,1fr);grid-template-areas:"left art right""bottom bottom bottom";gap:10px 12px;padding:14px;display:grid}.pd-column{align-content:start;gap:4px;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.pd-column[data-column=left]{grid-area:left}.pd-column[data-column=right]{grid-area:right}.pd-column[data-column=bottom]{border-block-start:1px solid color-mix(in oklch,var(--pd-edge) 45%,transparent);grid-area:bottom;grid-template-columns:repeat(3,minmax(0,1fr));padding-block-start:10px}.pd-slot{min-block-size:52px;transition:background-color var(--dur-fast);border-radius:3px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:4px;display:grid}.pd-column[data-column=right] .pd-slot{grid-template-columns:minmax(0,1fr) auto}.pd-column[data-column=right] .pd-text{text-align:end;order:-1}@media (hover:hover) and (pointer:fine){.pd-slot:hover{background:var(--wow-row-hover)}}.pd-slot[data-selected]{background:color-mix(in oklch,var(--gold) 12%,transparent)}:where(.pd-button){color:oklch(47.75% .0587 83.12)}.pd-button{background:var(--ff-inset);block-size:44px;inline-size:44px;box-shadow:0 1px 4px oklch(0% 0 none/.55),0 0 6px color-mix(in oklch,currentColor 30%,transparent);cursor:pointer;font:inherit;border:1px solid;border-radius:4px;place-items:center;padding:1px;display:grid}span.pd-button{cursor:default}.pd-button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.pd-slot[data-lit] .pd-button,.pd-slot[data-selected] .pd-button{box-shadow:0 0 0 1px var(--gold-bright),0 0 12px color-mix(in oklch,var(--gold-bright) 55%,transparent)}.pd-icon{border-radius:3px;block-size:40px;inline-size:40px;display:block}.pd-slot:not([data-filled]) .pd-icon{filter:brightness(.85)}.pd-text{min-inline-size:0;line-height:1.3;display:grid}.pd-text small{color:var(--text-lo);font-size:12px}.pd-name{overflow-wrap:anywhere;font-weight:600}.pd-slot[data-refused] .pd-text small{color:oklch(63.73% .2483 28.14)}.pd-title-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pd-art{border:1px solid var(--pd-edge);background:radial-gradient(circle at 50% 40%,color-mix(in oklch,var(--bc-class,var(--gold)) 26%,transparent),transparent 70%),linear-gradient(oklch(24.3% .0246 234.22/.91),oklch(12.5% .0098 250/.97)),url(/ui/ui-background-rock.webp);min-block-size:340px;box-shadow:inset 0 0 0 2px var(--ff-inset),inset 0 -40px 60px oklch(0% 0 none/.5);border-radius:3px;grid-area:art;place-items:center;display:grid;position:relative;overflow:clip}.pd-art>img{object-fit:cover;object-position:50% 22%;block-size:100%;inline-size:100%;position:absolute;inset:0}.pd-art>img[data-art=crest]{aspect-ratio:1;object-fit:contain;opacity:.9;block-size:auto;inline-size:min(72%,180px);position:static}.pd-panel{border-radius:var(--radius);background:linear-gradient(oklch(17.48% .0131 248.58/.961),oklch(14.24% .0134 250.83/.961)),url(/ui/ui-tooltip-background.webp);border:1px solid oklch(55.52% .0633 83.38);gap:12px;min-inline-size:0;padding:16px;display:grid;box-shadow:inset 0 0 0 2px oklch(10.61% .0079 260.13),0 8px 24px oklch(0% 0 none/.4)}.pd-panel>:is(h2,h3,h4){border:0;margin:0;padding:0;font-size:18px;line-height:1.3}.pd-bonuses>section{gap:2px;display:grid}.pd-bonuses>section>:is(h3,h4,h5){font:600 14px/1.3 var(--font-display);color:var(--gold);border:0;margin:6px 0 2px;padding:0}.pd-bonuses ul{margin:0;padding:0;list-style:none;display:grid}.pd-bonuses li{color:var(--text);border-radius:2px;grid-template-columns:4.5em minmax(0,1fr);align-items:baseline;column-gap:12px;padding-block:4px;padding-inline:8px;display:grid}.pd-value{color:var(--text-hi);font-variant-numeric:tabular-nums;text-align:end}.pd-bonuses li.pd-weapon{grid-template-columns:minmax(0,1fr) auto;gap:0 12px}.pd-weapon>span:first-child{color:var(--text);grid-row:span 2}.pd-weapon>span:not(:first-child){color:var(--text-hi);text-align:end;font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){.pd-bonuses li:hover{background:var(--wow-row-hover)}}.pd-bonuses li[data-lit]{background:var(--wow-row-hover)}.pd-sheet>.pd-flyout{z-index:2;contain:size;grid-row:1/3;align-self:stretch;min-block-size:0;display:grid}.pd-sheet>.pd-flyout[data-weapon]{grid-row:1}.pd-sheet>.pd-flyout[data-cover=end]{grid-column:2/4}.pd-sheet>.pd-flyout[data-cover=start]{grid-column:1/3}.pd-flyout>.pd-picker{flex-direction:column;min-block-size:0;display:flex;overflow:hidden}.pd-flyout .pd-choices{flex:1;min-block-size:0;max-block-size:none}.pd-picker-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pd-picker-head h2{margin-inline-end:auto}.pd-compare{border:1px solid color-mix(in oklch,var(--gold) 35%,transparent);background:var(--ff-inset);border-radius:3px;gap:6px;padding:10px;display:grid}.pd-item-link{align-items:center;gap:8px;min-inline-size:0;font-weight:600;display:inline-flex}.pd-item-link .pd-icon{border:1px solid;block-size:28px;inline-size:28px}.pd-item-link>span{overflow-wrap:anywhere}.pd-replaced{justify-items:start;gap:4px;display:grid}.pd-replaced small{color:var(--text-lo);font-size:12px}.pd-delta{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 14px;margin:0;padding:0;list-style:none;display:flex}.pd-delta-title{color:var(--text);margin:0;font-size:13px}.pd-delta>[data-sign=up]{color:oklch(86.8% .2899 142.56)}.pd-delta>[data-sign=down]{color:oklch(63.73% .2483 28.14)}.pd-compare-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.pd-compare-actions .ff-requirement{flex-basis:100%;margin:0}.pd-find{min-block-size:40px;min-inline-size:140px;color:var(--text-hi);font:max(16px,1rem)/1.4 var(--font-ui);background:oklch(15.61% .0135 248.04);border:1px solid oklch(48.24% .0435 81.06);border-radius:3px;flex:1;padding-block:6px;padding-inline:10px}.pd-find:focus-visible{border-color:var(--gold-bright);outline:2px solid #0000}.pd-choices{overscroll-behavior:contain;gap:2px;max-block-size:min(56vh,640px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.pd-choices>li{content-visibility:auto;contain-intrinsic-size:auto 52px}.pd-choice{inline-size:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:3px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:6px;padding-inline:8px;display:grid}@media (hover:hover) and (pointer:fine){.pd-choice:hover{background:var(--wow-row-hover)}}.pd-choice:focus-visible{outline:2px solid var(--gold-bright);outline-offset:-2px}.pd-choice[aria-pressed=true]{background:var(--wow-row-selected)}.pd-choice[data-equipped]{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--gold) 55%,transparent)}.pd-choice .pd-icon{border:1px solid;block-size:36px;inline-size:36px}.pd-choice>span{min-inline-size:0;line-height:1.3;display:grid}.pd-choice strong{overflow-wrap:anywhere;font-weight:600}.pd-choice small{color:var(--text-lo);font-size:12px}.pd-ilvl{color:var(--gold);font-variant-numeric:tabular-nums}@container page (max-width:1180px){.pd-builder{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}}@container page (max-width:980px){.pd-builder{grid-template-columns:minmax(0,1fr)}.pd-side{position:static}}@container page (max-width:640px){.pd-sheet>.pd-flyout{contain:none;grid-area:auto/1/auto/-1}.pd-flyout .pd-choices{max-block-size:60vh}.pd-sheet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"art art""left right""bottom bottom";padding:10px}.pd-art{aspect-ratio:4/3;min-block-size:0;max-block-size:300px}.pd-column[data-column=right] .pd-slot{grid-template-columns:auto minmax(0,1fr)}.pd-column[data-column=right] .pd-text{text-align:start;order:0}.pd-column[data-column=bottom]{grid-template-columns:minmax(0,1fr)}.pd-controls>.wow-select-trigger,.pd-controls .wow-quantity{inline-size:100%}.pd-controls{grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%;display:grid}}@container page (max-width:420px){.pd-sheet{grid-template-columns:minmax(0,1fr);grid-template-areas:"art""left""right""bottom"}}
.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:not([class*=\ q-]){color:inherit}@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(0,1fr) minmax(16rem,21rem);align-items:start;gap:16px;padding:16px;display:grid}.bc-card .pd-sheet{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.bc-info{align-content:start;gap:16px;display:grid}.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{grid-template-columns:minmax(0,1fr)}}@container not (min-width:640px){.bc-head{flex-wrap:wrap;padding-block:14px;padding-inline:16px}.bc-body{padding:12px}.bc-card .pd-sheet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"art art""left right""bottom bottom"}.bc-card .pd-art{aspect-ratio:4/3;min-block-size:0;max-block-size:300px}.bc-card .pd-column[data-column=right] .pd-slot{grid-template-columns:auto minmax(0,1fr)}.bc-card .pd-column[data-column=right] .pd-text{text-align:start;order:0}.bc-card .pd-column[data-column=bottom]{grid-template-columns:minmax(0,1fr)}}@container not (min-width:420px){.bc-card .pd-sheet{grid-template-columns:minmax(0,1fr);grid-template-areas:"art""left""right""bottom"}}