/* Character equipment: physical TBC slots around the character, weapons below. */
.paperdoll{--class-rgb:205,184,143;--slot-size:50px;position:relative;border:1px solid #e2c48d40;border-radius:8px;background:radial-gradient(ellipse at 50% 40%,rgba(var(--class-rgb),.075),transparent 60%),linear-gradient(140deg,#141b25,#0c1017 70%);box-shadow:0 12px 40px #0003,inset 0 0 0 3px #0c101766;isolation:isolate;min-width:0}
.paperdoll[data-class="1"]{--class-rgb:198,155,109}.paperdoll[data-class="2"]{--class-rgb:244,140,186}.paperdoll[data-class="3"]{--class-rgb:170,211,114}.paperdoll[data-class="4"]{--class-rgb:255,222,112}.paperdoll[data-class="5"]{--class-rgb:223,230,240}.paperdoll[data-class="7"]{--class-rgb:105,170,255}.paperdoll[data-class="8"]{--class-rgb:105,204,240}.paperdoll[data-class="9"]{--class-rgb:179,156,226}.paperdoll[data-class="11"]{--class-rgb:255,163,92}
.paperdoll::before,.paperdoll::after{content:"";position:absolute;pointer-events:none;inset:5px;border:1px solid #e2c48d14;border-radius:4px}
.paperdoll::after{inset:0;top:43px;bottom:auto;height:1px;border:0;background:linear-gradient(90deg,transparent,#e2c48d33,transparent)}
.paperdoll-topline,.paperdoll-bottomline{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 24px;color:#a5afbf;font-size:.6875rem;line-height:1.6}
.paperdoll-topline{height:44px;color:#d4c4a5;letter-spacing:.09em;text-transform:uppercase}
.paperdoll-topline>span:last-child{color:#7e8b9b;font-size:.625rem;letter-spacing:.12em}
.paperdoll-bottomline{border-top:1px solid #ffffff0c;font-variant-numeric:tabular-nums;color:#8f9ba9}
.paperdoll-hint{font-size:.6875rem;text-align:end}
.paperdoll-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.94fr) minmax(0,1fr);grid-template-areas:"left stage right" "weapons weapons weapons";gap:18px 12px;padding:22px 18px 20px;direction:ltr}
.paper-column,.paper-weapons{margin:0;padding:0;list-style:none;min-width:0}
.paper-left{grid-area:left}.paper-right{grid-area:right}
.paper-column{display:grid;grid-template-rows:repeat(8,minmax(68px,auto));gap:7px;z-index:2}
.paper-slot{min-width:0;position:relative;list-style:none}
.paper-slot .item{margin:0;border:1px solid transparent;border-radius:5px;background:transparent;min-width:0;overflow:visible;transition:background-color 140ms ease,border-color 140ms ease}
.paper-slot .item>summary{position:relative;display:grid;grid-template-columns:var(--slot-size) minmax(0,1fr);grid-template-areas:"icon name" "icon scores";align-content:center;align-items:center;gap:4px 10px;min-height:68px;padding:7px 5px;border-radius:4px;direction:ltr}
.paper-slot .item>summary>.icon{grid-area:icon;position:relative;width:var(--slot-size);height:var(--slot-size);flex:none;border:1px solid var(--quality);border-radius:3px;background:#0b0f13;box-shadow:0 0 0 1px #000,0 0 0 3px #c2b48b19,inset 0 0 0 2px #0007,0 3px 8px #0008;overflow:hidden}
.paper-slot .item>summary>.icon img{width:100%;height:100%;object-fit:cover;padding:2px;border-radius:2px}
.paper-slot .item>summary>.icon::after{content:"";position:absolute;inset:1px;border:1px solid #f1e2be29;box-shadow:inset 0 0 4px #0008;pointer-events:none}
.paper-slot .item-identity{grid-area:name;min-width:0;align-self:end;text-align:start}
.paper-slot .item .item-identity>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;font-weight:550;line-height:1.35;overflow-wrap:anywhere;color:var(--quality);text-shadow:0 1px 2px #0008}
.paper-slot .item-meta,.paper-slot .item-chevron{display:none}
.paper-slot .item .item-scores{grid-area:scores;display:flex;justify-content:start;gap:13px;margin:0;align-self:start;white-space:nowrap;text-align:start;line-height:1.2}
.paper-slot .item .item-scores>.item-score{display:flex;flex-direction:row;align-items:baseline;gap:4px;font-size:.6875rem;white-space:nowrap}
.paper-slot .item .item-score strong{font:500 .6875rem/1.3 system-ui,sans-serif;color:#e2c48d;overflow-wrap:normal;white-space:nowrap}
.paper-slot .item .item-score small{font-size:.625rem;color:#96a2b1;letter-spacing:.025em}
.paper-slot .item .item-score-ilvl strong{color:#a8b5c4}
.paper-right .item>summary{grid-template-columns:minmax(0,1fr) var(--slot-size);grid-template-areas:"name icon" "scores icon"}
.paper-right .item-identity{text-align:end}.paper-right .item .item-scores{justify-content:end}
html[dir="rtl"] .paper-slot .item-identity{direction:rtl}
.paper-slot .item:hover,.paper-slot .item[open]{border-color:#ffffff13;background:#c7d9f906}
.paper-slot .item:focus-within,.paper-slot .item[open]{border-color:var(--quality);border-color:color-mix(in srgb,var(--quality) 32%,transparent)}
.paper-slot .item>summary:focus-visible{outline:2px solid #e2c48d;outline-offset:3px}
.paper-slot .item .item-body{position:relative;border:1px solid #e2c48d66;border-radius:5px;padding:16px;background:#141b25;font-size:.8125rem;z-index:10}
.paper-slot .item[data-equipment-ported]>.item-body{display:none}
.inspection-item-heading{margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid #ffffff16;font-size:.8125rem;line-height:1.5}
.inspection-item-heading>strong{color:var(--quality);font-size:.9375rem}.inspection-item-heading>p,.inspection-item-heading>span{display:block;margin-top:5px;font-size:.6875rem;color:#aeb9c9}
.paper-empty{display:flex;align-items:center;gap:10px;min-height:68px;padding:7px 6px;direction:ltr}
.paper-empty-icon{display:block;flex:none;width:var(--slot-size);height:var(--slot-size);border:1px solid #a2a99b33;border-radius:3px;box-shadow:0 0 0 1px #0008,0 0 0 3px #ffffff04;background:#0c1017;overflow:hidden;opacity:.6}
.paper-empty-icon img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.4) brightness(.75)}
.paper-empty-text{font-size:.75rem;line-height:1.45;color:#a4adba;min-width:0}
.paper-empty-text small{display:block;font-size:.625rem;color:#96a2b1;margin-top:3px}
.paper-right .paper-empty{flex-direction:row-reverse}.paper-right .paper-empty-text{text-align:end}
.paper-stage{grid-area:stage;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:24px 8px 14px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,rgba(var(--class-rgb),.14),transparent 63%);border-inline:1px solid #ffffff05}
.paper-stage-arch{position:absolute;inset:20px 12px 90px;border:1px solid rgba(var(--class-rgb),.13);border-radius:48% 48% 4px 4px;box-shadow:inset 0 0 0 7px rgba(255,255,255,.015),0 0 0 5px #ffffff01;pointer-events:none}
.paper-stage-arch::before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);border:1px solid #e2c48d66;background:#1a2330}
.paper-stage-floor{position:absolute;left:10%;right:10%;bottom:142px;height:65px;border:1px solid rgba(var(--class-rgb),.14);border-radius:50%;background:radial-gradient(ellipse,rgba(var(--class-rgb),.13),transparent 68%);box-shadow:0 0 0 7px rgba(255,255,255,.012),0 0 0 15px rgba(255,255,255,.008);pointer-events:none}
.paper-fallback{position:absolute;top:21%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:24px;transition:opacity 160ms ease}
.paper-emblem{position:relative;display:grid;place-items:center;width:128px;height:128px;border:1px solid rgba(var(--class-rgb),.48);border-radius:50%;background:radial-gradient(circle,#1a2330,#0c1017);box-shadow:0 0 0 5px #0c1017,0 0 0 6px #e2c48d2a,0 0 0 17px rgba(255,255,255,.015),0 0 64px rgba(var(--class-rgb),.13);overflow:hidden;color:rgb(var(--class-rgb));font:500 3rem/1 Georgia,serif}
.paper-emblem img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.paper-emblem-rule{width:75px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--class-rgb),.5),transparent)}
.paper-render-viewport{position:relative;flex:1 1 0;min-height:160px;width:100%;margin-bottom:6px;z-index:1;container-type:size}
.paper-render-frame{position:absolute;left:50%;bottom:0;width:min(100%,calc(160px * var(--render-ratio,1)));aspect-ratio:var(--render-ratio,1);overflow:hidden;transform:translateX(-50%)}
.paper-render-frame::before{content:"";position:absolute;left:22%;width:56%;bottom:calc(var(--render-foot,4.5%) - 3%);height:6%;border-radius:50%;background:radial-gradient(ellipse,#020508a6 5%,rgba(var(--class-rgb),.12) 48%,transparent 73%);pointer-events:none}
@supports(width:1cqh){.paper-render-frame{width:min(100cqw,calc(100cqh * var(--render-ratio,1)))}}
/* Bounds measured from the source alpha channel; preserve the full silhouette. */
.paper-character-render{position:absolute;left:var(--render-left,0%);top:var(--render-top,0%);display:block;width:var(--render-width,100%);height:var(--render-height,100%);max-width:none;object-fit:contain;z-index:1}
.paper-character-render[data-render-type="main"]{border-radius:5px}
.paper-stage:not(.has-render) .paper-render-viewport{display:none}
.paper-stage.has-render .paper-character-caption,.paper-stage.has-render .paper-totals{flex-shrink:0}
.paper-stage.has-render .paper-fallback{visibility:hidden}
.paper-character-caption{position:relative;z-index:2;width:100%;margin-bottom:20px;padding:10px 2px;color:#b5c0cb}
.paper-stage.has-render .paper-character-caption{background:none;padding-top:4px;margin-bottom:16px}
.paper-stage.has-render .paper-stage-floor{display:none}
.paper-stage.has-render .paper-stage-arch{mask-image:linear-gradient(#000 50%,transparent 94%)}
.paper-character-caption h3{font:500 clamp(1.2rem,2vw,1.7rem)/1.3 Georgia,serif;color:rgb(var(--class-rgb));overflow-wrap:anywhere;text-shadow:0 2px 6px #0007}
.paper-character-caption p{font-size:.6875rem;line-height:1.6;margin-top:7px;overflow-wrap:anywhere}
.paper-character-caption .paper-active-spec{color:#d1d8df;margin-top:3px}
.paper-character-level{display:inline-block;color:#9aa9b9;font-size:.6875rem;margin-top:10px}
.paper-totals{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;max-width:260px;padding-top:16px;border-top:1px solid #b8a47d28;font-variant-numeric:tabular-nums}
.paper-totals dt{font-size:.625rem;line-height:1.5;color:#8e9aa9;overflow-wrap:anywhere}
.paper-totals dd{margin-top:5px;font:500 clamp(1.3rem,2.2vw,1.9rem)/1.2 Georgia,serif;color:#e2c48d;white-space:nowrap;overflow-wrap:normal}
.paper-totals .paper-total-ilvl{border-inline-start:1px solid #ffffff0a}.paper-totals .paper-total-ilvl dd{color:#d7dfe9}
.paper-weapons{grid-area:weapons;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:760px;width:100%;justify-self:center;padding-top:16px;border-top:1px solid #b4a27b21}
.paper-weapons .item>summary{min-height:65px}.paper-weapons .paper-empty{min-height:65px}
.character .paper-gs-note{margin:18px 0 0;font-size:.75rem;color:#8f9faf;line-height:1.7}
.paper-extra{margin-top:22px}
/* Detached equipment tooltip, styled like the game's item inspection tooltip. */
.equipment-tooltip{--quality:#eef1f5;position:fixed;z-index:1200;left:var(--tip-x,12px);top:var(--tip-y,12px);width:350px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:17px 18px 13px;border:1px solid #e2c48d80;border-radius:6px;background:linear-gradient(135deg,#141b25fa,#0c1017fa);box-shadow:0 0 0 1px #020405,0 15px 50px #000a;color:#dfe5ec;font:.8125rem/1.65 system-ui,sans-serif;overflow-wrap:anywhere;text-align:start}
.equipment-tooltip.quality-UNCOMMON{--quality:#73d264}.equipment-tooltip.quality-RARE{--quality:#6caaff}.equipment-tooltip.quality-EPIC{--quality:#c78af1}.equipment-tooltip.quality-LEGENDARY{--quality:#ffab59}.equipment-tooltip.quality-POOR{--quality:#a8adb4}
.equipment-tooltip-top{display:flex;align-items:start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #ffffff15;margin-bottom:13px}
.equipment-tooltip-name{display:block;color:var(--quality);font-size:.95rem;line-height:1.45;font-weight:650}
.equipment-tooltip-meta{font-size:.6875rem;line-height:1.5;color:#98a7bb;margin-top:6px}
.equipment-tooltip-close{display:grid;place-items:center;flex:none;width:36px;height:36px;min-height:36px;padding:0;margin:-7px -8px 0 0;border:1px solid transparent;border-radius:4px;background:transparent;color:#a5b1c1;font:400 1.4rem/1 system-ui,sans-serif}
.equipment-tooltip-close:hover{color:#fff;background:#ffffff0b;border-color:#ffffff17}
.equipment-tooltip .item-body{border:0;padding:0;background:none}
.equipment-tooltip .detail-block+.detail-block{margin-top:13px;padding-top:10px;border-top:1px solid #ffffff0b}
.equipment-tooltip .detail-block h4{font-size:.6875rem;font-weight:500;line-height:1.5;color:#929fb0;margin-bottom:4px}
.equipment-tooltip .detail-block p{font-size:.8125rem;line-height:1.6;white-space:pre-line}
.equipment-tooltip .detail-block.effects,.equipment-tooltip .detail-block.enchants{color:#84d99a}
.equipment-tooltip .item-scores{display:flex;gap:18px;margin-top:9px;font-variant-numeric:tabular-nums}
.equipment-tooltip .item-score{display:inline-flex;align-items:baseline;gap:5px}.equipment-tooltip .item-score strong{font-size:.75rem;color:#e2c48d;white-space:nowrap}.equipment-tooltip .item-score small{font-size:.625rem;color:#92a0b3}
.equipment-tooltip .wowhead{display:block;margin-top:15px;padding-top:12px;border-top:1px solid #ffffff16;color:#e2c48d;font-size:.75rem;min-height:40px}
.equipment-tooltip :focus-visible{outline:2px solid #e2c48d;outline-offset:3px}
@media(max-width:1100px){
  .paperdoll-layout{grid-template-columns:minmax(0,1fr) minmax(150px,.82fr) minmax(0,1fr);gap:16px 8px;padding-inline:12px}
  .paper-slot .item .item-identity>strong{font-size:.75rem}.paper-slot .item>summary{gap:3px 8px;padding-inline:3px}
  .paper-emblem{width:110px;height:110px}.paper-totals{gap:8px}
}
@media(max-width:760px){
  .paperdoll{--slot-size:48px}.character .profile-section-content.equipment-content{padding:16px 12px 20px}
  .paperdoll-layout{grid-template-columns:60px minmax(0,1fr) 60px;gap:12px 8px;padding:18px 12px}
  .paper-column{grid-template-rows:repeat(8,minmax(59px,auto));gap:4px}
  .paper-slot .item>summary,.paper-right .item>summary{display:flex;justify-content:center;min-height:59px;padding:4px}
  .paper-slot .item-identity,.paper-slot .item .item-scores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
  .paper-empty,.paper-right .paper-empty{justify-content:center;min-height:59px;padding:4px}
  .paper-empty-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .paper-stage{padding:18px 2px 12px}.paper-stage-arch{inset:18px 4px 105px}.paper-stage-floor{left:5%;right:5%;bottom:163px;height:45px}
  .paper-fallback{top:18%;gap:22px}.paper-emblem{width:100px;height:100px;font-size:2.5rem}
  .paper-character-caption{margin-bottom:16px}.paper-character-caption h3{font-size:1.3rem}.paper-character-caption p{font-size:.625rem}
  .paper-totals{max-width:220px;padding-top:14px}.paper-totals dd{font-size:1.6rem}.paper-totals dt{font-size:.625rem}
  .paper-weapons{grid-template-columns:repeat(3,60px);justify-content:center;gap:16px;max-width:340px;padding-top:14px}
  .paper-weapons .item>summary,.paper-weapons .paper-empty{min-height:59px}
  .paperdoll-topline,.paperdoll-bottomline{padding-inline:16px}.paperdoll-hint{display:none}
  .equipment-tooltip{width:380px;padding:17px 18px}.equipment-tooltip-close{width:42px;height:42px;min-height:42px}
  .paperdoll:not([data-equipment-ready]) .paper-slot .item[open]>.item-body{position:fixed;left:12px;right:12px;bottom:12px;max-height:55vh;overflow:auto;z-index:1000}
}
@media(max-width:400px){
  .paperdoll{--slot-size:44px}.paperdoll-layout{grid-template-columns:50px minmax(0,1fr) 50px;gap:12px 5px;padding-inline:7px}
  .paper-slot .item>summary,.paper-right .item>summary,.paper-empty,.paper-right .paper-empty{padding:2px}
  .paper-column{grid-template-rows:repeat(8,minmax(54px,auto));gap:4px}.paper-slot .item>summary,.paper-empty{min-height:54px}
  .paper-emblem{width:76px;height:76px;font-size:2rem;box-shadow:0 0 0 4px #0c1017,0 0 0 5px #e2c48d2a,0 0 28px rgba(var(--class-rgb),.12)}
  .paper-stage-arch{inset-inline:2px}.paper-character-caption h3{font-size:1.05rem}.paper-character-caption p{font-size:.6rem}.paper-character-level{font-size:.625rem}
  .paper-totals{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:10px}.paper-totals .paper-total-ilvl{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:4px 7px;border:0}.paper-totals .paper-total-ilvl dd{font-size:1rem;margin:0}.paper-totals dd{font-size:1.55rem}
  .paper-stage-floor{bottom:165px}.paper-weapons{grid-template-columns:repeat(3,50px);gap:16px}
  .paperdoll-topline{padding-inline:12px;font-size:.625rem}.paperdoll-topline>span:last-child{font-size:.5rem}
}
@media(prefers-reduced-motion:reduce){.paper-slot .item,.paper-fallback{transition:none}}
@media(forced-colors:active){.paper-slot .item>summary>.icon,.paperdoll,.paper-empty-icon{border-color:CanvasText}.paper-slot .item .item-identity>strong,.paper-character-caption h3,.paper-totals dd{color:CanvasText}.paper-stage-arch,.paper-stage-floor{display:none}.equipment-tooltip{background:Canvas;border-color:CanvasText;color:CanvasText}}