/* Character dossier: persistent portrait, compact navigation and grouped content. */
#win-char.character-journal-win{width:min(960px,96vw);max-width:96vw}
#win-char.character-journal-win>.win-body{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto 1fr;gap:18px;padding:20px;max-height:78vh;background:radial-gradient(ellipse at top left,#35433155,transparent 60%)}
#win-char .character-profile{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-self:start;position:sticky;top:0;gap:16px;padding:16px 12px 22px;margin:0;min-width:0;text-align:center;border:1px solid #a58e5a;background:linear-gradient(#12251b55,#122019ee),url('/assets/ui/forest-chronicle/portrait-forest-v1.png') center top/cover;border-radius:5px;box-shadow:inset 0 0 0 4px #101d1680}
#win-char .character-profile::after{content:"";height:32px;width:100%;background:var(--hud-divider) center/100% auto no-repeat}
#win-char .hb-portrait{width:190px;height:210px;max-width:100%;border:0;border-radius:0;background:none;box-shadow:none;position:relative;display:grid;place-items:center;margin:auto;flex:none}
#win-char .character-portrait{width:190px;height:190px;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 5px #0009)}
#win-char .hb-lv-ring{bottom:0;right:calc(50% - 20px);width:40px;height:40px;display:grid;place-items:center;border:1px solid #dbc284;background:linear-gradient(#887045,#332c20);color:#fff0cb;font:700 19px Georgia,serif;box-shadow:0 0 0 3px #16251c}
#win-char .hb-info{width:100%;min-width:0}
#win-char .hb-name{font:700 25px/1.25 Georgia,serif;color:#f0d69f!important;overflow-wrap:anywhere;margin-bottom:7px}
#win-char .hb-meta{font:12px/1.5 'Outfit',sans-serif;color:#b9c8ad}
#win-char .hb-title{font-size:12px;line-height:1.5;margin:9px 0;color:#d0b77e}
#win-char .hb-bars{display:grid;gap:9px;margin-top:20px}
#win-char .hb-bar{height:19px;border:1px solid #6d7357;border-radius:3px;overflow:hidden;background:#0b1511}
#win-char .hb-txt{font:600 10px/17px 'Outfit',sans-serif;text-shadow:0 1px #000}
#win-char .character-nav{grid-column:2;position:static;display:flex;flex-flow:row wrap;gap:5px;margin:0;padding:0 0 12px;border-bottom:1px solid #776b47}
#win-char .character-nav .inv-tab{flex:1 0 22%;justify-content:center;text-align:center;gap:5px;padding:10px 7px;min-height:39px;font-size:11px;white-space:normal;border:1px solid #53654d;background:#182b20;box-shadow:inset 0 -2px #0b1813}
#win-char .character-nav .inv-tab.active{color:#f2d698;background:linear-gradient(#3d5136,#263c2c);border-color:#b19761;box-shadow:inset 0 -2px #ccb178}
#win-char .character-nav .inv-tab:focus-visible{outline:2px solid #f2d698;outline-offset:1px}
#win-char .char-tab-content{grid-column:2;min-width:0}
#win-char .character-section{background:#11231a;border:1px solid #4c6048;border-radius:5px;padding:14px;margin:0 0 14px}
#win-char .character-section h3{font:600 14px Georgia,serif;letter-spacing:1px;color:#d6be87;margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid #635d40}
#win-char .combat-grid{gap:8px;margin:0}
#win-char .combat-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;background:linear-gradient(120deg,#283829,#18261d);border-color:#53654a}
#win-char .cc-k{font:11px 'Outfit',sans-serif;color:#b7c4ac}
#win-char .cc-v{font:700 25px/1 'Outfit',sans-serif}
#win-char .character-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#win-char .character-stat-grid .stat-row{margin:0;flex-wrap:wrap;padding:12px;gap:8px;min-height:50px}
#win-char .character-stat-grid .stat-row>span:first-child{letter-spacing:1px}
#win-char .stat-pts-row{margin:0 0 10px;padding:10px;font-size:12px}
#win-char .char-tab-content[data-section="bonus"] .stat-row{padding:12px;margin:6px 0;background:#17291e;border-color:#455e46}
#win-char .char-tab-content:is([data-section="titluri"],[data-section="colectii"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
#win-char .char-tab-content:is([data-section="titluri"],[data-section="colectii"])>p{grid-column:1/-1;margin:0 0 6px!important}
#win-char .title-row{margin:0;padding:14px;background:linear-gradient(135deg,#263829,#14241c);border:1px solid #68734e;border-radius:4px;min-width:0}
#win-char .title-main{align-items:flex-start;flex-direction:column;gap:10px}
#win-char .title-name{font-size:13px;line-height:1.5}
#win-char .title-row.active{border-color:#c3a365;background:#2b412d}
#win-char .title-row.locked{opacity:.65}
#win-char .title-desc{font:12px/1.6 'Outfit',sans-serif}
#win-char .coll-bar{height:6px;margin-top:12px;background:#091510}
#win-char .rb-path{padding:15px;border-color:#69764e;background:#172a20;border-radius:5px}
#win-char .cos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#win-char .char-tab-content:is([data-section="titluri"],[data-section="colectii"],[data-section="cosmetice"]){display:flex;flex-direction:column;gap:14px;min-width:0}
#win-char .ct-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #303640;padding-bottom:12px}
#win-char .ct-head h3{font:700 18px Outfit,sans-serif;margin:0 0 4px}
#win-char .ct-head p,#win-char .ct-head small{color:#969da8;font:12px/1.5 Outfit,sans-serif}
#win-char .ct-filters{display:flex;gap:6px;flex-wrap:wrap}
#win-char button.ct-filter{padding:8px 12px;min-height:40px;font:600 12px Outfit,sans-serif;border:1px solid #303640;background:#11151b;color:#b6bdc8}
#win-char button.ct-filter[aria-pressed="true"]{border-color:#b59755;color:#edd7a3;background:#252119}
#win-char .ct-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}
#win-char .ct-list{display:flex;flex-direction:column;gap:4px;max-height:380px;overflow-y:auto;scrollbar-width:thin;min-width:0}
#win-char button.ct-row{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:46px;text-align:left;padding:10px 12px;background:#11151b;border:1px solid #242b34;font:600 13px/1.3 Outfit,sans-serif;color:#dce0e6}
#win-char button.ct-row[aria-pressed="true"]{background:#20232a;border-color:#b59755;box-shadow:inset 3px 0 #b59755}
#win-char .ct-row small{font-size:10px;color:#989fa9;white-space:nowrap}
#win-char .ct-detail{min-width:0;border:1px solid #303640;padding:16px;background:#11151b}
#win-char .ct-kicker{font:600 10px Outfit,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#989fa9}
#win-char .ct-detail h4{font:700 20px/1.3 Outfit,sans-serif;margin:8px 0 16px;overflow-wrap:anywhere}
#win-char .ct-preview{display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px 8px;background:#0b0e13;border-top:1px solid #292f38;border-bottom:1px solid #292f38;text-align:center;overflow-wrap:anywhere}
#win-char .ct-preview span{color:#d5bc81;font-size:13px}
#win-char .ct-preview b{color:#e1e5eb;font:700 18px Outfit,sans-serif}
#win-char .ct-preview small{color:#727b88;font:10px Outfit,sans-serif;margin-top:8px}
#win-char .ct-condition,#win-char .ct-empty{color:#aeb5c0;font:13px/1.6 Outfit,sans-serif;margin:16px 0}
#win-char .ct-activate{width:100%;min-height:44px}
#win-char .ct-activate:disabled{opacity:.5;cursor:default}
#win-char .ct-progress-label{display:flex;justify-content:space-between;gap:8px;color:#dce0e6;font:600 13px Outfit,sans-serif;margin-bottom:8px}
#win-char .ct-progress-label span{color:#a0a8b3}
#win-char .ct-progress{height:8px;background:#080b10;border:1px solid #303640;overflow:hidden}
#win-char .ct-progress i{display:block;height:100%;background:#b59755}
#win-char .ct-rewards{display:grid;gap:8px;margin:12px 0 20px}
#win-char .ct-rewards>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #272d36;padding-bottom:8px;font:13px/1.4 Outfit,sans-serif}
#win-char .ct-rewards span{color:#969da8}
#win-char .ct-rewards b{color:#dce0e6;text-align:right;overflow-wrap:anywhere}
#win-char .ct-cosmetic-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#win-char .ct-category{max-width:100%;min-height:40px;padding:8px;background:#11151b;border:1px solid #303640;color:#dce0e6;font:13px Outfit,sans-serif}
#win-char .ct-cosmetic-row>span{display:flex;flex-direction:column;gap:4px;min-width:0}
#win-char .ct-cosmetic-row b{font-weight:600;overflow-wrap:anywhere}
#win-char .ct-cosmetic-row>span small{white-space:normal;color:#7e8794;font-weight:400}
#win-char button.ct-cosmetic-preview{display:block;width:100%;padding:16px 8px;margin:0 0 16px;background:#0b0e13;border:1px solid #292f38;cursor:zoom-in;font:inherit}
#win-char .ct-cosmetic-preview .cos-fig{max-width:176px}
#win-char .ct-cosmetic-preview .cos-plate{margin-bottom:8px}
#win-char .ct-cosmetic-preview>small{display:block;margin-top:8px;color:#87909e;font:11px Outfit,sans-serif}
@media(max-width:700px){#win-char .ct-category{width:100%;font-size:16px}}
@media(max-width:700px){#win-char .ct-layout{grid-template-columns:minmax(0,1fr)}#win-char .ct-list{max-height:230px}#win-char .ct-head{align-items:flex-start;flex-direction:column}#win-char .ct-detail{padding:12px}}
@media(max-width:700px){
 #win-char.character-journal-win>.win-body{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}
 #win-char .character-profile{position:static;grid-column:1;grid-row:auto;display:grid;grid-template-columns:110px minmax(0,1fr);padding:12px;gap:12px;text-align:left}
 #win-char .hb-portrait{width:110px;height:145px}
 #win-char .character-portrait{width:120px;height:130px}
 #win-char .hb-name{font-size:21px}
 #win-char .hb-bars{margin-top:12px;gap:6px}
 #win-char .character-profile::after{display:none}
 #win-char .character-nav,#win-char .char-tab-content{grid-column:1}
 #win-char .character-nav .inv-tab{flex-basis:22%;font-size:10px;padding:8px 4px}
 #win-char .character-section{padding:10px}
 #win-char .char-tab-content:is([data-section="titluri"],[data-section="colectii"]){grid-template-columns:1fr}
}