/* Naruto: The Last – Hotfix 0.3.1. Non cambia i colori o le grafiche principali. */
/* 1. Titolo ispirato ai lettering manga, usando font web liberi (non font proprietari scaricati). */
.shinobi-layout.guest-layout .access-story .naruto-splash-title{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0 0 12px!important;line-height:.86}
.naruto-brush{font-family:'Permanent Marker','Impact',cursive;font-size:clamp(75px,8.4vw,165px);letter-spacing:.007em;color:#502320;text-shadow:2px 3px 0 #dfb98c,4px 5px 1px #44271e3d;transform:rotate(-1deg)}
.last-brush{font-family:'Kaushan Script','Brush Script MT',cursive!important;font-size:clamp(43px,5vw,96px);color:#a94330;font-style:normal;line-height:1.07;margin-left:4px;letter-spacing:.025em;text-shadow:1px 2px 0 #f1dfc7}
.empire-title{font:800 clamp(14px,1.5vw,22px) 'Manrope',sans-serif;color:#593126;letter-spacing:.35em;margin-top:21px}
.five-nations{display:flex;flex-wrap:wrap;gap:clamp(8px,1.7vw,26px);margin-top:14px;color:#783b2c;font-family:'Noto Serif JP',serif;font-size:clamp(25px,2.5vw,43px);font-weight:900}
.five-nations span{min-width:1.2em;text-align:center;filter:drop-shadow(1px 1px 0 #eed3ad)}
/* 2. Mouse-wheel zoom at pointer location; pan with mouse or touch after zoom. */
.map-viewport{overflow:hidden;touch-action:none;user-select:none;cursor:grab;overscroll-behavior:contain}
.map-viewport.is-panning{cursor:grabbing}
.map-viewport .zoom-layer{transform-origin:top left!important;transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(var(--zoom,1))!important;transition:none!important;will-change:transform}
.map-viewport img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.map-viewport .world-pin{touch-action:none}
/* 3. Bacheche organizzate come forum e con editor completo. */
.boards-hub{display:grid;grid-template-columns:210px minmax(0,1fr);gap:15px;align-items:start;min-height:calc(100dvh - 135px)}
.boards-navigation{position:sticky;top:78px;background:#382523;color:#e9d7b9;border:3px ridge #ad8257;padding:16px 11px;max-height:calc(100dvh - 98px);overflow:auto}
.boards-navigation h2{font:800 13px Manrope,sans-serif;color:#f9d8a7;letter-spacing:.13em;margin:2px 0 6px}
.boards-navigation>p{font-size:10px;color:#e6cbb4;padding-bottom:10px;border-bottom:1px solid #77564d}
.board-nav-link{display:flex;flex-direction:column;gap:5px;padding:14px 10px;border-left:3px solid transparent;border-bottom:1px solid #765147;color:#ead7bc;text-decoration:none;font-size:12px}
.board-nav-link small{font-size:10px;color:#bd9f84}
.board-nav-link:hover,.board-nav-link.selected{background:#78352f;border-left-color:#ecc78d;color:#fff4df}
.boards-main,.thread-hub{background:#e6d7bd;border:2px ridge #b1926a;min-width:0;padding:20px;min-height:400px}
.boards-main-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:2px solid #baa180;padding:5px 0 18px}
.boards-main-header small{font-size:10px;font-weight:800;letter-spacing:.14em;color:#995440}
.boards-main-header h1{font:600 clamp(27px,3vw,42px) 'Cormorant Garamond',serif;margin:2px 0 3px;color:#552c27}
.boards-main-header p{font-size:12px;color:#705441;margin:0}
.board-search-label{margin:14px 0;font-size:10px;font-weight:800;color:#683b32}
.board-search-label input{width:100%;margin-top:7px;background:#fbf2df;border:1px solid #a88c6d}
.board-topic-list{display:flex;flex-direction:column;gap:5px}
.board-topic{display:flex;align-items:center;gap:8px;border:1px solid #bda483;background:#f5e9d3;min-height:72px;padding:8px 11px}
.board-topic[hidden]{display:none!important}
.board-topic-link{display:flex;gap:14px;align-items:center;min-width:0;flex:1;color:#5a2b28;text-decoration:none}
.board-topic-symbol{font-size:20px;color:#975b45;flex-shrink:0}
.board-topic-summary{min-width:0;display:flex;flex-direction:column;gap:6px}
.board-topic-summary strong{font-size:14px;overflow-wrap:anywhere}
.board-topic-summary small{font-size:10px;color:#7a6451}
.board-topic:hover{background:#ffeed5}
.board-delete-button{font-size:9px!important;padding:8px!important;min-width:0!important}
.thread-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.thread-breadcrumb>a{font:800 10px Manrope,sans-serif;color:#773a30}
.board-admin-tools{display:flex;gap:7px;flex-wrap:wrap}
.board-admin-tools .button{padding:8px 10px;font-size:9px}
.thread-hub .page-heading{margin:12px 0 24px}
.thread-posts{display:flex;flex-direction:column;gap:13px;margin-bottom:20px}
.thread-posts .board-post{display:grid;grid-template-columns:160px minmax(0,1fr);background:#f2e7d3;border:2px solid #bca587;min-height:145px}
.board-post-author{padding:15px;background:#dbc5a7;border-right:2px solid #bca587;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}
.board-post-author .avatar{width:72px;height:72px;border-radius:50%;font-size:29px}
.board-post-author strong{font-size:13px;color:#693127;overflow-wrap:anywhere}
.board-post-author small{font-size:9px;color:#836f5c}
.board-post-body{min-width:0;padding:15px 20px;overflow-wrap:anywhere}
.board-post-body>small{font-size:10px;color:#8a4b36;font-weight:800;letter-spacing:.12em}
.board-post-body .bb-rendered{font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.board-reply-form textarea,.bb-editor textarea{min-height:155px}
.bb-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0}
.bb-toolbar .bb-color-control{display:inline-flex;align-items:center;gap:7px;background:#e3d0af;border:1px solid #a58260;padding:3px 8px;height:35px;font:800 10px Manrope,sans-serif;color:#6b302b;margin:0;cursor:pointer}
.bb-color-control input[type=color]{appearance:auto;cursor:pointer;width:35px;height:26px;padding:0;border:0;background:none;margin:0}
.bb-toolbar [data-bb-apply-color]{height:35px}
/* 5. Chat estesa: feed protagonista e input senza scrollbar minuscole. */
.shinobi-layout.game-layout:has(.chat-chamber) main{padding:8px 13px 10px}
.chat-chamber{height:calc(100dvh - 99px);min-height:590px;max-width:none!important;margin:0!important;position:relative}
.chat-location-banner{padding:8px 15px;margin-bottom:6px}
.chat-play-layout{position:relative;display:block;min-height:0;flex:1}
.chat-main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.chat-feed{flex:1;min-height:0;height:auto!important;max-height:none!important;overflow-y:auto;padding:20px 25px;overscroll-behavior:contain}
.chat-message{align-items:flex-start;gap:18px;border-bottom:1px solid #b6a080;padding:20px 10px!important;min-width:0}
.chat-message>.avatar{flex:0 0 55px;width:55px;height:55px}
.chat-message>div{min-width:0;flex:1}
.chat-message header{margin-bottom:12px;border-bottom:1px solid #bea98b;padding-bottom:8px}
.chat-message header a{font-size:14px!important}
.chat-message .prose{font:400 14px/1.85 'Manrope',sans-serif!important;overflow-wrap:anywhere;word-break:normal;white-space:pre-wrap;max-width:none;user-select:text}
.chat-scene-banner{flex-shrink:0}
.chat-composer{flex:0 0 auto;padding:7px 10px!important}
.chat-input-row{grid-template-columns:116px 160px minmax(0,1fr) 95px;gap:7px;align-items:end}
.chat-input-row textarea{resize:vertical;min-height:54px;height:60px;max-height:145px;overflow:auto;line-height:1.45}
.chat-input-row input,.chat-input-row select,.chat-input-row .button{height:60px}
.chat-input-row label{font-size:10px}
.chat-composer>label:has(select[name="npc"]){display:none}
.chat-composer:has(select[name="kind"] option:checked[value="npc"])>label:has(select[name="npc"]){display:block}
.chat-tools{padding:4px 0 0;gap:6px}
.chat-tools button{padding:6px 12px}
.chat-scene-side{position:absolute;z-index:12;top:15px;right:13px;width:min(290px,90%);max-height:70%;overflow:auto;padding:16px;background:#eadbc3;border:3px ridge #977152;box-shadow:0 10px 40px #40292385}
.chat-scene-side[hidden]{display:none!important}
.chat-scene-side .dossier-ribbon{margin:-16px -16px 12px;padding:10px}
.chat-panel-close{float:right;color:#fff5de;background:transparent;border:0;cursor:pointer;font-size:14px}
/* Contenuti lunghi preservano larghezza del feed e non provocano scroll orizzontale */
.chat-feed pre,.chat-feed code{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:950px){.boards-hub{grid-template-columns:155px minmax(0,1fr)}.chat-input-row{grid-template-columns:104px 1fr 86px}.chat-input-row>label:has([name="room_name"]){display:none}}
@media(max-width:760px){.shinobi-layout.guest-layout .access-story .naruto-splash-title{align-items:center}.empire-title{text-align:center}.five-nations{justify-content:center}.boards-hub{grid-template-columns:1fr}.boards-navigation{position:static;max-height:none}.boards-navigation .board-nav-link{display:inline-flex;margin:3px}.boards-main{padding:12px}.chat-chamber{height:calc(100dvh - 86px);min-height:560px}.chat-message .prose{font-size:13px!important}.chat-feed{padding:10px}.chat-input-row{grid-template-columns:104px minmax(0,1fr) 70px}.chat-input-row>label:has(textarea){grid-column:auto}.chat-input-row .button{grid-column:auto}.chat-input-row textarea{min-height:56px;height:60px}.thread-posts .board-post{grid-template-columns:100px minmax(0,1fr)}.board-post-author{padding:10px}.board-post-author .avatar{width:43px;height:43px}.board-post-body{padding:10px}}
.delete-reply-button{margin-top:16px;font-size:9px!important;padding:8px 12px!important}