.inventory-toggle{position:absolute;left:max(158px,calc(env(safe-area-inset-left) + 136px));top:135px;display:flex;align-items:center;gap:9px;border-radius:3px;padding:10px 13px;font-size:11px;min-height:40px}
.inventory-toggle kbd{border:1px solid var(--line);border-radius:3px;padding:3px 6px;color:var(--gold);font:11px Inter,sans-serif}
#inventory-dialog{width:min(980px,96vw);max-width:96vw;max-height:94dvh;padding:25px 28px 18px;overflow:auto;touch-action:pan-y;background:linear-gradient(135deg,#202c26f5,#0f1916fa 65%);border-color:#bda16a70;box-shadow:0 26px 100px #000a}
#inventory-dialog .dialog-heading{margin-bottom:18px;align-items:center}
#inventory-dialog h2{margin:4px 0 0;font-size:30px}
.inventory-layout{display:grid;grid-template-columns:minmax(250px, .85fr) minmax(310px, 1.15fr);gap:24px}
.inventory-hero{min-width:0;border-right:1px solid var(--line);padding-right:24px}
.inventory-portrait{position:relative;border:1px solid #ad935634;border-radius:5px;background:radial-gradient(ellipse at 50% 70%,#8e99613a,transparent 65%),linear-gradient(180deg,#0d181733,#26352a50);overflow:hidden}
.inventory-portrait:after{content:'';position:absolute;bottom:19px;left:22%;right:22%;height:13px;border:1px solid #cfb67955;border-radius:50%;pointer-events:none}
.inventory-portrait-title{position:absolute;top:13px;left:16px;display:flex;flex-direction:column;gap:5px;pointer-events:none}
.inventory-portrait-title strong{font:20px Georgia,serif;color:#ead6a5}.inventory-portrait-title small{font-size:8px;letter-spacing:2px;color:var(--muted)}
#inventory-preview{display:block;width:100%;height:230px;touch-action:none;cursor:grab}#inventory-preview:active{cursor:grabbing}
.inventory-turn{position:absolute;right:10px;bottom:10px;display:flex;gap:5px}.inventory-turn button{width:34px;height:32px;border-radius:3px;background:#131e1b9c;font-size:20px}
.equipment-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
.equipment-slot{display:flex;gap:7px;align-items:center;text-align:left;padding:9px 7px;min-height:62px;border-radius:4px;background:#15211ee6;min-width:0}
.equipment-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.equipment-copy small{font-size:9px;color:var(--muted)}.equipment-copy strong{font-size:10px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.equipment-slot .item-icon{width:30px;height:35px;flex-shrink:0}.equipment-slot .empty-slot{width:30px;font-size:24px;text-align:center;color:#9eaa9055}
.inventory-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0 0;border-top:1px solid var(--line);padding-top:12px;text-align:center}
.inventory-stats div{border-right:1px solid #bfab7126}.inventory-stats div:last-child{border:0}.inventory-stats dt{font-size:9px;color:var(--muted)}.inventory-stats dd{margin:5px 0 0;font:23px Georgia,serif;color:#e8d29e}
.inventory-pack{min-width:0}.inventory-pack-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.inventory-pack-heading h3{font:20px Georgia,serif;margin:0;color:#eee0bd}#inventory-count{color:var(--muted);font-size:10px}
.inventory-bag{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.bag-slot{aspect-ratio:1;display:grid;place-items:center;border:1px solid #a9925738;border-radius:4px;background:linear-gradient(140deg,#3b443137,#0e191b85);padding:5px;position:relative;min-width:0}
.bag-slot .item-icon{width:83%;height:83%;max-height:52px;filter:drop-shadow(0 3px 3px #0008)}.bag-slot .empty-slot{font:22px Georgia,serif;color:#7787774a}
.bag-slot[data-rarity='Nadir']{border-color:#6c9ba960;background:linear-gradient(140deg,#3b77862b,#121e20)}
.bag-slot[data-rarity='Destansı']{border-color:#b28bd78a;background:linear-gradient(140deg,#65487855,#192027)}
.bag-slot.is-selected,.equipment-slot.is-selected{border-color:#edd39a;box-shadow:0 0 0 1px #edd39a55,inset 0 0 18px #d1b77718}
.bag-slot:hover,.equipment-slot:hover{border-color:#d3bd85}
.bag-slot>*,.equipment-slot>*{pointer-events:none}
.inventory-detail{margin-top:15px;padding:17px;border:1px solid #c1aa6738;border-radius:5px;background:#0e181c65;min-height:174px}
#inventory-item-type{color:#c1b386;font-size:9px;letter-spacing:1px}#inventory-item-name{font:24px Georgia,serif;color:#f0dbad;margin:8px 0}
#inventory-item-description{font-size:11px;line-height:1.6;margin:0 0 10px;color:#adb9b1}
.inventory-bonuses{display:flex;gap:14px;flex-wrap:wrap;color:#e0cca0;font-size:11px;margin-bottom:9px}
.inventory-comparison{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;min-height:14px;margin-bottom:12px}.stat-gain{color:#a4d4a4}.stat-loss{color:#e1a391}
#inventory-action{width:100%;padding:11px;font-size:12px;border-radius:3px;background:linear-gradient(120deg,#7b6540,#4b4b31);border-color:#c5a77499}#inventory-action:disabled{cursor:default;opacity:.4}
#inventory-status{font-size:10px;line-height:1.6;margin:15px 0 0;padding-top:12px;border-top:1px solid var(--line);color:#bdb698;min-height:29px}
@media(max-width:900px){.inventory-toggle{left:145px;top:110px;padding:7px 10px;font-size:10px}.inventory-layout{gap:16px}.inventory-hero{padding-right:16px}#inventory-dialog{padding:20px}.inventory-bag{gap:5px}}
@media(max-width:640px){.inventory-layout{grid-template-columns:1fr}.inventory-hero{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.equipment-slots{grid-template-columns:1fr;margin:0;gap:5px}.inventory-stats{grid-column:1/-1;margin:0;padding-top:10px}.equipment-slot{min-height:52px}#inventory-preview{height:235px}.inventory-portrait-title strong{font-size:18px}.inventory-pack-heading{margin:8px 0 12px}#inventory-dialog h2{font-size:26px}}
@media(max-width:580px) and (min-height:521px){.inventory-toggle{top:235px}}
@media(max-height:520px){.inventory-toggle{top:102px;left:max(152px,calc(env(safe-area-inset-left) + 132px));min-height:34px;padding:5px 9px}#inventory-dialog{padding:15px 20px}#inventory-dialog .dialog-heading{margin-bottom:12px}#inventory-preview{height:200px}.inventory-bag{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.inventory-detail{padding:12px}#inventory-item-name{font-size:21px}.inventory-layout{grid-template-columns:minmax(235px,.85fr) minmax(300px,1.15fr)}}