/*
 * Crownspire Academy 2026-11-04: usability fixes using saved original gothic PNGs.
 * DO NOT change Mondschloss artwork, its ornament positions or item grid skin.
 * Reuse /assets/ui/panel.png, button.png and slot.png.
 */
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.rpg-layout>div:nth-child(2),
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.rpg-layout>.inventory-detail-column,
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.rpg-tabs,
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.inventory-toolbar,
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.inventory-capacity{
 display:none!important;
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.rpg-layout>div:first-child{
 display:block!important;
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.inventory-stats-page{
 left:42%!important;top:18%!important;width:55.5%!important;height:71%!important;
 max-width:none!important;max-height:none!important;
 min-width:0!important;min-height:0!important;
 display:flex;flex-direction:column;gap:10px;
 padding:clamp(13px,2cqw,30px)!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 background:#080912f1!important;
 border:solid transparent!important;border-width:clamp(9px,1.5cqw,22px)!important;
 border-image:url('/assets/ui/panel.png') 105 fill / clamp(9px,1.5cqw,22px) / 0 stretch!important;
 box-shadow:none!important;overscroll-behavior:contain;
}
#inventoryDialog.inventory-template-exact .inventory-artwork-sheet>.inventory-stats-page[hidden]{
 display:none!important;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page :is(h3,h4){
 font-family:Cinzel,Georgia,serif;color:#e8e3f1;
 margin:.35em 0;line-height:1.25;letter-spacing:.04em;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page .attribute-summary{
 font-size:clamp(12px,1.1cqw,18px);line-height:1.45;
 color:#d8ceeb;margin:0 0 .35em;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page .attribute-allocation{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:clamp(6px,1cqw,13px);min-width:0;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page .attribute-allocation-row{
 display:grid;grid-template-columns:minmax(0,1fr) auto;
 align-items:center;gap:4px 9px;
 padding:7px 10px;min-width:0;
 border-bottom:1px solid #8c789b77;
 background:#080b14bc;color:#e9e0ec;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page .attribute-allocation-row>span{
 grid-column:1;font-size:clamp(12px,1.1cqw,16px);overflow-wrap:anywhere;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page .attribute-allocation-row>small{
 grid-column:1;grid-row:2;color:#b5acc4;font-size:clamp(10px,.9cqw,13px);
}
#inventoryDialog.inventory-template-exact .inventory-stats-page .attribute-allocation-row>button{
 grid-column:2;grid-row:1/span 2;
 background:url('/assets/ui/button.png') center/contain no-repeat!important;
 border:0!important;box-shadow:none!important;
 color:#faf5ff!important;min-width:42px;min-height:42px;
 font:700 22px Georgia,serif;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page .attribute-allocation-row>button:disabled{
 opacity:.4!important;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page .rpg-stats{
 width:100%;min-width:0;
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 13px;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page .rpg-stats>*{
 min-width:0;overflow-wrap:anywhere;
}
#inventoryDialog.inventory-template-exact .inventory-stats-page>p{
 font:clamp(11px,1.05cqw,15px)/1.45 Georgia,serif;color:#bbbacd;
}
@media(max-width:760px){
 /* Attributes use a readable portrait layout and do not make the game page scroll sideways. */
 #inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]{
  width:100vw!important;min-width:100vw!important;
  height:100dvh!important;min-height:100dvh!important;
  aspect-ratio:auto!important;background-size:cover!important;
 }
 #inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.rpg-layout>div:first-child{
  position:absolute!important;left:4%!important;top:11%!important;
  width:92%!important;height:26%!important;
 }
 #inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.rpg-layout>div:first-child .equipment-slots{
  display:none!important;
 }
 #inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.rpg-layout>div:first-child .rpg-preview{
  left:20%!important;width:60%!important;height:100%!important;top:0!important;
 }
 #inventoryDialog.inventory-template-exact .inventory-artwork-sheet[data-page="stats"]>.inventory-stats-page{
  position:absolute!important;left:3%!important;top:39%!important;
  width:94%!important;height:56%!important;padding:13px!important;
  font-size:13px!important;overflow-x:hidden!important;overflow-y:auto!important;
 }
 #inventoryDialog.inventory-template-exact .inventory-stats-page .attribute-allocation{
  grid-template-columns:1fr!important;
 }
 #inventoryDialog.inventory-template-exact .inventory-stats-page .rpg-stats{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
