/* Hotfix 032 — restored starter pool toggle + compact powers and detailed parchment sheets.
   Scoped to catalog, learned skills/techniques and their modal only. */
#app .ninja-v04.game-layout.route-techniques #main .power-catalog,
#app .ninja-v04.game-layout.route-character #main .learned-powers{
 box-sizing:border-box!important;width:min(100%,1080px)!important;margin:4px auto 22px!important;
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;align-items:start!important;
}
#app .ninja-v04.game-layout :is(.power-catalog-panel,.learned-powers .power-catalog-panel){
 background:#1d302a!important;border:1px solid #997149!important;color:#f6d9b2!important;
 padding:0!important;min-width:0!important;box-shadow:0 5px 15px #07110f55!important;
}
#app .ninja-v04.game-layout .power-catalog-panel>header{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:9px!important;min-height:53px!important;padding:11px 16px!important;
 border-bottom:1px solid #99724a!important;background:#293e34!important;
}
#app .ninja-v04.game-layout .power-catalog-panel>header :is(h2,h3){
 margin:0!important;color:#f8d4a1!important;
 font:700 21px/1.16 'Cormorant Garamond',Georgia,serif!important;
}
#app .ninja-v04.game-layout .power-catalog-panel>header>span{
 font-size:11px!important;color:#efc59a!important;flex:none!important;
 border:1px solid #a48058!important;padding:2px 8px!important;border-radius:10px!important;
}
#app .ninja-v04.game-layout .power-name-list{
 display:grid!important;gap:0!important;padding:5px 10px!important;min-width:0!important;
}
#app .ninja-v04.game-layout .power-name-row{
 appearance:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 text-align:left!important;box-sizing:border-box!important;width:100%!important;min-height:46px!important;
 padding:11px 13px!important;gap:12px!important;color:#ffdfb1!important;
 background:transparent!important;border:0!important;border-bottom:1px solid #6d6350!important;
 font:700 14px/1.4 Manrope,Arial,sans-serif!important;cursor:pointer!important;
}
#app .ninja-v04.game-layout .power-name-row:last-child{border-bottom:0!important}
#app .ninja-v04.game-layout .power-name-row:hover,
#app .ninja-v04.game-layout .power-name-row:focus-visible{
 outline:2px solid #d9aa68!important;outline-offset:-2px!important;background:#405747!important;
}
#app .ninja-v04.game-layout .power-name-row>span:first-child{min-width:0!important;overflow-wrap:anywhere!important}
#app .ninja-v04.game-layout .power-name-chevron{
 font-size:23px!important;font-weight:400!important;color:#e5ae6b!important;
 line-height:1!important;flex:none!important;
}
#app .ninja-v04.game-layout .power-name-list .empty{margin:10px!important;padding:10px!important}
#app .ninja-v04.game-layout.route-character .learned-powers-panel{padding:15px!important}
#app .ninja-v04.game-layout.route-character .learned-powers-panel>h2{
 margin:0 0 13px!important;font-size:27px!important;color:#ffddb0!important;
}
/* Full power sheet, readable as a genuine reference table rather than a card grid. */
#modal:has(.power-detail-sheet){
 box-sizing:border-box!important;width:min(92vw,760px)!important;max-width:760px!important;
 max-height:90dvh!important;overflow-y:auto!important;
 background:#e8d9be!important;color:#2a3c31!important;
 border:3px double #9d7149!important;border-radius:5px!important;
 padding:clamp(14px,2.2vw,27px)!important;
}
#modal:has(.power-detail-sheet) #modal-body>h2{
 margin:0 35px 14px 0!important;font:700 clamp(24px,2.6vw,31px)/1.2 'Cormorant Garamond',Georgia,serif!important;
 color:#513b2c!important;border-bottom:1px solid #b18d64!important;padding:0 0 10px!important;
}
#modal .power-detail-sheet{display:grid!important;gap:14px!important;color:#293f32!important}
#modal .power-detail-heading{padding:12px 17px!important;background:#233b32!important;border:1px solid #a7804f!important}
#modal .power-detail-heading small{color:#ebbb80!important;font-size:10px!important;letter-spacing:.17em!important}
#modal .power-detail-heading h3{
 color:#f8daab!important;font:700 clamp(24px,3vw,36px)/1.2 'Cormorant Garamond',Georgia,serif!important;
 margin:3px 0!important;
}
#modal .power-detail-table{
 border-collapse:collapse!important;width:100%!important;table-layout:fixed!important;
 background:#f5e7cc!important;border:1px solid #af8f68!important;
}
#modal .power-detail-table th,
#modal .power-detail-table td{
 border:1px solid #b79b76!important;padding:11px 13px!important;vertical-align:top!important;
 font:600 13px/1.5 Manrope,Arial,sans-serif!important;overflow-wrap:anywhere!important;
}
#modal .power-detail-table th{
 width:40%!important;text-align:left!important;background:#dbcaac!important;color:#334c40!important;font-weight:800!important;
}
#modal .power-detail-table td{
 color:#273c30!important;background:#f5e7cc!important;font-weight:650!important;
}
#modal .power-detail-table tr:nth-child(even) td{background:#efe0c4!important}
#modal .power-detail-description{
 background:#f4e7d0!important;border:1px solid #ae8f68!important;padding:14px 16px!important;
}
#modal .power-detail-description h4{
 font-size:13px!important;letter-spacing:.07em!important;margin:0 0 9px!important;
 color:#304a3c!important;border-bottom:1px solid #aa8b64!important;padding:0 0 7px!important;
}
#modal .power-detail-description .prose{
 color:#2c4035!important;font-size:14px!important;line-height:1.75!important;white-space:pre-wrap!important;
 overflow-wrap:anywhere!important;
}
#modal .power-detail-actions{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-wrap:wrap!important;gap:11px!important;padding:8px 0 0!important;
}
#modal .power-detail-actions p,#modal .power-detail-owned{
 color:#655039!important;font-size:12px!important;line-height:1.5!important;margin:0!important;
}
#modal .power-detail-actions .button{min-height:43px!important;padding:10px 18px!important}
#modal .power-detail-owned{padding:4px 0!important}
#modal #admin-reset-form .reset-warning{font-size:13px!important;line-height:1.6!important}
@media(max-width:740px){
 #app .ninja-v04.game-layout.route-techniques #main .power-catalog,
 #app .ninja-v04.game-layout.route-character #main .learned-powers{
  grid-template-columns:1fr!important;gap:10px!important;
 }
 #modal:has(.power-detail-sheet){width:96vw!important;padding:12px!important}
 #modal .power-detail-table th,#modal .power-detail-table td{padding:9px 10px!important;font-size:12px!important}
}