/* Compact inventory: fixed screen, three visible item rows, equipment around live 3D character. */
#inventoryDialog{display:none!important;flex-direction:column!important;overflow:hidden!important;height:min(92dvh,790px)!important;max-height:92dvh!important;width:min(1100px,97vw)!important;gap:0}
#inventoryDialog[open]{display:flex!important}
#inventoryDialog>header{flex:0 0 auto;margin-bottom:5px}
#inventoryDialog .inventory-bookmarks{flex:0 0 auto;position:relative!important;top:auto!important;margin:0 0 8px!important;padding:4px!important}
#inventoryDialog .inventory-bookmarks button{width:clamp(42px,4.5vw,52px);min-width:42px;height:46px;min-height:46px;padding:4px}
#inventoryDialog .inventory-bookmarks button[data-bookmark=stats]{color:#c7d7ef;border-color:#7699bc;background:linear-gradient(145deg,#253851,#0b1423)}
#inventoryDialog .rpg-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(310px,1.2fr);gap:12px;flex:1 1 auto;min-height:0!important;overflow:hidden!important}
#inventoryDialog .rpg-layout[hidden]{display:none!important}
#inventoryDialog .rpg-layout>div{min-width:0;min-height:0;overflow:hidden}
#inventoryDialog .rpg-layout>div:first-child{display:flex;flex-direction:column}
#inventoryDialog .rpg-layout>div:nth-child(2){position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}
#inventoryDialog .inventory-character-stage{position:relative;min-height:0;max-height:100%;flex:1;display:flex;flex-direction:column}
#inventoryDialog .inventory-character-stage>.rpg-preview{height:100%;min-height:185px;flex:1}
#inventoryDialog .inventory-character-stage>.preview-controls{flex:none}
#inventoryDialog .equipment-slots{position:absolute;inset:8px 0 50px;display:block!important;pointer-events:none;z-index:3;margin:0}
#inventoryDialog .equipment-slots .rpg-slot{position:absolute;min-width:0!important;min-height:0!important;width:clamp(39px,4.6vw,52px)!important;height:clamp(39px,4.6vw,52px)!important;pointer-events:auto;aspect-ratio:1;padding:3px}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=main]{top:36%;left:2%}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=offhand]{top:36%;right:2%}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=head]{top:2%;left:calc(50% - 24px)}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=body]{top:16%;left:3%}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=hands]{top:16%;right:3%}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=legs]{top:58%;left:3%}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=feet]{top:58%;right:3%}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=amulet]{bottom:0;left:calc(50% - 24px)}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=ring1]{bottom:0;left:20%}
#inventoryDialog .equipment-slots .rpg-slot[data-equipment-slot=ring2]{bottom:0;right:20%}
#inventoryDialog .equipment-slots .rpg-slot .slot-label{font-size:9px}
#inventoryDialog .rpg-tabs{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:7px}
#inventoryDialog .rpg-tabs .orn{flex:0 0 auto;min-height:40px;min-width:0!important;font-size:13px!important}
#inventoryDialog .rpg-grid{flex:0 0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:58px;gap:6px;height:calc(3 * 58px + 2 * 6px + 8px)!important;max-height:none!important;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;padding:4px}
#inventoryDialog .rpg-grid .rpg-slot{width:100%;height:100%;min-height:0!important;aspect-ratio:auto;padding:4px}
#inventoryDialog .rpg-coins{flex:0 0 auto;margin-top:6px;padding-top:7px;gap:15px}
#inventoryDialog .rpg-coins img{width:28px;height:28px}
#inventoryDialog .rpg-toast{flex:0 0 auto;min-height:22px}
#inventoryDialog .inventory-item-menu{position:absolute;z-index:25;width:min(270px,calc(100% - 10px));max-height:min(55dvh,400px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #a9bad1;background:linear-gradient(150deg,#1b2c44f7,#081120fa);box-shadow:0 8px 29px #000c,inset 0 0 17px #8fa9ce1a;padding:9px;color:#dbe6f5}
#inventoryDialog .inventory-item-menu[hidden]{display:none!important}
#inventoryDialog .inventory-popup-close{float:right;min-width:34px!important;width:34px!important;height:34px;min-height:34px;padding:0}
#inventoryDialog .inventory-item-menu .rpg-details{border:0;margin:0;padding:4px;min-height:0}
#inventoryDialog .inventory-item-menu .rpg-details h3{font-size:17px;padding-right:40px}
#inventoryDialog .inventory-item-menu .rpg-details p{font-size:13px}
#inventoryDialog .inventory-item-menu .rpg-actions{display:flex;flex-wrap:wrap;gap:5px}
#inventoryDialog .inventory-item-menu .rpg-actions button{min-width:0!important;min-height:40px;font-size:13px}
#inventoryDialog .inventory-item-menu .rpg-actions select{min-height:44px;width:100%;color:#eef3fc;background:#121e33;border:1px solid #8c9db9}
#inventoryDialog .inventory-skills-page,#inventoryDialog .inventory-codex-page,#inventoryDialog .inventory-stats-page{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 14px}
#inventoryDialog .inventory-stats-page h3{font:500 23px Cinzel,Georgia,serif;color:#dce9fa}
#inventoryDialog .inventory-stats-page p{font:14px/1.5 Georgia,serif;color:#acbdd5}
#inventoryDialog .inventory-stats-page .rpg-stats{max-width:600px;grid-template-columns:1fr auto}
@media(max-width:680px){
 #inventoryDialog{height:96dvh!important;max-height:96dvh!important;padding:3px!important}
 #inventoryDialog .rpg-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(145px,1fr) minmax(205px,1.15fr);gap:6px}
 #inventoryDialog .inventory-character-stage>.rpg-preview{min-height:135px}
 #inventoryDialog .inventory-character-stage>.preview-controls{margin-top:0}
 #inventoryDialog .equipment-slots{inset:4px 4px 32px}
 #inventoryDialog .equipment-slots .rpg-slot{width:37px!important;height:37px!important}
 #inventoryDialog .rpg-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:48px;height:calc(3 * 48px + 2 * 4px + 8px)!important;gap:4px}
 #inventoryDialog .rpg-tabs .orn{min-height:34px;font-size:11px!important;padding:4px}
 #inventoryDialog .rpg-coins{padding-top:3px;margin-top:3px;gap:10px}
 #inventoryDialog .rpg-coins img{width:22px;height:22px}
 #inventoryDialog .inventory-item-menu{max-height:55dvh;width:min(245px,calc(100% - 8px))}
}
@media(max-height:540px) and (orientation:landscape){#inventoryDialog{height:98dvh!important;max-height:98dvh!important}#inventoryDialog .rpg-layout{grid-template-columns:minmax(200px,.85fr) minmax(260px,1.2fr);grid-template-rows:minmax(0,1fr)}#inventoryDialog .rpg-grid{grid-auto-rows:42px;height:calc(3 * 42px + 2 * 4px + 8px)!important}}

/* Keep contextual actions visible within the right inventory pane, even on small screens. */
#inventoryDialog .inventory-item-menu{max-height:calc(100% - 10px)!important}
@media(max-width:680px) and (orientation:portrait){
 #inventoryDialog .rpg-layout{grid-template-rows:minmax(140px,.85fr) minmax(235px,1.15fr)}
 #inventoryDialog .rpg-tabs{gap:2px}
 #inventoryDialog .rpg-tabs .orn{padding:3px!important}
}

/* Compact Gothic character-attribute allocation, matching existing inventory tabs. */
#inventoryDialog .inventory-stats-page .attribute-summary{display:inline-block;border:1px solid #8699b8;background:#14243b;padding:8px 12px;color:#e3efff;font:15px Georgia,serif}
#inventoryDialog .inventory-stats-page .attribute-allocation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 16px}
#inventoryDialog .inventory-stats-page .attribute-allocation-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 9px;min-height:65px;border:1px solid #657c9b;background:linear-gradient(140deg,#1b2e46e8,#0c1424e8);padding:9px}
#inventoryDialog .attribute-allocation-row>span{font:16px Georgia,serif;color:#e8f0fb}
#inventoryDialog .attribute-allocation-row>small{grid-column:1;font:12px Georgia,serif;color:#b2c4dc}
#inventoryDialog .attribute-allocation-row>button{grid-column:2;grid-row:1/3;width:44px;min-width:44px;min-height:44px;padding:3px!important;font:25px Georgia,serif!important}
#inventoryDialog .attribute-allocation-row>button:disabled{opacity:.4;cursor:default}
#inventoryDialog .inventory-stats-page h4{font:500 18px Cinzel,Georgia,serif;color:#e0eafa}
@media(max-width:680px){#inventoryDialog .inventory-stats-page .attribute-allocation{grid-template-columns:1fr}#inventoryDialog .inventory-stats-page .attribute-allocation-row{min-height:55px}}