/* HOTFIX 028 — Dossier, radar discipline, cronache, reset e rotoli */
#app .ninja-v04.game-layout .empire-dossier .empire-character-cover{
 height:clamp(315px,31vw,445px)!important;min-height:315px!important;max-height:445px!important;
 overflow:hidden!important;width:100%!important;
}
#app .ninja-v04.game-layout .empire-dossier .empire-character-cover>img{
 width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 32%!important;
}
/* Identity data had inherited dark-ink styling on a dark panel. */
#app .ninja-v04.game-layout .empire-dossier .profile-facts .dossier-information,
#app .ninja-v04.game-layout .empire-dossier .profile-facts .dossier-information>div{background:#23332f!important;color:#f9ddb3!important}
#app .ninja-v04.game-layout .empire-dossier .profile-facts .dossier-information>div>span{
 color:#ffddae!important;opacity:1!important;visibility:visible!important;
 font-size:13px!important;font-weight:700!important;text-shadow:none!important;
 text-align:right!important;overflow-wrap:anywhere!important;
}
#app .ninja-v04.game-layout .empire-dossier .profile-facts .dossier-information>div>b{
 color:#f8d9a8!important;opacity:1!important;font-weight:700!important;
}
#app .ninja-v04.game-layout .empire-dossier .combat-disciplines{
 padding:18px 12px 10px!important;min-width:0;
}
#app .ninja-v04.game-layout .empire-dossier .combat-disciplines>.shinobi-radar-panel{
 display:grid!important;grid-template-columns:minmax(200px,1fr) minmax(145px,.75fr)!important;
 gap:12px!important;align-items:center!important;margin:0!important;
}
#app .ninja-v04.game-layout .empire-dossier svg.combat-radar{
 display:block!important;width:100%!important;max-height:310px!important;overflow:visible!important;
}
#app .ninja-v04.game-layout .empire-dossier .combat-radar-legend{
 display:grid!important;gap:8px!important;align-content:center!important;
}
#app .ninja-v04.game-layout .empire-dossier .combat-radar-legend>div{
 background:#294035!important;border:1px solid #997753!important;color:#ffdbac!important;
 padding:8px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;
 gap:8px!important;min-height:40px!important;
}
#app .ninja-v04.game-layout .empire-dossier .combat-radar-legend :is(strong,span){
 color:#ffdfb4!important;font-size:13px!important;
}
#app .ninja-v04.game-layout .empire-dossier .combat-radar-legend span{margin-left:auto!important;font-weight:800!important}
#app .ninja-v04.game-layout .empire-dossier .combat-radar-legend button{padding:3px 8px!important;min-height:28px!important}
/* Context-friendly reading of a day's chronological RP log. */
#app .ninja-v04.game-layout .chat-log-panel{max-width:1120px!important;margin-inline:auto!important;background:#1c2d28!important;border:1px solid #98734e!important}
#app .ninja-v04.game-layout .chat-log-panel .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#app .ninja-v04.game-layout .chat-log-panel :is(label,h2,p){color:#f8dfba!important}
#app .ninja-v04.game-layout .chat-log-panel :is(select,input){width:100%!important;background:#f2e3cb!important;color:#253c32!important;border:1px solid #a27d50!important;padding:10px!important}
#app .ninja-v04.game-layout .chat-log-panel .form-grid>button{grid-column:1/-1!important}
#app .ninja-v04.game-layout .log-results-heading{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:20px 0 8px;border-bottom:1px solid #98734e;padding-bottom:12px}
#app .ninja-v04.game-layout .log-results-heading h2{margin:0!important;font-size:23px!important}
#app .ninja-v04.game-layout .log-results-heading span{font-size:12px;color:#e0bd90}
#app .ninja-v04.game-layout .chat-log-entries{background:#f0dfbb!important;color:#3e2c22!important;border:4px double #a58152!important;border-radius:4px}
#app .ninja-v04.game-layout .chat-log-entry{padding:16px 20px!important;color:#3b291d!important;border-bottom:1px solid #ba9c71!important}
#app .ninja-v04.game-layout .chat-log-entry:nth-child(even){background:#e7d1a7!important}
#app .ninja-v04.game-layout .chat-log-entry header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;padding-bottom:8px;border-bottom:1px solid #bea17e}
#app .ninja-v04.game-layout .chat-log-entry :is(strong,small,.log-message,.prose){color:#39271d!important;opacity:1!important}
#app .ninja-v04.game-layout .chat-log-entry .prose{white-space:pre-wrap;line-height:1.7;font-size:14px!important}
#app .ninja-v04.game-layout .chat-log-paging{display:flex;gap:12px;justify-content:center;margin-top:12px}
#app .ninja-v04.game-layout .reset-character-list{display:grid;gap:8px}
#app .ninja-v04.game-layout .reset-character-list>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px;background:#293b32;border:1px solid #936b48;color:#ffdbac}
#modal #admin-reset-form{display:grid!important;gap:12px!important;color:#314335!important}
#modal #admin-reset-form>p,#modal #admin-reset-form :is(label,.reset-warning){color:#354537!important}
#modal #admin-reset-form .reset-warning{padding:10px;border:1px solid #b18352;background:#f3e0c0;color:#643a2e!important;font-weight:700}
#modal #admin-reset-form input:not([type=checkbox]){background:#fff2dd!important;color:#23392d!important;min-width:0}
#app .ninja-v04.game-layout .visual-assets-panel{max-width:1100px!important;background:#1c302b!important;color:#f8ddb3!important}
#app .ninja-v04.game-layout .visual-asset-row{display:grid;gap:11px;padding:16px;margin-bottom:16px;border:1px solid #986f4b;background:#273a31;color:#f6d9af}
#app .ninja-v04.game-layout .visual-asset-row label{color:#f6d9af!important}
#app .ninja-v04.game-layout .visual-asset-row input[type=url]{display:block;margin-top:8px;padding:12px;width:100%!important;background:#f5e8d0!important;color:#22372e!important;border:1px solid #ab8c68!important}
#app .ninja-v04.game-layout .visual-upload{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
#app .ninja-v04.game-layout .visual-asset-row :is(small,a,p){color:#f1d2a7!important}
/* The roll can be a custom uploaded image. Default stays CSS-only, with edges and parchment texture. */
#app .ninja-v04.game-layout.scroll-open .ninja-scroll-inner{
 background-image:var(--shinobi-scroll-art,linear-gradient(90deg,#382318 0%,#e2bc88 3%,#263a32 8%,#23372e 92%,#e2bc88 97%,#382318 100%))!important;
 background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;
 box-shadow:inset 10px 0 13px #0d1515bd,inset -10px 0 13px #0d1515bd!important;
}
#app .ninja-v04.game-layout.info-open .info-drawer-content{
 background-image:var(--shinobi-info-scroll-art,linear-gradient(90deg,#533322 0%,#cba16c 3%,#25372e 9%,#25372e 91%,#cba16c 97%,#533322 100%))!important;
 background-size:100% 100%!important;background-position:center!important;
}
#app .ninja-v04.game-layout .ninja-scroll{transition:width .32s ease,transform .32s ease!important}
#app .ninja-v04.game-layout .sound-toggle{min-width:38px;height:38px;border:1px solid #a77c4e;color:#f5d6a8;background:#20372e;border-radius:5px;font-size:22px;cursor:pointer}
#app .ninja-v04.game-layout .sound-toggle:hover{background:#425a43}
@media(max-width:820px){
 #app .ninja-v04.game-layout .empire-dossier .empire-character-cover{height:clamp(245px,38vh,325px)!important;min-height:245px!important;max-height:325px!important}
 #app .ninja-v04.game-layout .empire-dossier .combat-disciplines>.shinobi-radar-panel{grid-template-columns:1fr!important}
 #app .ninja-v04.game-layout .empire-dossier svg.combat-radar{max-width:350px!important;margin-inline:auto!important}
 #app .ninja-v04.game-layout .empire-dossier .combat-radar-legend{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app .ninja-v04.game-layout .chat-log-panel .form-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){#app .ninja-v04.game-layout .ninja-scroll{transition:none!important}}