/* Logger's actual equipment / inventory art, adapted to landscape HTML panels.
   Keep text native-sized; only the baked art and its slot coordinates scale. */
#modal[data-kind=inventory]{background:#101010;border-color:#71685a;box-shadow:0 0 0 3px #090909,0 20px 90px #000b}
#modal[data-kind=inventory]>header{background:linear-gradient(#22211f,#101111);border-bottom-color:#766953;padding:12px 22px;height:65px}
#modal[data-kind=inventory] h2{color:#e7d6b1;font-size:20px}
#modal[data-kind=inventory] #modal-kicker{color:#b7ac94}
.inventory-shell{color:#d3d1c9;background:#111212}
.bag-topline{background:#171715;border-color:#605a4c;min-height:44px}
#modal-body .bag-tabs button{color:#bdb7a8;letter-spacing:0}
#modal-body .bag-tabs [aria-selected=true]{color:#f4d789;border-color:#bca679;background:linear-gradient(#a58c4220,#a58c4200)}
.bag-wallet,.bag-wallet strong{color:#e4d4ac}
.bag-layout{grid-template-columns:minmax(210px,.94fr) minmax(245px,1fr) minmax(250px,1fr);gap:10px;padding:10px;}
.loadout-panel{padding:0;border:0;background:none}
.legacy-equipment-board{position:relative;flex:none;aspect-ratio:432/640;width:100%;background:url('../public/assets/logger-equipment-page.png') left top/166.666667% 100% no-repeat}
.legacy-equipment-board .loadout-title{position:absolute;left:7%;right:7%;top:6%;gap:5px}
.loadout-title>span,.loadout-title>small{font-size:12px;color:#c5bfae}
.loadout-title>strong{color:#f0dfb7;font-size:14px}
#modal-body .legacy-gear-slot{position:absolute;transform:translate(-50%,-50%);padding:0;background:none;display:block;color:#e6ddc6;overflow:visible}
.legacy-gear-slot img{position:absolute;inset:12% 12% 18%;width:76%;height:70%;object-fit:contain;image-rendering:pixelated;pointer-events:none}
.legacy-gear-slot>span{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);min-width:calc(100% - 4px);width:max-content;white-space:nowrap;text-align:center;background:#090b0ddd;font-size:12px;line-height:1.2;color:#d3cbbb}
.legacy-gear-slot>b{position:absolute;top:4px;left:5px;font-size:12px;color:#f4d789;text-shadow:0 1px 2px #000}
#modal-body .legacy-gear-slot[aria-pressed=true]{outline:2px solid #f4d789;outline-offset:-4px}
#modal-body .legacy-gear-slot:disabled{opacity:1;filter:none;cursor:default}
#modal-body .legacy-gear-note{position:absolute;left:5%;right:5%;bottom:4%;margin:0;text-align:center;font-size:12px;color:#bcb5a7}
.bag-storage{padding:20px 14px 14px;background:#111 url('../public/assets/logger-inventory-page.png') center/100% 100% no-repeat}
.bag-section-title{justify-content:center;gap:10px;margin:0 8px 18px;color:#ebd7af}
.bag-section-title h3{font-size:14px}
.bag-section-title>span,.bag-sort,.bag-help{color:#beb7a7}
#modal-body .bag-filters button{background:#141514;border:1px solid #6f6858;color:#cfcabd}
#modal-body .bag-filters [aria-pressed=true]{background:#3b3425;border-color:#cfb77f;color:#f6dfab}
.bag-sort select{background:#171819;border-color:#6f6858;color:#e4dfd0}
.bag-grid{gap:5px}
.inventory-shell[data-tab=bag] .bag-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
#modal-body .bag-slot,.bag-empty-slot{border:0;border-radius:0;background:transparent url('../public/assets/logger-slot-empty.png') center/100% 100% no-repeat;box-shadow:none;padding:15%;filter:none}
#modal-body .bag-slot.selected{background:transparent url('../public/assets/ui-slot-selected.png') center/100% 100% no-repeat;border:0;box-shadow:none;outline:2px solid #f4d789;outline-offset:-5px}
.bag-slot .bag-equipped{color:#171713;background:#dcc889}.bag-slot .bag-count{color:#f6dfab;bottom:6px;right:7px}
.bag-detail{padding:18px 18px 14px;border:0;background:#111 url('../public/assets/logger-equipment-page.png') right top/255.102% 100% no-repeat}
.legacy-character-summary{flex:none;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #736950}
.legacy-character-summary>span{font-size:12px;color:#d8c493}
.legacy-character-summary .loadout-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 0;gap:8px}
.legacy-character-summary .loadout-stats>div{display:block;border:0;padding:0}.legacy-character-summary dt{font-size:12px;color:#bbb9b0}.legacy-character-summary dd{font-size:18px;color:#efe5cf}
.loadout-growth,.bag-detail-heading,.bag-comparison{color:#bdb8aa}.loadout-growth b{color:#e2cea5}
.bag-detail-heading b{color:#e4d2ad;border-color:#857350}
#modal-body .bag-description{color:#cbc6b9}
.bag-power{background:#080a0b;border-color:#bea36e;margin-top:12px}.bag-power strong{color:#f4d789}
.bag-item-stats dt{color:#c4beaf}.bag-item-stats dd{color:#eee4cf}
.bag-detail-action{border-color:#6f624a}
.bag-detail-action:empty{display:none}
#modal-body .bag-detail-action>button{background:transparent url('../public/assets/logger-button-bronze.png') center/100% 100% no-repeat;min-height:42px;color:#f6e5be;text-shadow:0 1px 2px #000}
#modal-body .bag-detail-action>button:disabled{filter:grayscale(.7);color:#cbc5b8}
.bag-detail-action>small{color:#bdb6a7}
.bag-footer{border-color:#605a4c;color:#bfb7a5}
@container game-viewport (max-height:520px) or (max-width:900px){
 #modal[data-kind=inventory]>header{height:42px;padding:6px 12px}
 #modal[data-kind=inventory] h2{font-size:16px}
 .bag-topline{min-height:36px;padding:0 10px}
 .bag-layout{grid-template-columns:minmax(135px,.85fr) minmax(175px,1.1fr) minmax(180px,1.15fr);gap:6px;padding:6px}
 .bag-storage{padding:12px 10px}.bag-section-title{margin-bottom:12px}.bag-section-title h3{font-size:12px}
 .bag-detail{padding:10px 12px}.legacy-character-summary{padding-bottom:5px;margin-bottom:6px}
 .legacy-character-summary .loadout-stats{margin:4px 0}.legacy-character-summary dd{font-size:14px;display:inline;margin-left:5px}.legacy-character-summary dt{display:inline}
 .legacy-character-summary .loadout-growth{display:none}
 .legacy-equipment-board{height:100%;min-height:210px;aspect-ratio:auto}
 .legacy-gear-slot>b{display:none}
 #modal-body .bag-detail-action>button{min-height:34px}
 .bag-detail-action>small{margin-top:4px}
 .loadout-title>strong{font-size:12px}.legacy-equipment-board .loadout-title{gap:2px}
}
@container game-viewport (max-width:690px){
 .bag-layout{grid-template-columns:minmax(105px,.75fr) minmax(140px,1fr) minmax(155px,1.1fr);gap:4px;padding:4px}
 .inventory-shell[data-tab=bag] .bag-layout{grid-template-columns:minmax(210px,1.35fr) minmax(175px,1fr)}
 .bag-detail,.bag-storage{padding:10px 8px}
 .legacy-character-summary dd{display:block;margin:0}
 .bag-sort{flex-wrap:wrap}.bag-grid{gap:3px}
}
.bag-storage{display:flex;flex-direction:column;overflow:hidden}
.bag-storage>.bag-section-title,.bag-storage>.bag-filters,.bag-storage>.bag-sort{flex-shrink:0}
.bag-storage>.bag-grid-viewport{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;touch-action:pan-y}
.bag-pages{display:flex;justify-content:center;align-items:center;gap:10px;padding:5px;flex:none;font:12px system-ui;color:#e6d6b0}
#modal-body .bag-pages button{min-width:30px;min-height:28px;padding:2px 8px;font-size:18px}