/**************************************
** Char profile
**************************************/
.charProfileDisplayPicture {
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 5px;
}
.charProfileDisplayPictureContainer {
	height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
	margin: 5px;
}
.charProfilePictureDisplay {
    float: left;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	/*background-image: url(../assets/img/background/charProfile/charProfilePictureBox.webp);*/
}
.charProfilePictureDisplayBG {
	background-size: 90% 90%;
    background-repeat: no-repeat;
    background-position: center;
}
.charProfileResumeAttributeIconBox {
    width: 25px;
    height: 25px;
    background-size: 75% 75%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
    flex-shrink: 0;
    background-color: #2f2929;
    filter: drop-shadow(1px 0 0 black) drop-shadow(-1px 0 0 black) drop-shadow(0 1px 0 black) drop-shadow(0 -1px 0 black);
    box-shadow: inset 1px 1px 1px 1px rgb(0 0 0 / 50%);
	border-radius: 5px;
}
.charProfileResumeAttributeTextContainer {
	display: flex;
    /*height: 20px;*/
    width: 100%;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
	margin-left: 5px;
    margin-right: 5px;
}
.charProfileResumeContainer {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    font-size: larger;
    /* padding-bottom: 5px; */
    /*padding: 5px;*/
    /* margin-bottom: 5px; */
    color: wheat;
    /*background-image: url(../assets/img/background/charProfileResumeContainerBG.webp);*/
	background-image: url(../assets/img/background/charProfile/charProfileSectionBG.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.charProfileResumeTable {
	margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.charProfileResumeTableContent {
	height: stretch;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	padding: 5px;
}
.charProfileResumeTableContainer {
    height: 100%;
    padding: 3px 0px 3px 0px;
    background-color: #0000008a;
    border-radius: 5px;
}
.charProfileTableBG {
    /*background-color: #0000008a;*/
    border-radius: 5px;
}
.charProfileResumeText {
	display: flex;
    width: 100%;
    align-items: center;
}
.charProfileResumeTextContainer {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-right: 10px;
    border-radius: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    margin-right: 5px;
}
.charProfileResumeTop {
	container-type: inline-size;
    display: flex;
    width: 100%;
    height: stretch;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: flex-start;
	margin-top: 10px;
    margin-bottom: 5px;
}

.charProfileSection {
	color: wheat;
	background-image: url(../assets/img/background/charProfileResumeContainerBG.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.charProfileResumeTextName {
	font-weight: bolder;
    font-size: large;
    margin: 5px;
    text-shadow: none;
}

.charProfileResumeSeparator {
    width: 100%;
    border: 1px solid #734f008f;
}

.charProfileBarContainer {
    font-family: Arial, sans-serif;
    width: 100%;
    border: 1px solid black;
    border-radius: 5px;
    color: white;
}

.charProfileExternBar {
    width: 100%;
    height: 15px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
	background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.charProfileResumeCombatAttrContainer {
	display: flex;
    flex-wrap: wrap;
    align-content: center;
	justify-content: center;
}

.charProfileResumeCombatAttrTextContainer {
	display: flex;
    height: 20px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-left: 5px;
}

.charProfileResumeCombatAttrValue {
	display: flex;
    width: 100%;
    /* height: 20px; */
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    /* margin-left: 5px; */
    padding-right: 5px;
}

.charProfileResumeVitalStatsText {
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: relative;
    float: left;
    width: 50%;
	margin-top: 5px;
	height: 20px;
}

.charProfileResumeVitalStatsProgressBar {
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
.charTopBarMenuEquipmentIcon { background-image: url("../assets/img/icons/charEquipmentMenuIcon.webp"); }
.icon-hourglass { background-image: url("../assets/img/icons/hourglass.webp"); }
.icon-level { background-image: url("../assets/img/icons/char/star.webp"); }
.item-icon {
	width: 20px;
    height: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    margin-right: 5px;
	pointer-events: none;
	/*filter: drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white);*/
}
.item-icon-cancel { background-image: url("../assets/img/icons/cancelV2.webp"); }

.storageItemBoxUsed {
	background-image: url("../assets/img/background/itemDisplay/ChestItemBoxV2.webp");
}
.subTitle{
    font-family: 'MedievalSharp', cursive;
}
.textOutline { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px  1px 0 #000, 1px  1px 0 #000; }

/* LOR 1.6.2: compact, inline Diablo-II-style attribute allocation */
.lorInlineStatPlus { margin-left:0; padding:0; width:20px; min-width:20px; height:20px; line-height:17px; border:1px solid #c29a5e; border-radius:3px; color:#f9dfa3; background:linear-gradient(#7b362c,#441b18); font-weight:900; cursor:pointer; flex-shrink:0; text-shadow:0 1px #000; }
.lorInlineStatPlus:hover,.lorInlineStatPlus:focus-visible { background:#99613b; outline:1px solid #eac285; }
.lorInlineStatPlus:disabled { opacity:.4; cursor:not-allowed; }
.lorAttrAvailable { font-size:.8em; color:#edd19e; white-space:nowrap; }
.lorAttrSpendNotice { padding:5px 9px; color:#f2d6a3; background:#241c17; }
.lorEVJournal { margin:5px 8px 10px; border:1px solid #7b5a35; color:#e8d4b2; background:#1a1615; font-size:12px; }
.lorEVJournal summary { padding:7px 9px; font-weight:bold; cursor:pointer; }
.lorEVJournalBody { padding:7px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 10px; }
.lorEVJournalBody span { min-width:0; overflow-wrap:anywhere; }
.lorEVJournalBody small { opacity:.8; }
.lorEVLogTitle { grid-column:1/-1; padding-top:8px; border-top:1px solid #51412d; font-weight:bold; }
.lorEVLogEntry { grid-column:1/-1; line-height:1.4; overflow-wrap:anywhere; }

/* LOR 1.6.3: + is immediately to the right of the current stat value. */
.lorStatValueWithSpend { gap:5px; min-width:0; white-space:nowrap; }
.lorStatValueWithSpend .lorStatNumber { min-width:0; font-variant-numeric:tabular-nums; }
.lorStatValueWithSpend .charProfileBarContainer { flex:1 1 auto; min-width:0; width:auto; }

/* 2026-10-14 — Technical profile (reuses existing theme WebP assets). */
.lorAdvancedEntry{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin:8px 8px 12px;padding:9px 11px;color:#f4d8a7;background:linear-gradient(150deg,#281b14,#120e0d);border:1px solid #826036;border-radius:4px;box-shadow:inset 0 1px 0 #cda36d30}
.lorAdvancedEntryText{display:flex;flex-direction:column;gap:3px;min-width:0}
.lorAdvancedEntryText strong{font:700 17px 'MedievalSharp',Georgia,serif}
.lorAdvancedEntryText span{font:12px/1.4 'CrimsonText',Georgia,serif;color:#cfb99a}
.lorAdvancedOpen.gameButton{flex:none;width:auto;min-width:122px;min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:6px 13px;background-size:100% 100%;font:700 15px 'MedievalSharp',Georgia,serif;color:#f7e0b7;cursor:pointer}
.lorAdvancedOpenIcon{width:18px;height:18px;background:url('../assets/img/icons/charMenuIcon.webp') center/contain no-repeat;image-rendering:pixelated}
.lorAdvancedOpen:focus-visible,.lorAdvancedDone:focus-visible,.lorAdvancedX:focus-visible{outline:2px solid #f5cf76;outline-offset:3px}
.lorAdvancedOverlay{position:fixed;inset:0;z-index:999913;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;overflow:auto;background:#000c;backdrop-filter:blur(3px)}
.lorAdvancedDialog{box-sizing:border-box;display:flex;flex-direction:column;flex:none;width:min(620px,100%);max-height:calc(100dvh - 24px);min-height:0;overflow:hidden;border:2px solid #967044;border-radius:6px;box-shadow:inset 0 0 0 2px #160d09,0 16px 60px #000d;background-color:#1a100e;background-size:100% 100%;color:#f2ddb8;font-family:'CrimsonText',Georgia,serif}
.lorAdvancedHeader{position:relative;display:flex;align-items:center;justify-content:center;min-height:67px;padding:10px 55px 9px 22px;box-sizing:border-box;border-bottom:1px solid #71502d;background-size:100% 100%;text-align:center;flex-shrink:0}
.lorAdvancedHeader h2{margin:0;color:#ffe2aa;font:700 clamp(19px,4.5vw,25px) 'MedievalSharp',Georgia,serif;text-shadow:0 2px 2px #000}
.lorAdvancedSubtitle{margin-top:3px;font-size:12px;color:#dbc49f}
.lorAdvancedX{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background-color:transparent;background-position:center;background-size:100% 100%;cursor:pointer;image-rendering:pixelated}
.lorAdvancedScroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:11px 16px 14px;scrollbar-color:#80552b #1d120e;scrollbar-width:thin}
.lorAdvancedSection{padding:9px 10px 13px;margin-bottom:12px;border:1px solid #73502c;border-radius:4px;background:linear-gradient(140deg,#120d0dd9,#2c1a12ca);box-shadow:inset 0 1px 0 #d4a76917}
.lorAdvancedSection h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:#f4d49a;font:700 18px 'MedievalSharp',Georgia,serif;border-bottom:1px solid #77502d;padding-bottom:7px}
.lorAdvancedSection h3 img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}
.lorAdvancedHelp{margin:5px 0 11px;font-size:12px;line-height:1.45;color:#c9b798}
.lorAdvancedEVGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.lorAdvancedEVItem{box-sizing:border-box;min-width:0;padding:9px 9px 8px;border:1px solid #66482c;border-radius:4px;background:linear-gradient(#3e2a1e,#261810)}
.lorAdvancedEVName{font-size:13px;font-weight:700;color:#ead5af;overflow-wrap:anywhere}
.lorAdvancedEVGain{margin:4px 0 6px;color:#a9e8aa;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
.lorAdvancedEVGain small{font-size:11px;color:#c8d9b6;font-weight:400}
.lorAdvancedEVBar{height:6px;background:#0c0d0b;border:1px solid #89704b;border-radius:3px;overflow:hidden}
.lorAdvancedEVBar span{display:block;height:100%;background:linear-gradient(#f7d977,#9b782f)}
.lorAdvancedEVFoot{display:flex;gap:3px;justify-content:space-between;flex-wrap:wrap;margin-top:5px;font-size:10px;color:#ccb79a;font-variant-numeric:tabular-nums}
.lorAdvancedHistory{margin-top:10px;border:1px solid #65462a;border-radius:3px;background:#130d0b}
.lorAdvancedHistory summary{padding:9px 11px;cursor:pointer;color:#f2d59f;font-weight:700}
.lorAdvancedHistory summary:focus-visible{outline:2px solid #f5cf76}
.lorAdvancedHistoryBody{max-height:210px;overflow-y:auto;padding:2px 10px 9px}
.lorAdvancedHistoryRow{padding:6px 0;border-top:1px solid #4d3522;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.lorAdvancedHistoryRow time{color:#bfa586}.lorAdvancedHistoryRow b{color:#f7d9a9}.lorAdvancedHistoryRow em{font-style:normal;color:#a5e0a8;margin-left:4px}
.lorAdvancedStatGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.lorAdvancedStat{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:8px;align-items:center;padding:9px 10px;min-width:0;background:#281c15;border:1px solid #63472e;border-radius:4px}
.lorAdvancedStatName{font-size:13px;font-weight:700;overflow-wrap:anywhere}.lorAdvancedStatValue{font-size:16px;color:#f8dd9e;font-weight:700;font-variant-numeric:tabular-nums}
.lorAdvancedStatMeta{grid-column:1/-1;font-size:11px;color:#a7cead}.lorAdvancedStatMissing .lorAdvancedStatMeta{color:#ad9a89}
.lorAdvancedStat p{grid-column:1/-1;margin:3px 0 0;color:#c5b19b;font-size:11px;line-height:1.35}
.lorAdvancedFooter{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:53px;border-top:1px solid #77522e;background:#0e0b0be8;padding:7px 10px;box-sizing:border-box}
.lorAdvancedDone.gameButton{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:36px;min-width:133px;background-size:100% 100%;font:700 16px 'MedievalSharp',Georgia,serif;color:#ffdfac;cursor:pointer}
@media(max-width:530px){.lorAdvancedEVGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lorAdvancedScroll{padding:8px}.lorAdvancedSection{padding:9px 7px}.lorAdvancedStatGrid{grid-template-columns:1fr}.lorAdvancedHeader{min-height:58px;padding-right:48px;padding-left:12px}}
@media(max-width:350px){.lorAdvancedEntry{flex-wrap:wrap}.lorAdvancedOpen.gameButton{width:100%}.lorAdvancedEVGrid{gap:5px}.lorAdvancedEVItem{padding:7px}}

/* 2026-10-14 — Four-source breakdown in the advanced character sheet. */
.lorAdvancedCompositionLegend{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 11px}
.lorAdvancedLegendItem{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:12px;color:#dbc7a8}
.lorAdvancedLegendItem i{display:inline-block;flex:none;width:9px;height:9px;border-radius:2px;background:var(--lor-source);box-shadow:0 0 0 1px #0009}
.lorAdvancedComp--base{--lor-source:#b5b9c2}
.lorAdvancedComp--allocated{--lor-source:#88db8b}
.lorAdvancedComp--ev{--lor-source:#f1cd63}
.lorAdvancedComp--equipment{--lor-source:#82b9f5}
.lorAdvancedCompositionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lorAdvancedCompositionItem{box-sizing:border-box;min-width:0;padding:10px;background:linear-gradient(140deg,#3c291d,#221710);border:1px solid #735134;border-radius:4px}
.lorAdvancedCompositionHead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
.lorAdvancedCompositionHead strong{font-size:14px;color:#f0d7ae;overflow-wrap:anywhere}
.lorAdvancedCompositionTotal{font-size:19px;font-weight:700;color:#ffdc96;font-variant-numeric:tabular-nums}
.lorAdvancedCompositionFormula{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;min-width:0}
.lorAdvancedFormulaTerm{display:flex;min-width:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;border-top:2px solid var(--lor-source);padding:5px 0 0;text-align:center}
.lorAdvancedFormulaTerm small{color:#d0baa0;font-size:10px;line-height:1.15;overflow-wrap:anywhere}
.lorAdvancedFormulaTerm b{color:var(--lor-source);font-size:16px;line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lorAdvancedCompositionFoot{font-size:11px;color:#bca78b;margin:11px 0 0;line-height:1.35}
.lorAdvancedCompositionUnavailable{padding:9px;border:1px solid #6f4b2b;color:#e9ca96;border-radius:4px}
@media(max-width:600px){.lorAdvancedCompositionGrid{grid-template-columns:1fr}.lorAdvancedCompositionItem{padding:9px}.lorAdvancedFormulaTerm small{font-size:11px}}
@media(max-width:350px){.lorAdvancedCompositionLegend{gap:6px 10px}}

/* Award feedback: floats over the changed number (not over the + button). */
[data-lor-stat-value]{position:relative}
.lorStatGainFloat{position:absolute;z-index:2;right:31px;top:-4px;pointer-events:none;
 color:#66ed86;font:700 14px/1 Georgia,serif;text-shadow:0 1px 3px #000;
 animation:lorStatGainRise 1.2s ease-out forwards}
@keyframes lorStatGainRise{0%{opacity:0;transform:translateY(7px)}15%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translateY(-25px)}}
@media(prefers-reduced-motion:reduce){.lorStatGainFloat{animation-duration:.3s}}

/* Stage 4: compact traits, readable from 320px through desktop. */
.lorAdvancedCharacteristicsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.lorAdvancedCharacteristic{display:flex;flex-direction:column;min-width:0;box-sizing:border-box;gap:7px;padding:10px 9px;
 background:linear-gradient(145deg,#3a291c,#1f150f);border:1px solid #765438;border-radius:4px}
.lorAdvancedCharacteristicHead{display:flex;align-items:baseline;justify-content:space-between;gap:5px;min-width:0}
.lorAdvancedCharacteristicHead strong{font:700 14px/1.25 'MedievalSharp',Georgia,serif;color:#eed8b2;overflow-wrap:anywhere}
.lorAdvancedCharacteristicValue{font:700 23px/1 Georgia,serif;color:#b3e8b3;font-variant-numeric:tabular-nums;flex-shrink:0}
.lorAdvancedCharacteristicBar{height:6px;box-sizing:border-box;overflow:hidden;border:1px solid #765334;background:#0d0a07;border-radius:4px}
.lorAdvancedCharacteristicBar span{display:block;height:100%;background:linear-gradient(90deg,#a77e35,#e4c572);border-radius:3px}
.lorAdvancedCharacteristic small{font:11px/1.3 Georgia,serif;color:#cbb898;overflow-wrap:anywhere}
.lorAdvancedCharacteristic small b{color:#f4d292;font-variant-numeric:tabular-nums;white-space:nowrap}
.lorAdvancedCharacteristicStatus{margin:9px 0 0;font-size:11px;line-height:1.45;color:#e9c28c}
.lorAdvancedCharacteristicStatus.is-verified{color:#b5dcb2}
.lorAdvancedCharacteristicScore{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;box-sizing:border-box;
 margin-top:9px;padding:9px 11px;border:1px solid #755237;border-radius:4px;background:#22160f;color:#dfc6a4;font-size:13px}
.lorAdvancedCharacteristicScore strong{margin-left:auto;font:700 22px/1 Georgia,serif;color:#ffdb9c;font-variant-numeric:tabular-nums}
.lorAdvancedCharacteristicScore small{flex-basis:100%;font-size:11px;color:#e3bd7b}
@media(max-width:520px){.lorAdvancedCharacteristicsGrid{gap:5px}.lorAdvancedCharacteristic{padding:9px 6px;gap:6px}
 .lorAdvancedCharacteristicHead{flex-direction:column;align-items:center;gap:5px}
 .lorAdvancedCharacteristicHead strong{font-size:12px;text-align:center}
 .lorAdvancedCharacteristic small{text-align:center;font-size:10px}}
@media(max-width:340px){.lorAdvancedCharacteristicsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}