/*
 * CROWNSPIRE ACADEMY — ORIGINAL MONDSCHLOSS PNG OVERLAY
 * The supplied 1536x1024 empty inventory template is the entire skin.
 * No CSS-built substitute silver frames, roses, equipment frame or grid.
 * Dynamic layers: 3D preview, accessible buttons, item icons/counters, 3 currencies.
 * The separate 1672x941 filled screenshot is a content/layout reference ONLY.
 */
#inventoryDialog.inventory-template-exact{
 display:none!important;
 position:fixed!important;inset:0!important;
 box-sizing:border-box!important;
 max-width:none!important;max-height:none!important;
 width:100vw!important;height:100dvh!important;
 margin:auto!important;padding:0!important;
 border:0!important;border-radius:0!important;
 background:rgba(2,3,9,.96)!important;
 box-shadow:none!important;
 overflow:auto!important;overscroll-behavior:contain;
 justify-content:flex-start!important;align-items:center!important;
 flex-direction:column!important;
 touch-action:pan-x pan-y;
}
#inventoryDialog.inventory-template-exact[open]{display:flex!important}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet{
 position:relative;isolation:isolate;flex:none;
 box-sizing:border-box;width:min(1536px,98vw,144dvh);
 aspect-ratio:3 / 2;
 height:auto!important;min-height:0;
 margin:auto!important;padding:0!important;
 container-type:inline-size;
 background:transparent url('/assets/ui/inventory/Gotische%20Fantasy-Inventaroberfla%CC%88che%20mit%20Mondschloss.png') center center / 100% 100% no-repeat!important;
 border:0!important;box-shadow:none!important;
 font-family:Georgia,serif;color:#e6dfeb;
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet *,
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet *::before,
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet *::after{
 box-sizing:border-box;
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet > header{
 position:absolute!important;left:20.2%;top:5.2%;width:25.8%;height:9.7%;
 margin:0!important;padding:0!important;display:flex!important;
 align-items:center;justify-content:center;
 background:none!important;border:0!important;box-shadow:none!important;
 min-height:0!important;z-index:8;
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet > header h2{
 margin:0!important;padding:0!important;
 font:400 clamp(12px,3.1cqw,48px)/1.15 Georgia,serif!important;
 color:#e9e3ef!important;text-shadow:0 1px 5px #000;
 text-align:center;letter-spacing:.01em;
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet > header button.close{
 position:fixed!important;right:1.2vw;top:1.2vh;z-index:9999;
 width:clamp(36px,4vw,54px)!important;height:clamp(36px,4vw,54px)!important;
 min-width:0!important;min-height:0!important;
 color:#f4edfb!important;font-size:25px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-image:none!important;
}
/* Eight active/accessibility-aware positions on the ORIGINAL left menu plates. */
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.inventory-side-navigation{
 position:absolute!important;z-index:8;
 left:2.1%;top:21.1%;width:11.1%;height:58.1%;
 display:grid!important;grid-template-columns:minmax(0,1fr);
 grid-template-rows:repeat(8,minmax(0,1fr));
 gap:.43% 0!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 flex:none!important;align-items:stretch!important;
}
#inventoryDialog.inventory-template-exact .inventory-side-navigation button{
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 padding:0 3%!important;margin:0!important;
 font:400 clamp(9px,1.12cqw,17px)/1.15 Georgia,serif!important;
 color:#ddd8e9!important;text-shadow:0 1px 4px #000;
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-image:none!important;transform:none!important;opacity:1;
 display:flex!important;align-items:center;justify-content:center;
 white-space:normal;text-align:center;
}
#inventoryDialog.inventory-template-exact .inventory-side-navigation button::before{
 content:none!important;
}
#inventoryDialog.inventory-template-exact .inventory-side-navigation button[aria-pressed=true]{
 text-shadow:0 0 8px #d6bbff,0 0 18px #9c54ee;
 color:#fff!important;
}
#inventoryDialog.inventory-template-exact .inventory-side-navigation button:disabled{opacity:.42!important;cursor:not-allowed}
@media(hover:hover){
 #inventoryDialog.inventory-template-exact .inventory-side-navigation button:not(:disabled):hover{
  color:#fff!important;text-shadow:0 0 9px #d1a5ff;
 }
}
/* Seven ORIGINAL top icon slots. Only implemented destinations respond. */
#inventoryDialog.inventory-template-exact .inventory-top-icons{
 position:absolute;left:54%;top:7.55%;width:43.2%;height:8.6%;
 z-index:9;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
 gap:.35%;margin:0;padding:0;
}
#inventoryDialog.inventory-template-exact .inventory-top-icons button{
 display:grid;place-items:center;
 width:100%;height:100%;min-width:0!important;min-height:0!important;
 margin:0!important;padding:0!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 color:#d6c9e4;font:400 clamp(13px,2.1cqw,32px)/1 Georgia,serif;
 text-shadow:0 0 5px #090414;
}
#inventoryDialog.inventory-template-exact .inventory-top-icons button:disabled{opacity:.32;cursor:not-allowed}
/* Existing inventory DOM becomes an overlay positioning context, not another framed grid. */
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.rpg-layout{
 display:contents!important;visibility:visible!important;
 border:0!important;box-shadow:none!important;background:none!important;
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.rpg-layout[hidden],
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>[hidden]{
 display:none!important;
}
#inventoryDialog.inventory-template-exact .rpg-layout>div{
 position:absolute!important;display:block!important;
 overflow:visible!important;min-height:0!important;min-width:0!important;
 padding:0!important;margin:0!important;
 border:0!important;border-image:none!important;
 background:transparent!important;box-shadow:none!important;
}
/* Left: empty illustrated character window, behind live translucent 3D canvas. */
#inventoryDialog.inventory-template-exact .rpg-layout>div:first-child{
 left:13.65%;top:17.6%;width:27%;height:73.8%;
}
#inventoryDialog.inventory-template-exact .inventory-character-stage{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-height:none!important;
 padding:0!important;margin:0!important;
 background:transparent!important;border:0!important;border-image:none!important;
 box-shadow:none!important;
 display:block!important;
}
#inventoryDialog.inventory-template-exact .inventory-character-stage>.inventory-stage-heading{
 display:none!important;
}
#inventoryDialog.inventory-template-exact .inventory-character-stage>.inventory-character-caption{
 display:none!important;
}
#inventoryDialog.inventory-template-exact .inventory-character-stage>.rpg-preview{
 position:absolute!important;left:24%;top:5.6%;width:52%!important;height:77%!important;
 min-height:0!important;max-height:none!important;
 margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;border-image:none!important;
 overflow:hidden!important;z-index:2;
 display:block!important;
}
#inventoryDialog.inventory-template-exact .inventory-character-stage>.rpg-preview::before{
 display:none!important;content:none!important;
}
#inventoryDialog.inventory-template-exact .inventory-character-stage>.rpg-preview canvas{
 position:relative!important;z-index:2;display:block;
 width:100%!important;height:100%!important;max-height:100%!important;
}
/* Source PNG already contains the floor rune and slot ornaments. */
#inventoryDialog.inventory-template-exact .inventory-character-stage>.equipment-slots{
 position:absolute!important;inset:0!important;display:block!important;
 margin:0!important;padding:0!important;border:0!important;
 background:transparent!important;z-index:6;pointer-events:none!important;
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot{
 position:absolute!important;width:20.5%!important;height:10.7%!important;
 min-width:0!important;min-height:0!important;
 padding:8%!important;margin:0!important;
 border:0!important;border-image:none!important;
 border-radius:0!important;background:transparent!important;
 box-shadow:none!important;display:grid!important;place-items:center;
 pointer-events:auto!important;z-index:1;
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot::before{
 content:'';position:absolute;inset:15%;background:#120e1aeb;
 z-index:-1;border-radius:5px;pointer-events:none;
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot img{
 display:block!important;position:relative;z-index:2;
 width:100%!important;height:100%!important;object-fit:contain!important;
 filter:drop-shadow(0 0 4px #ba81ea80);
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot .inventory-slot-placeholder{
 position:relative;z-index:2;
 font-size:clamp(10px,1.35cqw,21px)!important;
 color:#cac3dc!important;opacity:.9!important;
 text-shadow:0 0 5px #100c18!important;
}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=head]{left:3.6%!important;top:4.5%!important;right:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=body]{left:3.6%!important;top:18.8%!important;right:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=hands]{left:3.6%!important;top:33.1%!important;right:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=waist]{left:3.6%!important;top:47.5%!important;right:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=ring1]{left:3.6%!important;top:61.8%!important;right:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=neck]{right:3.6%!important;top:4.5%!important;left:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=cloak]{right:3.6%!important;top:18.8%!important;left:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=main]{right:3.6%!important;top:33.1%!important;left:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=feet]{right:3.6%!important;top:47.5%!important;left:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .equipment-slots .rpg-slot[data-equipment-slot=ring2]{right:3.6%!important;top:61.8%!important;left:auto!important;bottom:auto!important}
#inventoryDialog.inventory-template-exact .inventory-character-stage>.preview-controls{
 position:absolute!important;left:8%;top:84.7%;width:84%;height:7.8%;
 margin:0!important;padding:0!important;
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:1%!important;z-index:9;
}
#inventoryDialog.inventory-template-exact .preview-controls button{
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 font:400 clamp(9px,1.05cqw,16px) Georgia,serif!important;
 padding:0!important;border:0!important;border-image:none!important;
 background:transparent!important;box-shadow:none!important;color:#eee7f5!important;
}
#inventoryDialog.inventory-template-exact .preview-controls button::before{display:none!important}
/* Categories occupy the seven PREEXISTING ornamental tabs above both columns. */
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.rpg-tabs{
 position:absolute!important;left:41.9%;top:20.35%;width:56.2%;height:6.75%;
 display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
 gap:.2%!important;margin:0!important;padding:0!important;z-index:9;
 background:transparent!important;border:0!important;
}
#inventoryDialog.inventory-template-exact .rpg-tabs .inventory-png-button{
 display:grid!important;place-items:center!important;
 width:100%!important;height:100%!important;
 min-width:0!important;min-height:0!important;
 margin:0!important;padding:0 1%!important;
 border:0!important;border-image:none!important;
 background:transparent!important;
 font:400 clamp(9px,1.05cqw,17px)/1.1 Georgia,serif!important;
 color:#dcd4e8!important;text-shadow:0 1px 4px #000;
 white-space:nowrap;
}
#inventoryDialog.inventory-template-exact .rpg-tabs .inventory-png-button::before{
 display:none!important;
}
#inventoryDialog.inventory-template-exact .rpg-tabs .inventory-png-button[aria-pressed=true]{
 color:#f5e6ff!important;text-shadow:0 0 9px #cb85fd;
}
#inventoryDialog.inventory-template-exact .rpg-tabs .inventory-png-button:active{transform:scale(.96)}
/* Functional search, view and sorting on the ORIGINAL 2nd toolbar row. */
#inventoryDialog.inventory-template-exact .inventory-toolbar{
 position:absolute!important;left:42%;top:27.25%;width:33.6%;height:5.2%;
 display:grid;grid-template-columns:10% 10% 58% 21%;
 gap:.3%;z-index:9;align-items:stretch;margin:0;padding:0;
}
#inventoryDialog.inventory-template-exact .inventory-toolbar>*{
 min-width:0!important;min-height:0!important;width:100%;height:100%;
 border:0!important;border-radius:0!important;
 box-shadow:none!important;background:transparent!important;
 color:#ddd5e6!important;text-shadow:0 1px 4px #000;
 font:400 clamp(9px,.99cqw,16px) Georgia,serif!important;
}
#inventoryDialog.inventory-template-exact .inventory-view-switch{
 font-size:clamp(12px,1.6cqw,24px)!important;cursor:pointer;
}
#inventoryDialog.inventory-template-exact .inventory-view-switch[aria-pressed=true]{
 text-shadow:0 0 9px #debaff;color:#fff!important;
}
#inventoryDialog.inventory-template-exact .inventory-search{
 padding-left:6%!important;
 outline:0!important;appearance:none;
}
#inventoryDialog.inventory-template-exact .inventory-search::placeholder{color:#ada5bc}
#inventoryDialog.inventory-template-exact .inventory-sort-select{
 padding-left:7%!important;cursor:pointer;
 color-scheme:dark;
}
#inventoryDialog.inventory-template-exact .inventory-sort-select option{background:#0d0d1b}
/* 5×5 real live item cells aligned to the original 5×5 illustrated frames. */
#inventoryDialog.inventory-template-exact .rpg-layout>div:nth-child(2){
 position:absolute!important;left:42.1%;top:33%;width:33.65%;height:50.8%;
 border:0!important;border-image:none!important;background:transparent!important;
 overflow:hidden!important;padding:0!important;display:block!important;
}
#inventoryDialog.inventory-template-exact .rpg-grid{
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 grid-auto-rows:20%!important;gap:0!important;
 width:100%!important;height:100%!important;
 max-height:100%!important;min-height:0!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 align-content:start!important;
 margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 scrollbar-width:thin;scrollbar-color:#d6c2dc77 transparent;
}
#inventoryDialog.inventory-template-exact .rpg-grid .rpg-slot{
 display:grid!important;place-items:center!important;
 position:relative!important;width:100%!important;height:100%!important;
 min-width:0!important;min-height:0!important;
 max-width:none!important;max-height:none!important;
 margin:0!important;padding:14%!important;
 background:transparent!important;border:0!important;border-image:none!important;
 border-radius:0!important;box-shadow:none!important;
 aspect-ratio:auto!important;
}
#inventoryDialog.inventory-template-exact .rpg-grid .rpg-slot .slot-label{
 display:none!important; /* empty original slots already shown by the PNG */
}
#inventoryDialog.inventory-template-exact .rpg-grid .rpg-slot[data-item]:not([data-item=""]) .slot-label{
 display:block!important;
 color:#e6e1ee!important;
 font-size:clamp(9px,.9cqw,14px)!important;
 text-align:center;
 text-shadow:0 1px 4px #000;
}
#inventoryDialog.inventory-template-exact .rpg-grid .rpg-slot img{
 width:100%!important;height:100%!important;object-fit:contain!important;
 filter:drop-shadow(0 0 4px #ab8be064);
}
#inventoryDialog.inventory-template-exact .rpg-grid .rpg-slot .stack-count{
 position:absolute!important;bottom:8%;right:12%;
 color:#f1f0f8!important;
 font:500 clamp(9px,1cqw,16px) Georgia,serif!important;
 text-shadow:0 1px 4px #000,0 0 3px #090914;
}
#inventoryDialog.inventory-template-exact .rpg-grid .rpg-slot.selected{
 box-shadow:inset 0 0 13px #b96bdb66!important;
 filter:drop-shadow(0 0 7px #d19aff);
}
#inventoryDialog.inventory-template-exact .rpg-grid[data-view=list]{
 grid-template-columns:1fr!important;
 grid-auto-rows:11%!important;
 background:#080712de!important;
}
#inventoryDialog.inventory-template-exact .rpg-grid[data-view=list] .rpg-slot{
 display:flex!important;justify-content:flex-start!important;
 gap:4%;padding:0 3%!important;
 background:#18101fa9!important;border:1px solid #7b667c77!important;
 color:#ece4ee!important;
}
#inventoryDialog.inventory-template-exact .rpg-grid[data-view=list] .rpg-slot .slot-label{
 display:block!important;color:#e9e4f2;
}
#inventoryDialog.inventory-template-exact .rpg-grid[data-view=list] .rpg-slot img{
 width:auto!important;height:85%!important;aspect-ratio:1;
}
/* Dedicated right details, already engraved into blank original image. */
#inventoryDialog.inventory-template-exact .rpg-layout>.inventory-detail-column{
 position:absolute!important;left:77.8%;top:27.5%;width:20%;height:61.1%;
 overflow:hidden!important;display:flex!important;flex-direction:column!important;
 background:transparent!important;border:0!important;border-image:none!important;
 padding:1% 1.2% 1.3%!important;
}
#inventoryDialog.inventory-template-exact .inventory-permanent-details{
 position:relative!important;flex:1 1 auto;
 min-height:0!important;max-height:none!important;
 width:100%!important;height:100%!important;
 display:flex!important;flex-direction:column!important;
 padding:0!important;margin:0!important;
 background:transparent!important;border:0!important;border-image:none!important;
 box-shadow:none!important;
 overflow:hidden!important;
}
#inventoryDialog.inventory-template-exact .inventory-info-heading{
 display:none!important;
}
#inventoryDialog.inventory-template-exact .inventory-permanent-details .rpg-details{
 flex:1 1 auto!important;
 min-height:0!important;max-height:74%!important;
 overflow-y:auto!important;
 display:flex;flex-direction:column;align-items:center;
 text-align:center;gap:2%;
 padding:0 1%!important;margin:0!important;
 background:transparent!important;border:0!important;border-image:none!important;
}
#inventoryDialog.inventory-template-exact .inventory-permanent-details .inventory-info-icon{
 display:block!important;flex:none!important;float:none!important;
 width:72%!important;height:clamp(58px,12cqw,183px)!important;
 object-fit:contain;margin:0 auto 3%!important;
 filter:drop-shadow(0 0 11px #a24dce6e);
}
#inventoryDialog.inventory-template-exact .inventory-permanent-details .rpg-details h3{
 font:400 clamp(12px,1.45cqw,22px)/1.15 Georgia,serif!important;
 margin:1% 0!important;color:#eee7f7!important;
}
#inventoryDialog.inventory-template-exact .inventory-permanent-details .rpg-details p{
 font:400 clamp(10px,1.02cqw,16px)/1.25 Georgia,serif!important;
 color:#d9d3e3;margin:0!important;
}
#inventoryDialog.inventory-template-exact .inventory-permanent-details .rpg-stats{
 width:100%;margin:2% 0;grid-template-columns:1fr auto;
 font-size:clamp(9px,.95cqw,16px);
}
#inventoryDialog.inventory-template-exact .inventory-detail-actions{
 flex:none!important;height:23%;
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
 grid-template-rows:repeat(2,minmax(0,1fr));
 align-content:end;gap:3%;margin:0!important;padding:0!important;
}
#inventoryDialog.inventory-template-exact .inventory-detail-actions .inventory-detail-action{
 background:transparent!important;
 border:0!important;border-image:none!important;
 color:#f1eaf5!important;box-shadow:none!important;
 font:400 clamp(9px,1.05cqw,17px)/1.1 Georgia,serif!important;
 width:100%;height:100%;min-width:0!important;min-height:0!important;
 padding:2%!important;
 background-image:url('/assets/ui/inventory/06_abgerundeter_button.png')!important;
 background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;
}
#inventoryDialog.inventory-template-exact .inventory-detail-actions .inventory-detail-action:first-child{
 grid-column:span 2;
 background-image:url('/assets/ui/inventory/01_grosser_ornament_button.png')!important;
}
#inventoryDialog.inventory-template-exact .inventory-detail-actions .inventory-detail-action:disabled{opacity:.4}
/* Original bottom occupancy indicator and currency medallions. */
#inventoryDialog.inventory-template-exact .inventory-capacity{
 position:absolute!important;left:42.1%;top:86.5%;width:17.7%;height:5.1%;
 display:flex;flex-direction:column;justify-content:center;
 padding:0 4%!important;margin:0!important;
 gap:12%;z-index:8;color:#e2daed;
 background:transparent!important;
}
#inventoryDialog.inventory-template-exact .inventory-capacity-text{
 font:400 clamp(9px,1.06cqw,16px)/1 Georgia,serif;
 text-shadow:0 1px 3px #000;
 white-space:nowrap;
}
#inventoryDialog.inventory-template-exact .inventory-capacity-track{
 width:100%;height:22%;min-height:2px;border-radius:10px;
 border:1px solid #9c849e;background:#0908159e;
 overflow:hidden;
}
#inventoryDialog.inventory-template-exact .inventory-capacity-fill{
 height:100%;width:0%;border-radius:10px;
 background:linear-gradient(90deg,#8351ad,#c5a7e3);
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.rpg-coins{
 position:absolute!important;left:60.5%;top:86.3%;width:15.6%;height:5.8%;
 margin:0!important;padding:0!important;
 min-height:0!important;max-height:none!important;
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:0!important;align-items:center;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
#inventoryDialog.inventory-template-exact .rpg-coins .inventory-original-coin{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:3px!important;font:400 clamp(8px,1.1cqw,16px) Georgia,serif!important;
 color:#e3dfea!important;white-space:nowrap;
}
#inventoryDialog.inventory-template-exact .rpg-coins .inventory-original-coin img{
 width:35%!important;height:auto!important;
 max-height:90%!important;object-fit:contain;
}
#inventoryDialog.inventory-template-exact .rpg-coins .inventory-original-coin b{font-weight:400}
/* Touch item context menu is retained, positioned above the original illustrated item panel. */
#inventoryDialog.inventory-template-exact .inventory-item-menu{
 position:absolute!important;z-index:25;
 max-width:66%!important;width:61%!important;max-height:78%!important;
 overflow:auto!important;
 background:#080710f2!important;border:1px solid #8a718a!important;
 box-shadow:0 4px 24px #000b!important;padding:3%!important;
 font-size:clamp(9px,1cqw,16px)!important;
}
#inventoryDialog.inventory-template-exact .inventory-item-menu[hidden]{display:none!important}
#inventoryDialog.inventory-template-exact .inventory-item-menu .rpg-actions{
 display:flex;flex-direction:column;gap:5px;
}
#inventoryDialog.inventory-template-exact .inventory-item-menu .rpg-actions button{
 min-height:34px!important;padding:3%!important;
 font:400 clamp(9px,.95cqw,15px) Georgia,serif!important;
}
#inventoryDialog.inventory-template-exact .inventory-item-menu .rpg-actions button::before{
 background-image:url('/assets/ui/inventory/03_kleiner_rechteck_button.png');
 background-size:contain!important;
}
#inventoryDialog.inventory-template-exact .rpg-toast{
 position:absolute!important;right:0;top:101%;width:100%;
 min-height:0!important;color:#e5bdea;
 font:400 clamp(9px,1cqw,15px) Georgia,serif;
 text-align:center;
}
/* Other subpages remain accessible without falsely presenting them as original inventory slots. */
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.inventory-skills-page,
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.inventory-codex-page,
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.inventory-stats-page{
 position:absolute;left:42%;top:28%;width:56%;height:61%;
 padding:3%;overflow:auto;background:#05050edb;
 border:0!important;
 color:#eee5f7;
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>section[hidden]{display:none!important}
@media(hover:hover){
 #inventoryDialog.inventory-template-exact .inventory-detail-action:not(:disabled):hover{
 filter:brightness(1.2) drop-shadow(0 0 4px #a36ed7);
 }
}
/* iPhone/Android: native pan-scrolling of the unwarped original skin, not squashed ornaments. */
@media(max-width:760px){
 #inventoryDialog.inventory-template-exact{
  align-items:flex-start!important;justify-content:flex-start!important;
  padding:0!important;
  overflow:auto!important;
 }
 #inventoryDialog.inventory-template-exact .inventory-artwork-sheet{
  width:960px!important;min-width:960px!important;
  height:640px!important;max-width:none!important;
  aspect-ratio:3 / 2;
  margin:0!important;
  font-size:12px!important;
 }
 #inventoryDialog.inventory-template-exact .inventory-artwork-sheet > header button.close{
  right:10px;top:8px;
  position:sticky!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #inventoryDialog.inventory-template-exact .inventory-artwork-sheet *{
  transition:none!important;
 }
}