/* B11: native Scroll of Mana inventory presentation. Reuses original .win.w-inv/.doll/.slot/.grid/.it styles. */
#som-online-inventory.som-native-overlay{position:fixed;inset:0;z-index:110050;display:flex;align-items:center;justify-content:center;padding:8px;background:rgba(17,12,11,.42);isolation:isolate;color:var(--mn-ink,#e4d0a0);touch-action:manipulation}
#som-online-inventory[hidden],#som-online-inventory [hidden]{display:none!important}
#som-online-inventory :is(.win,.slot,.grid,.it){box-sizing:border-box}
#som-online-inventory .win.som-native-window{position:relative;left:auto;top:auto;z-index:1;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:auto;pointer-events:auto;user-select:none;--cell:clamp(24px,min(calc((100dvh - 185px) / 14.15),calc((100vw - 50px)/8)),49px);}
#som-online-inventory .win-h{flex-shrink:0;cursor:default}
#som-online-inventory .win-t{margin:0;line-height:1.2;font-size:calc(18px * var(--txt-h));text-align:center}
#som-online-inventory .win-b{overflow:auto;overscroll-behavior:contain}
#som-online-inventory button{cursor:pointer;font-family:var(--f-ui,serif)}
#som-online-inventory .som-native-btn{color:var(--mn-ink,#e9d59f);background:linear-gradient(#fff1cb,#dbb875);border:1.5px solid #b68c4c;border-radius:6px;padding:6px 11px;font-size:12px;font-weight:700}
#som-online-inventory .som-native-close{padding:0;color:#331e16;line-height:1;font-size:24px;font-weight:bold}
#som-online-inventory .slot.som-native-slot{pointer-events:auto}
#som-online-inventory .slot .slot-ic{display:block;max-width:85%;max-height:87%;width:85%;height:87%;object-fit:contain}
#som-online-inventory .slot .slot-ph{display:block}
#som-online-inventory .it.som-native-item{padding:2px;border:0;border-radius:0;display:grid;place-items:center;appearance:none;background:transparent;overflow:visible}
#som-online-inventory .som-native-item:focus-visible,#som-online-inventory .som-native-slot:focus-visible{outline:2px solid #b17624;outline-offset:1px}
#som-online-inventory .som-native-item img{width:100%;height:100%;max-width:32px;max-height:32px;object-fit:contain;image-rendering:pixelated}
#som-online-inventory .som-native-item:hover{background:rgba(236,197,100,.24)}
#som-online-inventory .som-native-coin{font-size:17px;color:#a16b1d;line-height:1}
#som-online-inventory .zen{display:flex;align-items:center;gap:5px}
#som-online-inventory .inv-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
#som-online-inventory .som-native-status{font-size:11px;line-height:1.3;color:#7b6344;margin:5px auto 0;max-width:calc(8 * var(--cell) + 4px);min-height:14px}
#som-online-inventory .som-native-bank .doll{display:none}
#som-online-inventory .som-native-bank .grid{max-height:calc(100dvh - 195px);overflow-y:auto;}
#som-online-inventory .som-native-bank .grid-items{position:relative;min-height:calc(var(--rows)*var(--cell))}
#som-online-inventory .som-native-sheet{position:absolute;z-index:3;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(370px,calc(100vw - 28px));padding:15px;border:2px solid #bc9455;border-radius:10px;background:linear-gradient(150deg,#fcf3d9,#e7d0a3);color:#432f20;box-shadow:0 0 0 500vmax #0006,0 12px 40px #0009;pointer-events:auto}
#som-online-inventory .som-native-sheet-title{font-size:17px;line-height:1.3;margin:0 0 8px;color:#69431b}
#som-online-inventory .som-native-sheet-content{font-size:12px;line-height:1.55;margin:0 0 12px}
#som-online-inventory .som-native-item-meta{color:#68513b}
#som-online-inventory .som-native-sheet-actions{display:flex;flex-wrap:wrap;gap:8px}
#som-online-inventory .som-native-sheet-actions .gold{background:linear-gradient(#f7d36b,#b78b32)}
@media(max-width:760px){#som-online-inventory .win.som-native-window{--cell:clamp(23px,min(calc((100dvh - 200px) / 14.15),calc((100vw - 45px)/8)),42px);max-height:calc(100dvh - 12px)}#som-online-inventory .win-b{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}#som-online-inventory .win-h{height:38px}#som-online-inventory .inv-hint{font-size:11px}#som-online-inventory .som-native-bank .grid{max-height:calc(100dvh - 160px)}}
@media(max-height:530px) and (min-width:760px){#som-online-inventory .win.som-native-window{--cell:clamp(23px,min(calc((100dvh - 128px) / 9),calc((100vw - 50px)/8)),40px);max-height:calc(100dvh - 10px)}#som-online-inventory .doll{display:none}}

/* Build 13: native-art inventory queue tab; no generic card list. */
#som-online-inventory .som-native-queuebutton{white-space:nowrap;border-color:#b99a4e;color:#5c3613}
#som-online-inventory .som-native-queuebutton.som-queue-active{background:linear-gradient(#ffe4a1,#c9a25a)}
#som-online-inventory .som-native-pending .som-native-item{opacity:.82;filter:saturate(.8)}
#som-online-inventory .som-native-pending .inv-capacity{color:#895c28}
@media(max-width:530px){#som-online-inventory .inv-foot{flex-wrap:wrap;justify-content:center}#som-online-inventory .som-native-queuebutton{font-size:11px}}
/* B16 two explicit balances; keep original inventory frame intact on small screens. */
#som-online-inventory .inv-foot .zen{min-width:0;flex:1 1 240px;display:flex;align-items:center;gap:5px}
#som-online-inventory .inv-foot .zen-v{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:12px;line-height:1.35;white-space:normal;font-weight:700}
@media(max-width:530px){#som-online-inventory .inv-foot .zen-v{font-size:11px}}