/* Approved dossier interior. Every label, number, fill and rule remains native character-sheet DOM. */
body #pui-character-info-dialog{--ci-u:calc(var(--status-art-height)/1371);--ci-ink:#fff0dc;--ci-muted:#d8c4de;--ci-gold:#edce85}
body #pui-character-info-dialog #adventure-character-info{gap:calc(18 * var(--ci-u));padding:0 calc(5 * var(--ci-u)) 18px}
body #pui-character-info-dialog .cs-card{position:relative;padding:0 0 calc(6 * var(--ci-u));border:0;margin:0}
body #pui-character-info-dialog .cs-profile>.cs-card-title{display:none}
body #pui-character-info-dialog .cs-profile .cs-card-body{position:relative;padding-top:calc(12 * var(--ci-u))}
body #pui-character-info-dialog .cs-profile .cs-card-body::before{content:"";position:absolute;left:calc(8 * var(--ci-u));top:calc(10 * var(--ci-u));width:calc(154 * var(--ci-u));height:calc(154 * var(--ci-u));background:url('/assets/ui/character-info-interior-v3/emblems.e20c2c59b677.webp') 0 0/400% 200%;pointer-events:none}
body #pui-character-info-dialog .cs-profile-head{display:flex;flex-wrap:wrap;align-items:center;gap:calc(15 * var(--ci-u));min-height:calc(68 * var(--ci-u));padding-left:calc(185 * var(--ci-u));margin:0}
body #pui-character-info-dialog .cs-profile-name{font-size:clamp(19px,calc(38 * var(--ci-u)),34px);line-height:1.2;min-width:0;overflow-wrap:anywhere;color:var(--ci-ink)}
body #pui-character-info-dialog .cs-profile-level{font-size:clamp(17px,calc(28 * var(--ci-u)),26px);white-space:nowrap;color:var(--ci-gold)}
body #pui-character-info-dialog .cs-rank{font-size:clamp(11px,calc(17 * var(--ci-u)),15px);padding:4px 8px;border:1px solid #785885;background:#281930;color:var(--ci-muted)}
body #pui-character-info-dialog .cs-xp{display:flex;flex-direction:column;gap:calc(7 * var(--ci-u));padding:0 0 calc(28 * var(--ci-u)) calc(185 * var(--ci-u));margin:0;min-height:calc(88 * var(--ci-u))}
body #pui-character-info-dialog .cs-xp small{order:-1;font-size:clamp(12px,calc(20 * var(--ci-u)),18px);color:var(--ci-muted);font-variant-numeric:tabular-nums}
body #pui-character-info-dialog .cs-bar{height:calc(21 * var(--ci-u));min-height:12px;padding:2px;border:1px solid #c39a58;border-radius:30px;background:#160d21;overflow:hidden;box-sizing:border-box}
body #pui-character-info-dialog .cs-bar>i{display:block;height:100%;border-radius:20px;background:linear-gradient(180deg,#f1ccff 0%,#ad55ed 35%,#6930bd 70%,#cc74fa 100%);box-shadow:inset 0 1px 1px #fff9;max-width:100%}
body #pui-character-info-dialog .cs-profile .cs-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(10 * var(--ci-u));margin:0}
body #pui-character-info-dialog .cs-profile .cs-row{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:calc(102 * var(--ci-u));padding:calc(10 * var(--ci-u)) calc(12 * var(--ci-u)) calc(10 * var(--ci-u)) calc(99 * var(--ci-u));border:1px solid #8b6b39;border-radius:3px;background:linear-gradient(110deg,#190f23ee,#26162dde),url('/assets/ui/player-surfaces-v1/royal-hall.webp') center/cover}
body #pui-character-info-dialog .cs-profile .cs-row::before{content:"";position:absolute;left:calc(5 * var(--ci-u));top:50%;translate:0 -50%;width:calc(84 * var(--ci-u));height:calc(84 * var(--ci-u));background:url('/assets/ui/character-info-interior-v3/emblems.e20c2c59b677.webp') 33.333333% 0/400% 200%;pointer-events:none}
body #pui-character-info-dialog .cs-profile .cs-row:nth-child(2)::before{background-position:66.666667% 0}
body #pui-character-info-dialog .cs-profile .cs-row dt{font-size:clamp(11px,calc(16 * var(--ci-u)),14px);color:var(--ci-muted)}
body #pui-character-info-dialog .cs-profile .cs-row dd{margin:0;text-align:left;font-size:clamp(14px,calc(24 * var(--ci-u)),21px);line-height:1.35;color:var(--ci-ink);overflow-wrap:anywhere}
body #pui-character-info-dialog .cs-profile .cs-row dd small{font-size:clamp(11px,calc(15 * var(--ci-u)),13px);line-height:1.4;color:var(--ci-muted)}
body #pui-character-info-dialog .cs-card-title{display:flex;align-items:center;gap:calc(13 * var(--ci-u));font-size:clamp(15px,calc(25 * var(--ci-u)),22px);line-height:1.4;margin:0 0 calc(9 * var(--ci-u));padding:calc(8 * var(--ci-u)) 0;color:var(--ci-gold);border-block:1px solid #836238}
body #pui-character-info-dialog .cs-card-title::before{content:"";width:7px;height:7px;border:1px solid #d9b269;rotate:45deg;flex:none}
body #pui-character-info-dialog .cs-card-title::after{content:"";height:1px;background:linear-gradient(90deg,#97733e,#97733e22);flex:1;min-width:15px}
body #pui-character-info-dialog .cs-vital{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:calc(4 * var(--ci-u)) 8px;min-height:calc(73 * var(--ci-u));padding:calc(10 * var(--ci-u)) calc(16 * var(--ci-u)) calc(10 * var(--ci-u)) calc(105 * var(--ci-u));margin:0 0 calc(9 * var(--ci-u));border:1px solid #8a693b;border-radius:8px;background:linear-gradient(100deg,#1d1129ee,#241329c9);box-sizing:border-box}
body #pui-character-info-dialog .cs-vital::before{content:"";position:absolute;left:calc(5 * var(--ci-u));top:50%;translate:0 -50%;width:calc(85 * var(--ci-u));height:calc(85 * var(--ci-u));background:url('/assets/ui/character-info-interior-v3/emblems.e20c2c59b677.webp') 100% 0/400% 200%;pointer-events:none}
body #pui-character-info-dialog .cs-vital-mana::before{background-position:0 100%}
body #pui-character-info-dialog .cs-vital-stamina::before{background-position:33.333333% 100%}
body #pui-character-info-dialog .cs-vital-load::before{background-position:66.666667% 100%}
body #pui-character-info-dialog .cs-vital-label,body #pui-character-info-dialog .cs-vital-value{font-size:clamp(13px,calc(22 * var(--ci-u)),19px);line-height:1.4;color:var(--ci-ink)}
body #pui-character-info-dialog .cs-vital-value{text-align:right;font-variant-numeric:tabular-nums}
body #pui-character-info-dialog .cs-vital .cs-bar{grid-column:1/-1;width:100%;margin:0}
body #pui-character-info-dialog .cs-vital-health .cs-bar>i{background:linear-gradient(180deg,#ffd4e0,#e53463 35%,#a71640 70%,#ff6596)}
body #pui-character-info-dialog .cs-vital-stamina .cs-bar>i{background:linear-gradient(180deg,#fff7bb,#f8c02a 35%,#b7770a 70%,#ffd966)}
body #pui-character-info-dialog .cs-vital-load .cs-bar>i{background:linear-gradient(180deg,#fff0bb,#c7a76b 35%,#866630 70%,#e1c087)}
body #pui-character-info-dialog .cs-combat .cs-list{display:grid;gap:calc(6 * var(--ci-u));margin:0}
body #pui-character-info-dialog .cs-combat .cs-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:calc(44 * var(--ci-u));padding:calc(6 * var(--ci-u)) calc(17 * var(--ci-u)) calc(6 * var(--ci-u)) calc(66 * var(--ci-u));border:1px solid #816237;border-radius:3px;background:#1c1129da;font-size:clamp(13px,calc(21 * var(--ci-u)),18px)}
body #pui-character-info-dialog .cs-combat .cs-row::before{content:"";position:absolute;left:calc(5 * var(--ci-u));top:50%;translate:0 -50%;width:calc(48 * var(--ci-u));height:calc(48 * var(--ci-u));background:url('/assets/ui/character-info-interior-v3/emblems.e20c2c59b677.webp') 100% 100%/400% 200%;pointer-events:none}
body #pui-character-info-dialog .cs-combat .cs-row:first-child::before{background-position:33.333333% 0}
body #pui-character-info-dialog .cs-combat .cs-row dt{color:var(--ci-muted)}
body #pui-character-info-dialog .cs-combat .cs-row dd{margin:0;text-align:right;font-weight:700;color:var(--ci-ink);font-variant-numeric:tabular-nums}
body #pui-character-info-dialog .cs-card:not(.cs-profile):not(.cs-vitals):not(.cs-combat) .cs-card-body{padding:12px;border:1px solid #6a4a35;border-radius:3px;background:#1a1028c9}
body #pui-character-info-dialog>.pui-character-content{scrollbar-color:#cba359 #190e23;scrollbar-width:thin;padding-right:5px}
body #pui-character-info-dialog ::selection{background:#783c86;color:#fff3d5}