/* Academy archive: restore original PNG panels and a single accessible navigation. */
#menu .navtop{
 display:flex;align-items:center;justify-content:center;gap:12px;
 padding:clamp(8px,2vw,20px);min-height:58px;
 color:#e7e2f0;
}
#menu .navtop .smallcaps{font:500 clamp(20px,3.4vw,34px)/1.1 Cinzel,Georgia,serif;letter-spacing:.09em}
#menu .scroll{
 display:flex;flex-direction:column;gap:clamp(9px,1.5vw,16px);
 max-width:min(1080px,96vw);width:100%;margin:0 auto;
 max-height:calc(100dvh - 90px);
 overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
 padding:clamp(12px,2vw,23px)!important;
}
#menu .scroll>.academy-menu-navigation{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:clamp(6px,1.4vw,13px)!important;
 padding:8px;margin:0;min-width:0;
}
#menu .academy-menu-navigation button{
 min-height:58px;min-width:0;width:100%;
 font:500 clamp(12px,1.6vw,18px)/1.2 Cinzel,Georgia,serif;
 color:#e8e1f0!important;text-align:center;padding:9px 13px!important;
 background:transparent!important;box-shadow:none!important;
 border:solid transparent!important;border-width:14px!important;
 border-image:url('/assets/ui/button.png') 55 fill / 14px / 0 stretch!important;
 text-shadow:0 1px 4px #000;overflow-wrap:anywhere;
}
#menu .academy-menu-navigation button:not(:disabled):is(:hover,:focus-visible){
 filter:brightness(1.2) drop-shadow(0 0 5px #9765cf);
}
#menu .academy-menu-navigation button:disabled{
 opacity:.42;cursor:not-allowed;
}
#menu .scroll>.panel,#menu .scroll>.academy-menu-section{
 margin:0!important;min-width:0!important;
 background:#080a14ec!important;color:#dbe1ee!important;
 border:solid transparent!important;border-width:20px!important;
 border-image:url('/assets/ui/panel.png') 105 fill / 20px / 0 stretch!important;
 padding:13px 20px!important;
}
#menu .academy-menu-section{display:none!important}
#menu #resume,#menu #saveBtn,#menu #logout{
 border:solid transparent!important;border-width:14px!important;
 border-image:url('/assets/ui/button.png') 55 fill / 14px / 0 stretch!important;
 background:transparent!important;color:#e8e3ed!important;
 min-height:48px;
}
#menu #gameLang{
 background:#070a13;color:#f2edfa;border:1px solid #a2a0b7;
 min-height:46px;max-width:100%;width:min(440px,100%);
}
@media(max-width:670px){
 #menu .scroll>.academy-menu-navigation{grid-template-columns:repeat(2,minmax(0,1fr));}
 #menu .academy-menu-navigation button{min-height:52px;font-size:13px}
 #menu .scroll{max-width:100vw;padding:9px!important}
}
/* Keep original academy map image, replace only blue-gray shell with existing gothic artwork. */
#academyMapDialog{
 color:#e7e2ec!important;background:#070811!important;
 border:solid transparent!important;border-width:22px!important;
 border-image:url('/assets/ui/panel.png') 105 fill / 22px / 0 stretch!important;
}
#academyMapDialog .academy-map-head{
 border-bottom:1px solid #9b859e99;
 color:#e8e4f2;
}
#academyMapDialog .academy-map-head h2{color:#eee8f7;font-family:Cinzel,Georgia,serif}
#academyMapDialog .academy-map-plate{
 border:0!important;background:#080913!important;
}
#academyMapDialog .academy-map-sidebar{
 padding:4px 7px!important;
 border-left:1px solid #a299af88;
}
#academyMapDialog .academy-map-sidebar h3{font-family:Cinzel,Georgia,serif;color:#dfd6e9}
#academyMapDialog .academy-map-area{
 background:#0d0e19!important;
 border:0!important;border-bottom:1px solid #9582a080!important;
 color:#dfd8e9!important;min-width:0!important;
}
#academyMapDialog .academy-map-area small,
#academyMapDialog .academy-map-footnote,
#academyMapDialog .academy-map-location{color:#bcb5c6!important}
#academyMapDialog .academy-map-close{
 border:0!important;min-width:45px;min-height:45px;
 background:url('/assets/ui/button.png') center/contain no-repeat!important;
 color:#f2eefa!important;box-shadow:none!important;
}
#academyMapDialog .academy-map-footer{border-color:#9582a077;color:#c7bfd2}
#gameScreen #academyMapHud .academy-minimap{
 border:0!important;border-radius:13px!important;
 background:#090b16 url('/assets/ui/slot.png') center/100% 100% no-repeat!important;
 box-shadow:none!important;padding:10px!important;touch-action:manipulation;
}
#gameScreen #academyMapHud .academy-mini-visual{inset:10px!important;border-radius:8px}
#gameScreen #academyMapHud .academy-mini-toggle{
 position:absolute;z-index:5;right:0;top:0;
 min-width:33px;min-height:33px;
 background:url('/assets/ui/button.png') center/contain no-repeat!important;
 border:0!important;color:#f0e6f4;font:21px Georgia,serif;
 cursor:pointer;
}
#gameScreen #academyMapHud.is-collapsed{
 width:40px!important;height:40px!important;
}
#gameScreen #academyMapHud.is-collapsed .academy-mini-toggle{
 left:0;right:auto;
}
#gameScreen #academyMapHud .academy-minimap[hidden]{display:none!important}
@media(max-width:760px){
 #academyMapDialog{padding:7px!important;border-width:12px!important;
 border-image:url('/assets/ui/panel.png') 105 fill / 12px / 0 stretch!important;}
 #academyMapDialog .academy-map-content{grid-template-columns:minmax(0,1fr)!important;}
 #academyMapDialog .academy-map-sidebar{border-left:0!important;border-top:1px solid #a299af88;
 max-height:30dvh!important;}
}
/* HUD uses the actual character portrait PNG. The bar stays bound to live HP/Mana. */
#gameScreen .hud .character-hud-portrait{
 position:absolute!important;left:calc(8px + env(safe-area-inset-left));
 top:calc(8px + env(safe-area-inset-top));z-index:2;
 width:clamp(48px,5vw,68px);height:clamp(48px,5vw,68px);
 object-fit:cover;object-position:center;
 border:0!important;background:url('/assets/ui/slot.png') center/100% 100% no-repeat;
 filter:drop-shadow(0 1px 4px #01040b);
 padding:5px!important;
}
#gameScreen .hud .character-hud-portrait[hidden]{display:none!important}
#gameScreen .hud .hall-status{
 margin-left:clamp(58px,6.3vw,82px)!important;
 min-width:0;
}
/* 12 existing gothic slot PNGs, live skills and consumables; no duplicate attack panel. */
#gameScreen .weapon-actions{display:none!important}
#consumableQuickbar{
 display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;
 width:min(760px,calc(100vw - 24px))!important;
 max-width:calc(100vw - 16px)!important;
 gap:clamp(2px,.4vw,5px)!important;
 padding:5px!important;border:0!important;
 background:#070812d9!important;
 box-shadow:0 0 18px #0009!important;
}
#consumableQuickbar[hidden]{display:none!important}
#consumableQuickbar .consumable-quickslot{
 width:100%!important;min-width:0!important;
 height:auto!important;aspect-ratio:1!important;
 min-height:39px!important;max-height:60px!important;
 border:0!important;border-radius:0!important;
 background:url('/assets/ui/slot.png') center/100% 100% no-repeat!important;
 color:#e9e3ef!important;box-shadow:none!important;
 padding:5px!important;
 cursor:pointer;touch-action:manipulation;
}
#consumableQuickbar .consumable-quickslot img{
 max-width:100%!important;height:100%!important;object-fit:contain!important;
}
#consumableQuickbar .consumable-quickslot .quickslot-ability-name{
 position:absolute;bottom:1px;left:1px;right:1px;
 color:#e4d8ed;text-shadow:0 0 3px #000;
 font:clamp(6px,.67vw,9px)/1 Georgia,serif;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 pointer-events:none;
}
#consumableQuickbar .consumable-quickslot.quickslot-unavailable{opacity:.55}
#gameScreen .quickbar-picker{
 position:absolute;left:50%;transform:translateX(-50%);
 bottom:calc(83px + env(safe-area-inset-bottom));z-index:70;
 width:min(340px,94vw);max-height:min(50dvh,430px);overflow-y:auto;
 display:flex;flex-direction:column;gap:5px;
 border:solid transparent!important;border-width:18px!important;
 border-image:url('/assets/ui/panel.png') 105 fill / 18px / 0 stretch!important;
 background:#080813f7!important;
 color:#e9e4f0;padding:13px!important;
}
#gameScreen .quickbar-picker[hidden]{display:none!important}
#gameScreen .quickbar-picker>strong{text-align:center;font:16px Cinzel,Georgia,serif;margin-bottom:6px;}
#gameScreen .quickbar-picker button{
 border:solid transparent!important;border-width:11px!important;
 border-image:url('/assets/ui/button.png') 55 fill / 11px / 0 stretch!important;
 background:transparent!important;color:#efebf5;
 font:13px Georgia,serif;min-height:42px;
}
@media(max-width:760px){
 #gameScreen .hud .character-hud-portrait{width:46px;height:46px;left:5px;top:calc(7px + env(safe-area-inset-top))}
 #gameScreen .hud .hall-status{margin-left:51px!important}
 #consumableQuickbar{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  max-width:min(390px,calc(100vw - 16px))!important;
  width:100%!important;
  bottom:calc(7px + env(safe-area-inset-bottom))!important;
 }
 #consumableQuickbar .consumable-quickslot{
  min-height:36px!important;max-height:46px!important;
 }
 #gameScreen .quickbar-picker{bottom:calc(120px + env(safe-area-inset-bottom));}
}
#gameScreen .joystick,#gameScreen .joystick .nub{
 touch-action:none!important;overscroll-behavior:none!important;
}