/* Kenney Fantasy UI Borders, original CC0 PNG, used as nine-slice frames. */
#gamePause.inventory-open{display:block;pointer-events:none;padding:0;background:none;backdrop-filter:none}
#gamePause.inventory-open[hidden]{display:none}
#gamePause.inventory-open .pause-scrim{display:none}
#gamePause.inventory-open .pause-card{position:absolute;right:16px;top:88px;width:352px;max-width:calc(100vw - 32px);max-height:min(720px,calc(100dvh - 115px));padding:12px;overflow:auto;pointer-events:auto;background:linear-gradient(140deg,#183d43f7,#0a202df7);border:8px solid transparent;border-image:url('../../assets/ui/fantasy/panel-border-014.png') 12 stretch;box-shadow:0 12px 32px #0005;box-sizing:border-box;text-align:left;scrollbar-width:thin;scrollbar-color:#789c8e #112c35}
.inventory-open .pause-emblem,.inventory-open .pause-card>small,.inventory-open #gamePauseCopy,.inventory-open .pause-buttons,.inventory-open .pause-hint{display:none!important}
.inventory-open #gamePauseTitle{font:21px var(--display);color:#f1dcaa;margin:0 40px 9px 2px;text-align:left}
.inventory-open .inventory-close{position:absolute;right:9px;top:8px;padding:5px 7px;margin:0;float:none;font:9px var(--ui);background:#183740}
.inventory-open .bag-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:0 0 10px}
.inventory-open .bag-tabs button{padding:7px 2px;font:11px var(--ui);min-width:0}
.bag-companion{display:flex;align-items:center;gap:7px;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #c1d1af26}.bag-companion>img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 5px #071822)}.bag-companion>div{display:grid;gap:4px}.bag-companion strong{font:16px var(--display);color:#e5d5a3}.bag-companion small{font:9px var(--ui);color:#9ab9b4}.bag-companion>span{margin-left:auto;font:18px var(--display);color:#e8d496}
.loadout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px 6px;background:#0923309e;border-radius:6px;margin-bottom:10px}.loadout-slot{min-width:0;text-align:center}.loadout-slot>small{display:block;margin-bottom:5px;color:#b5cec4;font:10px var(--ui)}.loadout-slot .bag-cell{width:100%;aspect-ratio:1;height:auto}.empty-loadout{display:grid;place-items:center}.empty-loadout :is(svg,img.art-icon){width:28px;height:28px;color:#698e8e}
.bag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.bag-cell{position:relative;min-width:0;width:100%;aspect-ratio:1;background:radial-gradient(ellipse at 50% 70%,#537b6729,transparent 70%),#0a2530;border:1px solid #72928b4d;border-radius:4px;cursor:pointer;padding:7px;box-sizing:border-box;color:#d9d4ad;touch-action:manipulation}.bag-cell:before{content:'';position:absolute;inset:0;border:5px solid transparent;border-image:url('../../assets/ui/fantasy/panel-border-000.png') 12 stretch;opacity:.19;pointer-events:none}.bag-cell:hover,.bag-cell:focus-visible{background-color:#274c50;outline:1px solid #ecdbad}.bag-cell.selected{border-color:var(--rarity);box-shadow:inset 0 0 16px color-mix(in srgb,var(--rarity),transparent 85%)}.bag-cell.selected:before{opacity:.65}.bag-cell.is-equipped{background-color:#25433d}.bag-cell>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #0008);pointer-events:none}.cell-tier{position:absolute;left:4px;bottom:4px;font:10px var(--ui);color:var(--rarity);text-shadow:0 1px 2px #000}.cell-enchant{position:absolute;right:4px;bottom:4px;color:#f0dfa5;font:10px var(--ui)}.equipped-mark{position:absolute;right:4px;top:4px;background:#3d675b;color:#ccedd8;font:8px var(--ui);padding:2px 3px;border-radius:2px}.empty-cell{cursor:default;background:#102832aa}.empty-cell>span{position:absolute;bottom:5px;right:6px;color:#567579;font:8px var(--ui)}.empty-cell:before{opacity:.09}
.bag-section-heading{display:flex;justify-content:space-between;align-items:center;margin:8px 0;color:#c4d4b8;font:10px var(--ui)}.bag-section-heading>span{font-size:9px;color:#8aada6}.bag-detail{margin-top:10px;padding:9px;background:#102d36;border:1px solid color-mix(in srgb,var(--rarity,#718f8c),transparent 65%);border-radius:5px}.bag-detail>header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bag-detail>header>img{width:38px;height:38px}.bag-detail>header>div{flex:1}.bag-detail strong{font:14px var(--display);color:#e9d4a0;display:block}.bag-detail small{display:block;font:10px var(--ui);color:#b5cabf;margin-top:4px}.bag-detail .slot-badge{font-size:9px;padding:3px 5px}.bag-detail .slot-badge :is(svg,img.art-icon){width:12px;height:12px}.bag-item-actions{display:flex;gap:6px;margin-top:8px}.bag-item-actions>button{flex:1;min-height:30px;background:#345c55;border:1px solid #9db49c6b;color:#f0e0b4;font:11px var(--ui);cursor:pointer}.bag-item-actions .recycle-item{flex:.75;background:#26383b;color:#c6aaa0}.compare-caption{font-size:9px!important;color:#829f98!important}.empty-detail{font:11px var(--ui);color:#98b7af;text-align:center}
.item-stat-chips,.bag-quick-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.stat-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 5px;color:var(--stat-color);border:1px solid color-mix(in srgb,var(--stat-color),transparent 75%);background:color-mix(in srgb,var(--stat-color),transparent 94%);font:10px var(--ui);border-radius:3px}.stat-chip b{font-size:8px}.stat-chip em{font-style:normal;margin-left:2px;font-size:9px}.stat-chip .positive{color:#b2dfad}.stat-chip .negative{color:#f18f91}.bag-help,.bag-reserve{display:block;margin:8px 0 0;text-align:center;color:#8ca9a4;font:9px/1.5 var(--ui)}
.inventory-open .craft-materials{padding:5px;gap:6px;margin:8px 0 0}.inventory-open .craft-materials>span{gap:3px;font-size:11px}.inventory-open .craft-materials small{display:none}.inventory-open .resource-art,.inventory-open .stasis-art{width:21px;height:21px}.inventory-open .companion-stats header{padding:7px;gap:8px}.inventory-open .companion-stats header img{width:60px;height:60px}.inventory-open .companion-stats h3{font-size:20px}.inventory-open .companion-stats p{font-size:10px}.inventory-open .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.inventory-open .stat-detail{min-height:75px;padding:9px;color:var(--stat-color)}.inventory-open .stat-detail strong{font-size:19px;color:var(--stat-color)}.inventory-open .stat-detail>span:first-child{font-size:10px}.inventory-open .stat-detail>small{font-size:9px}.inventory-open .stat-tooltip{font-size:10px;min-width:160px;padding:8px;left:0;max-width:240px}
.inventory-open .forge-workbench{display:block}.inventory-open .forge-collection{display:flex;overflow:auto;max-height:100px;gap:5px;margin-bottom:8px}.inventory-open .forge-choice{min-width:110px;padding:6px}.inventory-open .forge-choice>img{width:32px;height:32px}.inventory-open .forge-choice>span{font-size:10px}.inventory-open .forge-main{min-width:0}.inventory-open .forge-item{padding:7px}.inventory-open .forge-item h3{font-size:16px}.inventory-open .forge-item p,.inventory-open .forge-rule{font-size:10px}.inventory-open .forge-item>div{width:40px;height:40px}.inventory-open .forge-operation{padding:10px}.inventory-open .forge-chance{font-size:25px}.inventory-open .forge-operation h4{font-size:18px}.inventory-open .fusion-art img{width:48px;height:48px}.inventory-open .dungeon-grid{grid-template-columns:1fr}.inventory-open .dungeon-card{padding:12px}.inventory-open .dungeon-card h4{font-size:18px}.inventory-open .dungeon-catalog header h3{font-size:20px}
.bag-is-open #lootInspect{right:388px}.bag-is-open #enemyInspect{display:none}
@media(max-width:650px){#gamePause.inventory-open .pause-card{width:min(300px,55vw);right:8px;top:90px;padding:7px;max-height:calc(100dvh - 105px);border-width:6px}.inventory-open #gamePauseTitle{font-size:17px}.inventory-open .bag-tabs button{font-size:9px;padding:6px 1px}.loadout-grid{gap:4px;padding:5px}.loadout-slot>small{font-size:8px}.bag-grid{gap:4px}.bag-cell{padding:5px}.bag-section-heading>span{font-size:7px}.bag-detail .slot-badge{display:none}.bag-detail strong{font-size:12px}.bag-companion>img{width:33px;height:33px}.bag-companion strong{font-size:13px}.bag-companion>span{font-size:14px}.bag-companion small{font-size:8px}.stat-chip{font-size:9px}.stat-chip b{font-size:7px}.bag-is-open #lootInspect{right:auto;left:8px;max-width:29vw}.bag-is-open .loot-inspect-art{display:none}.inventory-open .stat-detail{padding:7px}.inventory-open .stat-detail strong{font-size:16px}.inventory-open .stats-grid{gap:4px}}