/* Hotfix 030: structured Guide editor / single-paragraph actions / compact Fate scroll */
#modal:has(#resource-form[data-resource="codex"]){
 width:min(96vw,1180px)!important;max-width:1180px!important;max-height:94dvh!important;
 background:#193029!important;color:#f7dbb5!important;border:3px double #bb8d57!important;
 padding:22px clamp(12px,2.5vw,32px)!important;overflow:auto!important;
}
#modal:has(#resource-form[data-resource="codex"]) #modal-body>h2{
 color:#f6d4a1!important;margin:0 36px 20px 0!important;
 font:700 clamp(25px,2.8vw,39px) 'Cormorant Garamond',Georgia,serif!important;
}
#modal .guide-chapter-editor{display:grid!important;gap:17px!important;color:#efd4aa!important}
#modal .guide-chapter-editor .guide-chapter-meta{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:11px!important;background:#253d32!important;border:1px solid #98734f!important;padding:13px!important
}
#modal .guide-chapter-editor .guide-chapter-meta>label{min-width:0!important;color:#f5d8ae!important;font-weight:700!important}
#modal .guide-chapter-editor .guide-chapter-meta input:not([type=checkbox]){
 box-sizing:border-box!important;width:100%!important;background:#f3e4cb!important;color:#233b32!important;
 border:1px solid #ac8b65!important;min-height:43px!important;padding:9px!important;
}
#modal .guide-chapter-editor .guide-composer-card{
 display:grid;gap:14px;padding:17px;background:#263c32;border:1px solid #a58053;min-width:0;
}
#modal .guide-chapter-editor .guide-composer-card>header h3{
 font:700 27px 'Cormorant Garamond',Georgia,serif!important;color:#ffe0b0!important;margin:0 0 5px!important;
}
#modal .guide-chapter-editor .guide-composer-card>header p{
 color:#e7caa2!important;margin:0!important;font-size:13px!important;line-height:1.55;
}
#modal .guide-editor-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:9px 0}
#modal .guide-editor-tools button{
 background:#284f44!important;border:1px solid #bd8c55!important;
 color:#ffe7be!important;min-height:36px!important;padding:7px 11px!important;
 font-weight:700!important;font-size:12px!important;
}
#modal .guide-editor-tools button:hover{background:#3e6654!important}
#modal .guide-editor-upload{
 display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:14px;
 background:#1c302a;border:1px solid #9b7953;padding:12px;
}
#modal .guide-editor-upload label{flex:1 1 240px;min-width:0;color:#f4d8ac!important;font-size:12px!important}
#modal .guide-editor-upload input[type=file]{
 display:block;margin-top:8px;width:100%;color:#f5d9b4!important;max-width:460px;
}
#modal .guide-bb-editor{min-width:0!important}
#modal .guide-bb-editor label{display:block;color:#f6dab1!important}
#modal .guide-bb-editor textarea{
 box-sizing:border-box!important;display:block;width:100%!important;max-width:100%!important;
 min-height:260px!important;resize:vertical!important;padding:16px!important;
 border:1px solid #bc955f!important;color:#263b31!important;background:#faf0df!important;
 font:14px/1.7 Manrope,Arial,sans-serif!important;tab-size:3;
}
#modal .guide-bb-editor .bb-toolbar{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
#modal .guide-editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
#modal .guide-editor-actions span{color:#dec59c;font-size:12px}
#modal .guide-live-preview{
 display:block!important;min-height:140px;max-height:55dvh;overflow:auto;
 background:#eee0c1!important;padding:20px clamp(14px,3vw,30px)!important;
 color:#2b4034!important;border:4px double #9a7850!important;
 box-shadow:inset 0 3px 12px #63452b26;
}
#modal .guide-chapter-editor>button[type=submit]{justify-self:start!important;min-height:44px!important}
#app .ninja-v04.game-layout .guide-entry .guide-rich-body{margin-top:17px!important}
/* Safe, chapter-scoped rich text on dark panels and dark ink on preview parchment. */
#app .ninja-v04.game-layout .guide-rich-body,
#modal .guide-rich-body{display:grid;gap:14px;min-width:0;line-height:1.8}
#app .ninja-v04.game-layout .guide-rich-body{color:#f5d6aa!important}
#modal .guide-rich-body{color:#2b4034!important}
#app .ninja-v04.game-layout .guide-rich-body .guide-text-block{white-space:normal;overflow-wrap:anywhere;color:#f3d6b1!important}
#modal .guide-rich-body .guide-text-block{white-space:normal;overflow-wrap:anywhere;color:#273d33!important}
#app .ninja-v04.game-layout .guide-rich-body :is(h2,h3),
#modal .guide-rich-body :is(h2,h3){text-wrap:balance;margin:8px 0 2px!important;line-height:1.3!important;font-family:'Cormorant Garamond',Georgia,serif!important;letter-spacing:.02em!important}
#app .ninja-v04.game-layout .guide-rich-body h2{font-size:clamp(24px,2.7vw,35px)!important;color:#fbd19a!important;border-bottom:1px solid #a7824c;padding:10px 0!important}
#app .ninja-v04.game-layout .guide-rich-body h3{font-size:clamp(20px,2.1vw,27px)!important;color:#efd4a7!important;border-left:3px solid #ad814f;padding:4px 12px!important}
#modal .guide-rich-body h2{font-size:33px!important;color:#264c3b!important;border-bottom:2px solid #98744b;padding:10px 0!important}
#modal .guide-rich-body h3{font-size:26px!important;color:#2e5142!important;border-left:3px solid #98734f;padding:4px 12px!important}
:is(#app,#modal) .guide-rich-body .guide-section-heading::before{content:'◇';margin-right:9px;font-size:.7em}
:is(#app,#modal) .guide-rich-body .guide-table-scroll{display:block;width:100%;overflow-x:auto;border:1px solid #ac8858;max-width:100%}
:is(#app,#modal) .guide-rich-body .guide-structured-table{width:100%;min-width:420px;border-collapse:collapse;font-size:13px;line-height:1.55}
:is(#app,#modal) .guide-rich-body .guide-structured-table th{
 background:#2c4e40!important;color:#f9dcb3!important;padding:10px 13px!important;
 border:1px solid #8c7856!important;text-align:left!important;font-weight:800
}
:is(#app,#modal) .guide-rich-body .guide-structured-table td{
 background:#ecdbb8!important;color:#2b4036!important;padding:10px 13px!important;
 border:1px solid #b19b77!important;vertical-align:top
}
:is(#app,#modal) .guide-rich-body .guide-structured-table tr:nth-child(even) td{background:#e3d0a8!important}
:is(#app,#modal) .guide-rich-body .guide-structured-table td :is(strong,em,span){color:inherit!important}
:is(#app,#modal) .guide-rich-body .guide-inline-figure{max-width:100%;margin:8px auto!important;text-align:center}
:is(#app,#modal) .guide-rich-body .guide-inline-figure img{
 max-width:100%;max-height:680px;width:auto;height:auto;display:block;object-fit:contain;
 border:3px double #9f7a4b;box-shadow:0 5px 16px #0f211c70;
}
:is(#app,#modal) .guide-rich-body .guide-image-caption{
 text-align:center!important;font-size:12px!important;font-style:italic!important;opacity:.9;margin:0 0 12px!important;
}
:is(#app,#modal) .guide-rich-body .guide-chapter-divider{height:2px;width:66%;margin:20px auto!important;border:0;background:linear-gradient(90deg,transparent,#b08b54,transparent)}
/* Master remains a parchment scroll. Smaller emblem, time at right edge, no decorative title. */
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed article.fate-scroll{
 width:min(96%,1080px)!important;margin:14px auto!important;padding:10px 24px!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-inner{
 padding:6px 17px 11px!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-head{
 display:flex!important;flex-direction:row!important;justify-content:space-between!important;
 align-items:center!important;text-align:left!important;gap:12px!important;
 padding:0 2px 5px!important;margin:0 0 8px!important;min-height:36px!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-crest{
 width:38px!important;height:38px!important;min-width:38px!important;
 padding:5px!important;margin:0!important;border-radius:50%!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-crest svg{
 display:block!important;width:22px!important;height:24px!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-head .fate-scroll-time{
 font:600 10px Manrope,sans-serif!important;color:#6b482c!important;opacity:.9!important;
 margin:0 0 0 auto!important;white-space:nowrap!important;align-self:center!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-body{padding:0!important}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-body .prose{
 padding:0 3px!important;margin:0!important;white-space:pre-wrap!important;
 font:15px/1.65 Georgia,serif!important;color:#422d1f!important;
}
/* Normal action messages must wrap by available width but NEVER preserve hard line breaks. */
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed article.kind-action .prose,
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed article.kind-technique .prose{
 white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-form textarea[name=content]{
 width:100%!important;box-sizing:border-box!important;overflow-wrap:break-word!important;
}
@media(max-width:780px){
 #modal:has(#resource-form[data-resource="codex"]){width:98vw!important;max-height:96dvh!important;padding:11px!important}
 #modal .guide-chapter-editor .guide-chapter-meta{grid-template-columns:1fr!important}
 #app .ninja-v041.game-layout .empire-chat-v041 #chat-feed article.fate-scroll{padding:8px 15px!important;width:96%!important}
 #app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-inner{padding:4px 7px 7px!important}
}
