/* Simple parchment and wood frame, responsive touch-sized slots. */
#bagOverlay{background:#13271db3;z-index:70;padding:12px;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
#bagOverlay .bag-card{position:relative;width:min(750px,96vw);max-height:94dvh;overflow:auto;padding:16px;color:#43341f;background:#efddb4;border:4px solid #7d5733;outline:1px solid #dbb976;box-shadow:inset 0 0 0 2px #fff0cd,0 12px 35px #0b1f1b66;border-radius:5px}
#bagOverlay .lv-bag-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid #b29363;background:none;height:auto}
#bagOverlay #bagTitle{font-size:23px;font-weight:750;line-height:1.3;margin:0;overflow-wrap:anywhere;color:#44341f}
#lvBagSubtitle{margin:3px 0 0!important;font-size:10px;letter-spacing:.09em;color:#856a42!important}
#bagOverlay button{font:600 12px/1.3 "Segoe UI",Tahoma,sans-serif;color:#4e3821;background:#e2c596;border:1px solid #a5814b;border-radius:4px;min-height:34px;padding:7px 10px;cursor:pointer}
#bagOverlay button:hover:enabled{background:#f4dfb5}#bagOverlay button:disabled{opacity:.5;cursor:default}
#bagOverlay #closeBag,#bagOverlay #lvBagItemClose{font-size:23px;width:36px;padding:0;flex:none}
.lv-bag-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding-top:14px}
.lv-bag-profile{padding-right:14px;border-right:1px solid #c1a273;min-width:0}
.lv-bag-avatar{display:flex;justify-content:center;align-items:center;background:#c9c99c;box-shadow:inset 0 0 0 1px #9e9c6b;border-radius:4px;height:128px;margin-bottom:8px}
#lvBagActor{width:96px;height:112px;image-rendering:pixelated}
#lvBagOutfit{display:block;font-size:12px;text-align:center;line-height:1.5;margin-bottom:5px}
#lvBagWardrobe{display:block;width:100%;margin-bottom:12px}
.lv-bag-stat{display:flex;justify-content:space-between;gap:6px;font-size:12px;padding:5px 0;border-bottom:1px solid #cdb489}
.lv-bag-stat b{font-variant-numeric:tabular-nums}
.lv-bag-wallet{margin-top:10px;display:grid;gap:5px}.lv-bag-wallet span{display:flex;align-items:center;gap:6px;font-size:13px}.lv-bag-wallet img{width:25px;height:25px;image-rendering:pixelated}
.lv-bag-xp{font-size:10px;margin-top:10px}.lv-bag-xp progress{width:100%;height:8px;accent-color:#789653}
.lv-bag-main{min-width:0}.lv-bag-tabs{display:flex;gap:5px;border-bottom:1px solid #bc9a69;padding-bottom:8px;margin-bottom:10px}
#bagOverlay .lv-bag-tabs button{flex:1;white-space:nowrap;padding:8px 5px}.lv-bag-tabs [aria-selected=true]{background:#785330!important;color:#fff3d6!important;border-color:#654323!important}
.lv-bag-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;font-size:12px}
#bagOverlay .bag-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:355px;overflow:auto;padding:2px;overscroll-behavior:contain}
#bagOverlay .lv-bag-slot{position:relative;aspect-ratio:1;min-height:0;padding:3px;background:#d9c196;border:1px solid #b09361;box-shadow:inset 0 0 0 2px #f4e4c3;border-radius:3px;display:grid;place-items:center}
#bagOverlay .lv-bag-slot img{width:80%;height:80%;object-fit:contain;image-rendering:pixelated}.lv-bag-item-icon{font-size:29px;line-height:1}
#bagOverlay .lv-bag-slot b{position:absolute;right:5px;bottom:3px;font-size:11px;color:#3d2e20;background:#f2dfb8c9;border-radius:2px;padding:0 2px}.lv-slot-empty{opacity:.7}
#bagOverlay .lv-bag-hint{font-size:11px;color:#856e4b;margin:10px 0;line-height:1.5}
#lvBagOverflow{font-size:11px;padding:8px 0}#lvBagOverflow summary{cursor:pointer;font-weight:700}.lv-overflow-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}
.lv-bag-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #c5a577;padding-top:9px;margin-top:10px}
#bagOverlay #bagStatus{font-size:11px;min-height:18px;line-height:1.5;color:#69502f;overflow-wrap:anywhere}#lvBagRefresh{flex:none}
#bagOverlay .lv-skill-points{font-size:14px;margin:10px 0}.lv-skill-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #d0b68c}.lv-skill-row strong{font-size:13px}.lv-skill-row p{font-size:11px;margin:5px 0 0;line-height:1.45}
.lv-achievement-row{position:relative;padding:12px 0;border-bottom:1px solid #ccb084}.lv-achievement-row strong{font-size:13px}.lv-achievement-row p{font-size:11px;margin:5px 0;line-height:1.5}.lv-achievement-row progress{width:100%;height:7px;accent-color:#789653}.lv-reward-label{color:#8a5a20!important}.lv-achievement-row button{margin-top:5px}
.lv-item-overlay{position:absolute;inset:0;min-height:100%;z-index:4;background:#342a1d88;display:flex;justify-content:center;align-items:flex-start;padding:50px 14px 20px;box-sizing:border-box}
.lv-item-card{position:relative;width:min(360px,100%);box-sizing:border-box;background:#f6e7c9;border:3px solid #805c35;border-radius:5px;padding:18px;color:#4c3821;box-shadow:0 6px 24px #1d211d66}
#bagOverlay .lv-item-card h3{font-size:18px;margin:5px 28px 10px 0}.lv-item-card p{font-size:12px;line-height:1.6;margin:8px 0}#lvBagItemClose{position:absolute;right:7px;top:7px}
#lvItemKind{font-size:10px;color:#987141!important;text-transform:uppercase;letter-spacing:.06em}.lv-item-actions{display:flex;gap:7px;margin-top:15px}#bagOverlay #useItem,#bagOverlay #lvExpandYes{background:#667d46;color:#fff4d7;border-color:#475e32}
#lvDiscardConfirm{border-top:1px solid #c1a475;margin-top:14px;padding-top:12px;font-size:12px}#lvDiscardConfirm input{width:70px;background:#fff8e7;color:#45341e;padding:7px;border:1px solid #b2986e;border-radius:3px}#bagOverlay #lvDiscardYes{background:#a4513b;color:#fff1d9}#lvItemMessage{color:#8e3926!important}
@media(min-width:581px){#lvBagAchievements{max-height:390px;overflow:auto;padding-right:4px}}
@media(max-width:580px){#bagOverlay{padding:6px}#bagOverlay .bag-card{padding:12px;width:97vw;max-height:96dvh}.lv-bag-layout{grid-template-columns:1fr;gap:12px;padding-top:10px}.lv-bag-profile{display:grid;grid-template-columns:84px minmax(0,1fr);gap:5px 12px;border-right:0;border-bottom:1px solid #c1a273;padding:0 0 10px}.lv-bag-avatar{grid-column:1;grid-row:1/4;height:96px;margin:0}#lvBagActor{width:72px;height:84px}#lvBagOutfit{grid-column:1;grid-row:4;font-size:10px;margin:0}#lvBagWardrobe{grid-column:1;grid-row:5;font-size:10px;padding:4px;margin:0;min-height:29px}#lvBagStats{grid-column:2;grid-row:1/4}.lv-bag-stat{padding:3px 0}.lv-bag-wallet{grid-column:2;grid-row:4;display:flex;flex-wrap:wrap;gap:5px 14px;margin:0;font-size:12px}.lv-bag-wallet img{width:21px;height:21px}.lv-bag-xp{grid-column:2;grid-row:5;margin:0}.lv-bag-tabs{margin-bottom:8px}#bagOverlay .bag-grid{max-height:310px;gap:5px}#bagOverlay #bagTitle{font-size:20px}.lv-item-overlay{padding-top:35px}.lv-bag-item-icon{font-size:26px}}
@media(orientation:landscape) and (max-height:500px){.lv-bag-layout{grid-template-columns:130px minmax(0,1fr)}.lv-bag-profile{display:block;border-bottom:0;border-right:1px solid #c1a273;padding-right:10px}.lv-bag-avatar{height:86px}#lvBagActor{width:72px;height:84px}#bagOverlay .bag-grid{max-height:205px}#bagOverlay .bag-card{max-height:97dvh}}

/* Map 11: honey wood, fine gold trim and a fixed four-row inventory viewport. */
#bagOverlay .bag-card{width:min(620px,96vw);border:3px solid #c69c19;outline:2px solid #74530b;background:repeating-linear-gradient(0deg,#edce83 0px,#f6dfa2 3px,#efd18b 7px,#efd18b 17px);box-shadow:inset 0 0 0 2px #fff2bb,0 12px 35px #13231988;border-radius:5px}
#bagOverlay .lv-bag-head{justify-content:center;position:relative;border:0;padding:2px 0 12px;text-align:center}
#bagOverlay .lv-bag-head:before,#bagOverlay .lv-bag-head:after{content:'❧';position:absolute;top:0;color:#448d27;font-size:32px;pointer-events:none}
#bagOverlay .lv-bag-head:before{left:0}#bagOverlay .lv-bag-head:after{right:45px;transform:scaleX(-1)}
#bagOverlay #bagTitle{font-size:26px;letter-spacing:.08em}#bagOverlay #closeBag{position:absolute;right:0;top:0;color:#b32921;background:#f9e0a0;border:2px solid #b38a25}
.lv-bag-layout{display:block;padding-top:0}.lv-bag-tabs{gap:6px;border:0;margin-bottom:12px}
#bagOverlay .lv-bag-tabs [aria-selected=true]{background:#efba32!important;color:#4d330d!important;border-color:#aa7816!important;box-shadow:inset 0 0 0 2px #ffe99b}
.lv-grid-scroll{container-type:inline-size;width:100%;overflow:hidden}
#bagOverlay .bag-grid{--slot:calc((100cqw - 48px)/7);grid-template-columns:repeat(7,var(--slot));grid-auto-rows:var(--slot);height:calc(4 * var(--slot) + 18px);max-height:none;gap:6px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:0;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#bb8c32 #e5c37a;overscroll-behavior:contain}
#bagOverlay .lv-bag-slot{width:100%;height:100%;box-sizing:border-box;aspect-ratio:auto;border:2px solid #b37530;background:repeating-linear-gradient(0deg,#e39742 0,#f4b565 3px,#eaa04a 5px,#eaa04a 15px);box-shadow:inset 0 0 0 2px #ffcc81;border-radius:1px}
#bagOverlay .lv-bag-slot b{color:white;background:#71441bb0;text-shadow:1px 1px #382309}#bagOverlay .lv-slot-empty{opacity:1}#bagOverlay .lv-slot-locked{opacity:.65;font-size:20px}
#bagOverlay .lv-bag-profile{display:grid;grid-template-columns:32% minmax(0,1fr);gap:14px;border:0;border-top:2px solid #c29936;padding:14px 0 8px;margin-top:10px}
.lv-profile-actor,.lv-profile-info{min-width:0}.lv-bag-avatar{height:145px;background:#e3bd72;border:1px solid #bd9140;box-shadow:inset 0 0 0 2px #ffe7ad}.lv-profile-actor #lvBagWardrobe{margin:4px 0 0}
#lvProfileName{font-size:21px;overflow-wrap:anywhere}#lvProfileLevel,#lvProfileClan{font-size:12px;margin:4px 0}.lv-bag-stat{padding:5px 0;font-size:12px}.lv-bag-xp{margin-top:9px}.lv-bag-xp progress{accent-color:#a85ac0}
.lv-bag-wallet{display:flex;justify-content:space-between;gap:12px;border-top:2px solid #c29936;padding-top:10px;margin-top:8px}.lv-bag-wallet span{font-size:16px}.lv-bag-wallet span:first-child:before{content:'Xu';font-size:12px}.lv-bag-wallet span:last-child:before{content:'Ngọc';font-size:12px}
#lvCollectionGroups{display:flex;gap:6px}#lvCollectionGroups button{flex:1}#lvCollectionGroups [aria-pressed=true]{background:#e7b346}#lvCollectionSummary{font-size:12px}
#lvCollectionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:45dvh;overflow:auto}.lv-collection-tile{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;font-size:11px;padding:12px 4px;background:#e5b968;border:1px solid #b78a37}.lv-collection-icon{display:grid;place-items:center;font-size:32px;height:48px;width:48px}.lv-collection-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.lv-undiscovered{filter:brightness(0);opacity:.75}.lv-question{position:absolute;top:23px;left:0;right:0;color:#fff1c2;font-size:26px;z-index:1;text-shadow:1px 1px #543818}.lv-trophy{font-size:17px;color:#65410d}
#lvBagAchievements{max-height:55dvh;overflow:auto}
@media(max-width:580px){#bagOverlay .bag-card{padding:10px}#bagOverlay .lv-bag-profile{grid-template-columns:31% minmax(0,1fr);gap:10px}.lv-bag-avatar{display:flex;height:120px}#lvBagActor{width:90px;height:105px}.lv-bag-item-icon{font-size:clamp(18px,5vw,28px)}#bagOverlay .lv-bag-slot b{font-size:10px;right:2px;bottom:1px}#lvCollectionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}

#bagOverlay .bag-grid::-webkit-scrollbar{width:12px}#bagOverlay .bag-grid::-webkit-scrollbar-track{background:#e5c37a}#bagOverlay .bag-grid::-webkit-scrollbar-thumb{background:#bb8c32;border:2px solid #e5c37a}

.lv-bag-stat{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:2px 5px;border:0;align-items:center}.lv-bag-stat img{width:20px;height:20px;image-rendering:pixelated;grid-row:1/3}.lv-bag-stat progress{grid-column:2/4;width:100%;height:7px;accent-color:#cb4e52}.lv-bag-stat[data-stat=drop] progress{accent-color:#42a6c4}.lv-bag-stat[data-stat=drumstick] progress{accent-color:#d48c31}

#bagOverlay .lv-bait-slot{border:2px solid var(--bait-color);box-shadow:inset 0 0 0 1px #fff0b6}#lvItemPreview{display:block;width:72px;height:72px;margin:0 auto 8px;object-fit:contain;image-rendering:pixelated}#lvItemPreview[hidden],#lvBaitUpgrade[hidden]{display:none!important}


/* Map 11 / Balo v2: crisp low-pixel, parchment + wood, source-driven UI.
   The 7×4 viewport and all existing inventory operations stay unchanged. */
#bagOverlay{
 --lv-bag-dark:#56321f;--lv-bag-wood:#87502e;--lv-bag-edge:#c48938;
 --lv-bag-cream:#f7e5c9;--lv-bag-ink:#3b261b;
 font-family:system-ui,"Segoe UI",Tahoma,Arial,sans-serif;
 background:rgba(11,21,17,.76);
}
#bagOverlay .bag-card{
 box-sizing:border-box;width:min(654px,96vw);max-height:96dvh;padding:13px;
 border:3px solid #b77a2b;border-radius:8px;outline:2px solid #4c2a1d;
 background:#f4dfbc;
 box-shadow:inset 0 0 0 3px #fddf9f,0 12px 36px #09130f9c;
 color:var(--lv-bag-ink);
}
#bagOverlay .lv-bag-head{
 display:flex;justify-content:flex-end;align-items:center;gap:10px;
 min-height:43px;padding:0 1px 10px;border:0;
}
#bagOverlay .lv-bag-head::before,#bagOverlay .lv-bag-head::after{content:none;display:none}
#bagOverlay #bagTitle,#bagOverlay #lvBagSubtitle{display:none!important}
#bagOverlay .lv-bag-wallet{
 display:flex;justify-content:flex-end;align-items:center;gap:9px;
 border:2px solid #754524;border-radius:7px;
 padding:3px 8px;margin:0;background:#6b3f25;color:#fff0cf;
 min-width:0;max-width:calc(100% - 47px);box-sizing:border-box;
}
#bagOverlay .lv-bag-wallet span{
 display:flex;align-items:center;gap:4px;
 min-width:0;font-size:clamp(12px,2.6vw,15px);font-weight:750;
 white-space:nowrap;color:#fff2d2;font-variant-numeric:tabular-nums;
}
#bagOverlay .lv-bag-wallet span::before{display:none;content:none!important}
#bagOverlay .lv-bag-wallet img{
 width:24px;height:24px;object-fit:contain;image-rendering:pixelated;
}
#bagOverlay #closeBag{
 position:static;width:39px;height:38px;min-height:38px;
 background:#af352a;color:#fff6db;border:2px solid #702e20;
 border-radius:5px;line-height:1;padding:0;font-size:26px;
 box-shadow:inset 0 0 0 2px #e06645,0 2px 0 #5c281b;
}
#bagOverlay .lv-bag-layout{display:block;padding:0}
#bagOverlay .lv-bag-tabs{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:6px;margin:0 0 9px;padding:0;border:0;
}
#bagOverlay .lv-bag-tabs button{
 min-width:0;min-height:43px;padding:8px 2px;
 border:2px solid #b38157;border-radius:6px;
 font:750 clamp(12px,2.8vw,16px)/1.25 system-ui,"Segoe UI",sans-serif;
 white-space:nowrap;color:#3b2318;background:#f8debc;
 box-shadow:inset 0 2px #fff1d8,0 2px 0 #a7754d;
}
#bagOverlay .lv-bag-tabs button[aria-selected=true]{
 background:#f5bf36!important;color:#3b2618!important;border-color:#a36a20!important;
 box-shadow:inset 0 2px #ffe18b,0 2px 0 #8c521d;
}
#bagOverlay .lv-bag-tabs button:focus-visible,#bagOverlay .lv-bag-slot:focus-visible{
 outline:3px solid #3978c2;outline-offset:2px;z-index:1;
}
#bagOverlay .lv-bag-tools{
 display:flex;align-items:center;gap:8px;justify-content:space-between;
 margin:0;padding:5px 3px 4px;font-size:11px;color:#78502e;
}
#bagOverlay #lvBagExpand{font-size:11px;min-height:24px;padding:3px 8px}
#bagOverlay .lv-grid-scroll{
 container-type:inline-size;width:100%;overflow:hidden;
 border:2px solid #ac794f;border-radius:7px;
 background:#ebcba6;padding:5px 4px;box-sizing:border-box;
}
#bagOverlay .bag-grid{
 --slot:calc((100cqw - 53px)/7);
 grid-template-columns:repeat(7,minmax(0,var(--slot)));
 grid-auto-rows:var(--slot);height:calc(4 * var(--slot) + 18px);
 max-height:none;gap:6px;overflow-x:hidden;overflow-y:auto;
 overscroll-behavior:contain;scrollbar-gutter:stable;
 scrollbar-width:thin;scrollbar-color:#a36c42 #edceab;
 touch-action:pan-y;
}
#bagOverlay .lv-bag-slot{
 width:100%;height:100%;box-sizing:border-box;aspect-ratio:1;
 border:2px solid #855637;border-radius:6px;
 background:#ffe8c8;box-shadow:inset 0 0 0 2px #fff4de;
 padding:2px;image-rendering:pixelated;
}
#bagOverlay .lv-bag-slot:hover:not(.lv-slot-empty):not(.lv-slot-locked){
 border-color:#b97919;background:#fff0d6;
}
#bagOverlay .lv-slot-empty{opacity:1}
#bagOverlay .lv-slot-locked{background:#e2c3a3;opacity:.78;font-size:17px}
#bagOverlay .lv-bag-slot b{
 right:2px;bottom:2px;padding:0 3px;font-size:10px;border-radius:3px;
 background:#70452fe8;color:white;text-shadow:none;
}
#bagOverlay .lv-bag-footer{
 border:0;padding:4px 2px 0;margin:0;min-height:24px;
}
#bagOverlay #bagStatus{color:#6e4b33;font-size:10px}
#bagOverlay .lv-bag-hint{margin:4px 2px;font-size:10px;line-height:1.4;color:#806348}
#bagOverlay .lv-bag-profile{
 display:grid;grid-template-columns:clamp(96px,21%,128px) minmax(0,1fr);
 gap:11px;margin-top:8px;padding:12px 8px 8px;border:0;
 border-top:3px solid #b9844f;border-radius:0;
 background:#ffe7c5;
}
#bagOverlay .lv-profile-actor{
 min-width:0;display:flex;flex-direction:column;align-items:center;
 justify-content:center;gap:2px;
 border-right:1px solid #bb8b65;padding:2px 9px 0 0;
}
#bagOverlay .lv-bag-avatar{
 margin:0;height:auto;min-height:112px;width:100%;border:0!important;
 box-shadow:none!important;background:transparent!important;
 display:flex;align-items:center;justify-content:center;
}
#bagOverlay #lvBagActor{width:96px;height:112px;max-width:100%;image-rendering:pixelated}
#bagOverlay #lvBagOutfit{
 position:absolute;width:1px;height:1px;overflow:hidden;
 clip-path:inset(50%);white-space:nowrap;margin:0;
}
#bagOverlay #lvBagWardrobe{
 width:auto;min-height:22px;margin:0;padding:1px 3px;border:0;
 background:transparent;color:#795437;text-decoration:underline;
 font-size:10px;line-height:1.2;
}
#bagOverlay .lv-profile-info{
 display:grid;min-width:0;gap:5px 11px;
 grid-template-columns:minmax(0,1fr) minmax(134px,39%);
 grid-template-areas:"heading progress" "details details";
 align-content:start;
}
#bagOverlay .lv-profile-heading{grid-area:heading;min-width:0}
#bagOverlay .lv-profile-name-line{
 display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0;
}
#bagOverlay #lvProfileName{
 font-size:clamp(16px,2.8vw,22px);font-weight:800;
 line-height:1.25;overflow-wrap:anywhere;color:#3b2319;
}
#bagOverlay .lv-profile-gender{
 display:inline-flex;align-items:center;justify-content:center;flex:none;
 width:22px;height:22px;font-size:23px;line-height:1;font-weight:850;
 color:#2386d5;text-shadow:0 1px #d6f0ff;
}
#bagOverlay .lv-profile-gender[data-gender=female]{color:#e16eaf;text-shadow:0 1px #ffe0ef}
#bagOverlay .lv-profile-ring{
 position:relative;flex:none;width:23px;height:23px;display:inline-block;
}
#bagOverlay .lv-profile-ring::before{
 content:'';position:absolute;left:4px;top:5px;width:13px;height:13px;
 box-sizing:border-box;border:4px solid #ecbc35;
 border-radius:50%;box-shadow:0 0 0 2px #9d581c,inset 0 1px 0 #fff0a1;
}
#bagOverlay .lv-profile-ring::after{
 content:'';position:absolute;left:9px;top:1px;width:5px;height:5px;
 background:#fff0a2;border:1px solid #b66e20;border-radius:2px;
}
#bagOverlay .lv-profile-ring[hidden],#bagOverlay .lv-profile-gender[hidden],
#bagOverlay .lv-profile-clan[hidden]{display:none!important}
#bagOverlay .lv-profile-clan{
 display:flex;align-items:center;min-width:0;gap:7px;margin:3px 0 0;
 font-size:12px;font-weight:700;overflow-wrap:anywhere;
}
#bagOverlay .lv-profile-clan-emblem{
 width:22px;height:25px;display:flex;align-items:center;justify-content:center;
 flex:none;clip-path:polygon(6% 6%,94% 6%,94% 70%,50% 100%,6% 70%);
 background:#7954a6;border:0;position:relative;
}
#bagOverlay .lv-profile-clan-emblem::before{
 content:'✦';color:#fff1b7;font-size:13px;
}
#bagOverlay .lv-profile-clan-emblem:has(img:not([hidden]))::before{content:none}
#bagOverlay .lv-profile-clan-emblem img{
 width:100%;height:100%;object-fit:contain;image-rendering:pixelated;
}
#bagOverlay .lv-profile-progress{
 grid-area:progress;display:flex;align-items:center;gap:7px;min-width:0;
}
#bagOverlay #lvProfileLevel{
 padding:4px 7px;border:2px solid #915c35;border-radius:5px;
 color:#fff3d9;background:#a77044;font-size:12px;
 font-weight:800;white-space:nowrap;line-height:1.2;
}
#bagOverlay .lv-bag-xp{flex:1;min-width:0;margin:0;display:grid;gap:3px}
#bagOverlay #lvBagXpLabel{
 padding:2px 4px;background:#885331;color:#fff0d2;
 font-weight:750;font-size:10px;line-height:1.3;
 text-align:center;border-radius:4px;
}
#bagOverlay #lvBagXp{height:7px;accent-color:#b78b56}
#bagOverlay .lv-profile-details{
 grid-area:details;display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,31%);
 gap:8px;min-width:0;align-items:center;margin-top:5px;
}
#bagOverlay #lvBagStats{display:grid;gap:4px}
#bagOverlay .lv-bag-stat{
 display:grid;grid-template-columns:minmax(78px,1fr) auto;
 gap:5px;align-items:baseline;min-width:0;padding:0;border:0;
 font-size:clamp(11px,2.25vw,13px);line-height:1.4;color:#432b20;
}
#bagOverlay .lv-bag-stat span{font-weight:700}
#bagOverlay .lv-bag-stat b{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#bagOverlay .lv-profile-relationship{
 min-height:73px;display:flex;align-items:flex-start;justify-content:center;
 flex-direction:column;gap:5px;padding-left:12px;
 border-left:1px solid #bd8b5e;color:#4d3021;font-size:12px;
}
#bagOverlay .lv-profile-relationship>span{font-weight:600;color:#73523b}
#bagOverlay #lvProfileRelationship{
 color:#68442c;font-size:clamp(12px,2.25vw,14px);
 font-weight:800;line-height:1.3;
}
#bagOverlay .bag-grid::-webkit-scrollbar{width:10px}
#bagOverlay .bag-grid::-webkit-scrollbar-track{background:#edceab}
#bagOverlay .bag-grid::-webkit-scrollbar-thumb{background:#ac7d50;border:2px solid #edceab;border-radius:5px}
#bagOverlay [hidden]{display:none!important}
@media(max-width:540px){
 #bagOverlay{padding:4px}
 #bagOverlay .bag-card{padding:8px;width:calc(100vw - 10px);max-height:98dvh}
 #bagOverlay .lv-bag-head{gap:7px;min-height:36px;padding-bottom:6px}
 #bagOverlay .lv-bag-wallet{padding:2px 4px;gap:5px}
 #bagOverlay .lv-bag-wallet span{font-size:12px}
 #bagOverlay .lv-bag-wallet img{width:19px;height:19px}
 #bagOverlay #closeBag{width:33px;height:32px;min-height:32px;font-size:22px}
 #bagOverlay .lv-bag-tabs{gap:4px;margin-bottom:6px}
 #bagOverlay .lv-bag-tabs button{min-height:37px;padding:6px 0;font-size:12px}
 #bagOverlay .lv-grid-scroll{padding:3px 2px}
 #bagOverlay .bag-grid{--slot:calc((100cqw - 41px)/7);gap:4px;height:calc(4 * var(--slot) + 12px)}
 #bagOverlay .lv-bag-slot{border-width:1.5px;border-radius:4px;box-shadow:inset 0 0 0 1px #fff1da}
 #bagOverlay .lv-bag-profile{grid-template-columns:72px minmax(0,1fr);gap:6px;padding:7px 3px;margin-top:6px}
 #bagOverlay .lv-profile-actor{padding-right:4px}
 #bagOverlay .lv-bag-avatar{min-height:80px}
 #bagOverlay #lvBagActor{width:69px;height:81px}
 #bagOverlay #lvBagWardrobe{font-size:9px}
 #bagOverlay .lv-profile-info{
  grid-template-columns:1fr;grid-template-areas:"heading" "progress" "details";
  gap:3px;
 }
 #bagOverlay .lv-profile-progress{max-width:270px}
 #bagOverlay .lv-profile-details{grid-template-columns:minmax(0,1fr) minmax(75px,34%);gap:4px;margin-top:2px}
 #bagOverlay #lvProfileName{font-size:16px}
 #bagOverlay .lv-profile-gender{width:19px;height:19px;font-size:20px}
 #bagOverlay .lv-profile-relationship{min-height:55px;padding-left:6px;font-size:10px}
 #bagOverlay #lvProfileRelationship{font-size:11px}
 #bagOverlay .lv-bag-stat{font-size:10.5px;grid-template-columns:minmax(0,1fr) auto;gap:2px}
 #bagOverlay #lvProfileLevel{font-size:10px;padding:3px 5px}
 #bagOverlay #lvBagXpLabel{font-size:9px}
 #bagOverlay .lv-bag-hint{font-size:9px}
}
@media(max-width:370px){
 #bagOverlay .lv-profile-details{grid-template-columns:1fr}
 #bagOverlay .lv-profile-relationship{border-left:0;border-top:1px solid #c89d72;min-height:0;padding:3px 0 0;display:block}
 #bagOverlay .lv-profile-relationship>span{margin-right:6px}
 #bagOverlay .lv-profile-clan{font-size:10px}
}
@media(orientation:landscape) and (max-height:500px){
 #bagOverlay .lv-bag-layout{display:block}
 #bagOverlay .lv-bag-profile{display:grid;grid-template-columns:90px minmax(0,1fr);border:0;border-top:2px solid #c29936}
 #bagOverlay .lv-profile-info{display:grid}
 #bagOverlay .lv-bag-avatar{height:auto}
 #bagOverlay .bag-grid{max-height:none}
}