/*
 * Crownspire Academy — functional polish ONLY.
 * The approved Mondschloss PNG remains untouched. This file affects only
 * live text/icons/canvas/buttons layered above that image.
 */
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot{
 padding:0!important;
 overflow:hidden!important;
 isolation:isolate;
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot::before{
 /* Cover only the placeholder printed inside the original PNG when occupied.
    Keep the original outer silver ornamental border visible. */
 content:''!important;
 position:absolute!important;
 inset:9%!important;
 z-index:0!important;
 border-radius:3px!important;
 background:#0d0a15!important;
 opacity:1!important;
 pointer-events:none!important;
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot img{
 position:relative!important;z-index:2!important;
 display:block!important;
 width:116%!important;height:116%!important;
 max-width:none!important;max-height:none!important;
 object-fit:contain!important;
 padding:0!important;margin:auto!important;
 transform:scale(1.06);
 filter:drop-shadow(0 0 5px #a477cc69);
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot .inventory-slot-placeholder{
 position:relative!important;z-index:2!important;
 font-size:clamp(12px,1.7cqw,23px)!important;
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot:not(.inventory-empty-equipment) .inventory-slot-placeholder{
 display:none!important;
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot:has(img)::before{
 background:#0b0914!important;
}
/* Preserve absolute canvas placement for both Three.js and PINOC WebGL surfaces.
   A former position:relative!important override prevented correct PINOC overlay. */
#inventoryDialog.inventory-template-exact .inventory-character-stage>.rpg-preview{
 isolation:isolate;
}
#inventoryDialog.inventory-template-exact .inventory-character-stage>.rpg-preview canvas{
 position:absolute!important;
 inset:0!important;
 width:100%!important;height:100%!important;
 display:block;
}
/* Text only, never resize the artwork itself. */
#inventoryDialog.inventory-template-exact .inventory-side-navigation button{
 font-size:clamp(11px,1.18cqw,16px)!important;
 line-height:1.12!important;
 min-width:0!important;
 white-space:normal!important;
 overflow-wrap:normal!important;
 hyphens:auto!important;
 text-align:center!important;
 padding:0 2%!important;
}
#inventoryDialog.inventory-template-exact .rpg-tabs{
 gap:0!important;
}
#inventoryDialog.inventory-template-exact .rpg-tabs .inventory-png-button{
 font-size:clamp(10px,1.04cqw,15px)!important;
 line-height:1.12!important;
 white-space:normal!important;
 overflow-wrap:normal!important;
 hyphens:auto!important;
 padding:0 2%!important;
 text-align:center!important;
 align-items:center!important;justify-content:center!important;
}
#inventoryDialog.inventory-template-exact .inventory-top-icons{
 gap:0!important;
}
#inventoryDialog.inventory-template-exact .inventory-top-icons button{
 font-size:clamp(15px,1.8cqw,27px)!important;
 display:grid!important;place-items:center!important;
 text-align:center!important;
}
#inventoryDialog.inventory-template-exact .preview-controls button{
 font-size:clamp(11px,1.08cqw,16px)!important;
 text-align:center!important;line-height:1.12!important;
}
#inventoryDialog.inventory-template-exact .inventory-detail-actions .inventory-detail-action{
 font-size:clamp(11px,1.1cqw,16px)!important;
 line-height:1.1!important;white-space:normal!important;
 text-align:center!important;
 background-size:contain!important;
}
#inventoryDialog.inventory-template-exact .rpg-grid .rpg-slot img{
 width:92%!important;height:92%!important;max-width:none!important;
 object-fit:contain!important;
 margin:auto!important;padding:0!important;
}
#inventoryDialog.inventory-template-exact .rpg-grid .rpg-slot:not(:disabled){
 cursor:pointer;
}
#inventoryDialog.inventory-template-exact .rpg-grid .rpg-slot.selected{
 outline:2px solid #ca8fe8!important;outline-offset:-4px!important;
}
#inventoryDialog.inventory-template-exact .inventory-toolbar > *{
 font-size:clamp(10px,.97cqw,15px)!important;
 text-align:center!important;
}
#inventoryDialog.inventory-template-exact .inventory-toolbar .inventory-search{
 text-align:left!important;
}
/* Keep click targets centered over the source PNG and provide keyboard focus. */
#inventoryDialog.inventory-template-exact .inventory-side-navigation button:focus-visible,
#inventoryDialog.inventory-template-exact .inventory-top-icons button:focus-visible,
#inventoryDialog.inventory-template-exact .rpg-tabs button:focus-visible,
#inventoryDialog.inventory-template-exact .equipment-slots button:focus-visible{
 outline:2px solid #d6b1f7!important;outline-offset:-3px!important;
}
@media(max-width:760px){
 #inventoryDialog.inventory-template-exact .inventory-side-navigation button{
  font-size:12px!important;
 }
 #inventoryDialog.inventory-template-exact .rpg-tabs .inventory-png-button{
  font-size:11px!important;
 }
 #inventoryDialog.inventory-template-exact .inventory-detail-actions .inventory-detail-action{
  font-size:12px!important;
 }
 #inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot img{
  width:120%!important;height:120%!important;
 }
}

#inventoryDialog.inventory-template-exact .rpg-grid .inventory-list-name{
 display:none!important;
}
#inventoryDialog.inventory-template-exact .rpg-grid[data-view=list] .inventory-list-name{
 display:block!important;
 flex:1 1 auto;
 font:400 clamp(11px,1.2cqw,17px)/1.3 Georgia,serif;
 text-align:left;
 color:#e7e0ef;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}