#combat-action-panel{margin-top:16px}.action-wait{margin-top:14px;padding:16px;border:1px dashed #cdbba8;border-radius:10px;background:#fffaf3;color:#725f55}.turn-panel{padding:18px;border:2px solid #3f7868;border-radius:14px;background:#f5fbf7}.turn-panel>header{display:flex;justify-content:space-between;gap:16px}.turn-panel header p{margin:0;color:#3f7868;font:700 11px Arial,sans-serif;letter-spacing:.12em}.turn-panel h3{margin:4px 0;font-size:22px}.turn-resources{display:flex;flex-wrap:wrap;gap:6px}.turn-resources span{padding:7px 9px;border-radius:8px;background:#e1eee8;font:11px Arial,sans-serif}.turn-panel form{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:10px;align-items:end;margin-top:15px}.turn-panel form label{display:grid;gap:5px;font-weight:700}.turn-panel select,.turn-panel textarea{padding:10px;border:1px solid #b8cfc4;border-radius:8px;background:#fff}.turn-panel .action-description{grid-column:1/-2}.turn-panel textarea{min-height:72px;resize:vertical;font:14px Georgia,serif}.turn-panel form button{min-height:42px;background:#2e6b52;color:#fff}.other-actions{margin-top:14px}.other-actions summary{cursor:pointer;font-weight:700}.other-actions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.other-actions span{display:grid;padding:9px;border:1px solid #cfe0d7;border-radius:8px;background:#fff}.other-actions small{margin-top:3px;color:#756960}@media(max-width:920px){.turn-panel>header{flex-direction:column}.turn-panel form{grid-template-columns:1fr}.turn-panel .action-description{grid-column:auto}.other-actions>div{grid-template-columns:1fr}}

.help-tip{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;min-width:18px;margin-left:4px;padding:0;border:1px solid #8f7357;border-radius:50%;background:#fffaf3;color:#5a3d2e;font:700 11px/1 Arial,sans-serif;cursor:help;vertical-align:middle;transform:translateY(-1px)}.help-tip::after{content:attr(data-help);position:absolute;z-index:30;left:50%;bottom:calc(100% + 9px);width:min(280px,75vw);padding:10px 12px;border-radius:8px;background:#291b1b;color:#fff;font:400 13px/1.4 Arial,sans-serif;box-shadow:0 6px 20px #0004;opacity:0;visibility:hidden;transform:translate(-50%,5px);transition:.15s}.help-tip:hover::after,.help-tip:focus::after,.help-tip.open::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.master-advanced{padding:10px 12px;border:1px dashed #cdbba8;border-radius:10px;background:#fffaf3}.master-advanced h3{margin:12px 0 0;font-size:16px}.distance-guidance{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:8px;background:#e8f1ed}.distance-guidance span{font-weight:700}.distance-guidance button{background:#80511c!important}.nonlethal-choice{display:flex!important;grid-auto-flow:column;align-items:center;justify-content:start;gap:7px!important}.nonlethal-choice input{width:18px;height:18px}
.tactical-board{margin-top:14px;padding:12px;border:1px solid #ccb895;border-radius:12px;background:#fffaf3}.tactical-board summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:700}.tactical-board summary .help-tip{margin-left:0}.tactical-board>small{display:block;margin-top:6px;color:#725f55}.tactical-grid{display:grid;grid-template-columns:repeat(10,44px);width:max-content;max-width:100%;margin-top:10px;border-left:1px solid #d9c7ad;border-top:1px solid #d9c7ad;overflow:auto}.tactical-cell{position:relative;width:44px;height:44px;border-right:1px solid #d9c7ad;border-bottom:1px solid #d9c7ad;background:#faf4e9}.tactical-token{position:absolute;inset:12%;display:grid;place-items:center;width:auto;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:#841a3b;color:#fff;font:700 12px Arial,sans-serif}.tactical-token.hero,.tactical-token.ally{background:#356c8b}.tactical-token.current{outline:3px solid #d7a82f;outline-offset:2px}.tactical-token.can-move{cursor:pointer;box-shadow:0 0 0 2px #fff}.tactical-token.selected{transform:scale(.82);outline:none;box-shadow:inset 0 0 0 3px #2e6b52,0 0 0 2px #fff;animation:token-selected .8s ease-in-out infinite alternate}.tactical-token.current.selected{outline:3px solid #d7a82f;outline-offset:2px;box-shadow:inset 0 0 0 3px #2e6b52,0 0 0 2px #fff,0 0 0 6px rgba(46,107,82,.38)}.tactical-board.choosing-destination .tactical-cell:not(.occupied){cursor:crosshair;background:#eef7f1}.tactical-board.choosing-destination .tactical-cell:not(.occupied):hover{background:#cfe8d8;box-shadow:inset 0 0 0 2px #3f7868}.tactical-board.moving{pointer-events:none;opacity:.7}.tactical-status{margin:8px 0 0;color:#3f6858;font:700 12px Arial,sans-serif}@keyframes token-selected{to{transform:scale(.72)}}.battle-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.battle-action-secondary{background:#fffaf3!important;color:#4b2d25!important;border:1px solid #9c8067!important}
@media(max-width:920px){.help-tip::after{position:fixed;left:50%;bottom:20px;width:calc(100vw - 44px);transform:translate(-50%,5px)}.help-tip:hover:not(.open)::after{opacity:0;visibility:hidden}.help-tip.open::after{transform:translate(-50%,0)}.distance-guidance{align-items:stretch;flex-direction:column}.tactical-grid{grid-template-columns:repeat(10,32px)}.tactical-cell{width:32px;height:32px}.tactical-token{inset:15%;font-size:10px}.battle-controls{width:100%}}
/* Ajustes de usabilidade do combate */
.battle-overview{display:grid;grid-template-columns:minmax(280px,auto) minmax(280px,1fr);gap:14px;align-items:stretch}
.battle-log{border:1px solid #ccb895;border-radius:10px;background:#fffaf3;padding:12px;min-width:0}
.battle-log h3{margin:0 0 8px}.battle-log-list{max-height:260px;overflow:auto;border:1px solid #e0d1bd;border-radius:7px;padding:6px}.battle-log-list p{margin:0;padding:6px 4px;border-bottom:1px solid #eadfce;font-size:13px}.battle-log-list p:last-child{border-bottom:0}.battle-log form{display:flex;gap:8px;margin-top:8px}.battle-log input{flex:1;min-width:0}.combat-mobility{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.combat-mobility button{background:#fffaf3;color:#4b2d25;border:1px solid #9c8067;border-radius:6px;padding:8px 12px;cursor:pointer}.tactical-grid{grid-template-columns:repeat(10,36px)!important}.tactical-cell{width:36px!important;height:36px!important}.help-tip{transform:none!important;display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle}
@media(max-width:920px){.battle-overview{grid-template-columns:1fr}.tactical-grid{grid-template-columns:repeat(10,30px)!important}.tactical-cell{width:30px!important;height:30px!important}}
.loot-battle-dialog{width:min(720px,calc(100% - 28px));padding:0;border:0;border-radius:16px;background:#fffaf3;color:#3d2924;box-shadow:0 24px 70px #24161066}.loot-battle-dialog::backdrop{background:#211513aa}.loot-modal-shell{display:grid;gap:16px;padding:22px;max-height:calc(100vh - 28px);overflow:auto}.loot-modal-shell>header,.loot-modal-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.loot-modal-shell h2{margin:3px 0;font-size:25px}.loot-modal-shell .eyebrow{margin:0;color:#8b3a27;font:700 11px Arial,sans-serif;letter-spacing:.13em}.loot-monster-group{padding:13px;border:1px solid #decdb9;border-radius:11px;background:#fff}.loot-monster-group h3{margin:0 0 8px;color:#71301f}.loot-monster-group ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.loot-monster-group li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #eee1d2}.loot-monster-group li:first-child{border-top:0}.loot-monster-group li small{color:#786960}.loot-monster-group select{padding:7px;border:1px solid #cdbba8;border-radius:7px;background:#fffaf3}.loot-modal-shell>footer{padding-top:4px;border-top:1px solid #eadfce}.loot-modal-shell>footer>div{display:flex;gap:8px}.loot-modal-shell #loot-close{width:34px;height:34px;border:1px solid #cdbba8;border-radius:50%;background:#fff;font-size:22px}.loot-modal-shell #loot-error{min-height:18px;color:#a33b2b;font-weight:700}
.preparation-panel{padding:1rem;background:#fffaf2;border:1px solid #d9c4a5;border-radius:12px}.preparation-help,.preparation-status{margin:.5rem 0;color:#5b4631}.preparation-grid .tactical-cell{cursor:pointer}.preparation-selected{outline:3px solid #bd7c20!important;background:#f8dfad!important}

#decision-panel{margin-top:16px}.decision-center{padding:16px;border:2px solid #8b6a2f;border-radius:14px;background:#fffaf0}.decision-heading p{margin:0;color:#8b6a2f;font:700 11px Arial,sans-serif;letter-spacing:.12em}.decision-heading h3{margin:4px 0 12px;font-size:20px}.decision-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid #dcc89e;border-radius:10px;background:#fff}.decision-card p{margin:4px 0}.decision-reason{color:#6d5b3b}.decision-options{display:flex;flex-wrap:wrap;gap:8px}.decision-option{display:grid;gap:2px;min-width:170px;padding:10px 12px;border:1px solid #9e7a35;border-radius:9px;background:#f7edcf;color:#3f321e;text-align:left;cursor:pointer}.decision-option small{color:#6d5b3b}.decision-option:disabled{opacity:.55;cursor:default}@media(max-width:760px){.decision-card{align-items:stretch;flex-direction:column}.decision-options{display:grid;grid-template-columns:1fr}.decision-option{min-width:0;width:100%}}

/* Cena 10: resumo compacto de carga na janela de loot */
.loot-capacity-overview{padding:12px;border:1px solid #decdb9;border-radius:11px;background:#fffdf8}.loot-capacity-overview h3{margin:0 0 9px;color:#71301f;font-size:15px}.loot-capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.loot-capacity-mini{padding:9px 10px;border:1px solid #d9c7ad;border-radius:9px;background:#fff}.loot-capacity-mini>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.loot-capacity-mini>div:first-child span{font-weight:700;color:#594a42}.loot-load-bar{height:9px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e8dfd4;box-shadow:inset 0 1px 2px #0002}.loot-load-bar span{display:block;height:100%;background:linear-gradient(90deg,#4e8a72,#72a88f);transition:width .2s}.loot-capacity-mini.warning .loot-load-bar span{background:linear-gradient(90deg,#b77926,#d09a45)}.loot-capacity-mini.overload .loot-load-bar span{background:linear-gradient(90deg,#a83c35,#cc5a4d)}.loot-capacity-mini small{display:block;margin-top:4px;color:#786960;font-size:11px}.loot-item-copy{display:grid;gap:3px;min-width:0}.loot-item-weight{color:#715f55!important;font-weight:600}.loot-monster-group li{align-items:center}.loot-monster-group li>small:last-child{text-align:right}
@media(max-width:620px){.loot-capacity-grid{grid-template-columns:1fr}.loot-monster-group li{align-items:stretch;flex-direction:column}.loot-monster-group select{width:100%}.loot-monster-group li>small:last-child{text-align:left}.loot-capacity-mini>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}}
.player-loot-decision-dialog .loot-modal-shell>header{align-items:flex-start}.player-loot-row{align-items:center}.player-loot-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.player-loot-actions button{white-space:nowrap}.player-loot-help{margin:0;padding:10px 12px;border:1px dashed #cdbba8;border-radius:9px;background:#fff7eb;color:#6d594c;font-size:13px}.player-loot-decision-dialog #player-loot-error{min-height:18px;margin:0;color:#a33b2b;font-weight:700}@media(max-width:680px){.player-loot-row{align-items:stretch;flex-direction:column}.player-loot-actions{display:grid;grid-template-columns:1fr 1fr}.player-loot-actions button{width:100%}}

/* Combat Start Scenarios C1-C4 — 2026-09-15 */
.combat-builder-basics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.combat-builder-basics label,.battlefield-builder label{display:grid;gap:6px;font-weight:800}.combat-start-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;padding:0;border:0}.combat-start-modes legend{grid-column:1/-1;margin-bottom:2px;font:800 12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5d4438}.combat-start-mode-card{position:relative;display:block;cursor:pointer}.combat-start-mode-card input{position:absolute;opacity:0;pointer-events:none}.combat-start-mode-card>span{display:grid;gap:5px;min-height:88px;padding:13px 14px;border:2px solid #d9c7ad;border-radius:11px;background:#fffaf3;color:#4a352b;transition:.15s}.combat-start-mode-card strong{font:700 17px Georgia,serif}.combat-start-mode-card small{color:#75645a;font:12px/1.4 Arial,sans-serif}.combat-start-mode-card.is-selected>span{border-color:#9b6b1f;background:#fff1c9;box-shadow:inset 0 0 0 1px #e2bd66}.battlefield-builder{margin:15px 0;padding:15px;border:1px solid #d8c5ae;border-radius:12px;background:#f8f0e5}.battlefield-builder-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.battlefield-builder-head h3{margin:3px 0 0}.battlefield-builder-head small{color:#735e52;font-weight:700}.battlefield-builder-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;align-items:end}.battlefield-builder-grid select,.battlefield-builder-grid input[type=file]{width:100%;box-sizing:border-box}.battlefield-grid-toggle{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px!important;padding:9px 10px;border:1px solid #d6c5b2;border-radius:8px;background:#fffaf3}.battlefield-grid-toggle input{width:18px;height:18px}.battlefield-builder-note{margin:10px 0 0;padding:9px 11px;border-left:3px solid #9b6b1f;border-radius:7px;background:#fffaf3;color:#685347;font-size:12px}
.combat-preparation-banner{align-items:center}.combat-preparation-banner.combat-mode-open{border-color:#967128}.combat-preparation-banner.combat-mode-ambush{border-color:#6f4e84}.combat-preparation-banner.combat-mode-special{border-color:#356c8b}.preparation-banner-actions{margin-left:auto}.preparation-panel{padding:14px;background:#f8f1e7}.preparation-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:18px;align-items:start;width:100%;max-width:1680px;margin:0 auto}.prep-roster,.prep-board-wrap{min-width:0;padding:13px;border:1px solid #cfbda5;border-radius:11px;background:#fffaf3}.prep-board-wrap{width:100%;box-sizing:border-box}.prep-roster>header,.prep-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.prep-roster h3,.prep-board-head h3{margin:2px 0 0;font-size:18px}.prep-roster>header>span{min-width:28px;padding:5px 8px;border-radius:999px;background:#3a2a23;color:#fff;text-align:center;font-weight:800}.prep-board-head>span{padding:5px 8px;border-radius:999px;background:#eee1c9;color:#5b4631;font:800 11px Arial,sans-serif}.prep-roster-list{display:grid;gap:7px;max-height:360px;overflow:auto}.prep-participant{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:stretch;border:1px solid #d8c7b4;border-radius:9px;background:#fff}.prep-participant.hero,.prep-participant.ally{border-left:4px solid #356c8b}.prep-participant.enemy{border-left:4px solid #8a2941}.prep-participant.enemy.is-hidden{border-left-color:#6f4e84;background:#f4eef7}.prep-participant.is-selected{box-shadow:0 0 0 3px #d7a82f}.prep-participant-main{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;min-width:0;padding:8px;border:0;background:transparent;color:#3a2922;text-align:left;cursor:pointer}.prep-participant-main:disabled{cursor:default;opacity:1}.prep-participant-main>span:last-child{min-width:0}.prep-participant-main strong,.prep-participant-main small{display:block}.prep-participant-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prep-participant-main small{margin-top:3px;color:#76665c;font:11px/1.3 Arial,sans-serif}.prep-participant-token{display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%;background:#356c8b;color:#fff;font:800 10px Arial,sans-serif}.prep-participant.enemy .prep-participant-token{background:#8a2941}.prep-participant.enemy.is-hidden .prep-participant-token{background:#5d466f}.prep-visibility-toggle{align-self:center;margin-right:6px;padding:6px 8px;border:1px solid #9b806c;border-radius:6px;background:#fffaf3;color:#4a352b;font-size:11px}.preparation-help{margin:4px 0 8px;font-size:12px}.preparation-status{min-height:18px;margin:8px 0 0;font-weight:700}.preparation-grid{margin:0!important;overflow:hidden!important;border:2px solid #8b7358!important;background-color:#eadcc7;background-repeat:no-repeat;background-position:center;background-size:cover}.preparation-grid .prep-cell{cursor:pointer;background:rgba(250,244,233,var(--prep-grid-opacity,.48))!important;border-right:1px solid rgba(84,62,48,.46)!important;border-bottom:1px solid rgba(84,62,48,.46)!important}.preparation-grid .prep-cell:hover{box-shadow:inset 0 0 0 3px #d7a82f;background:rgba(255,236,183,.72)!important}.prep-grid-token{position:absolute;inset:10%;display:grid;place-items:center;border:2px solid #fff3da;border-radius:50%;background:#356c8b;color:#fff;font:900 9px Arial,sans-serif;box-shadow:0 2px 6px #0005}.prep-grid-token.enemy{background:#8a2941}.prep-grid-token.ally{background:#39745d}.prep-grid-token.enemy.is-hidden{background:repeating-linear-gradient(135deg,#584360 0,#584360 5px,#33273a 5px,#33273a 10px);border-style:dashed}.selected-combatant-cell{outline:3px solid #d7a82f;outline-offset:-3px}.prep-battlefield-note{display:block;margin-top:7px;color:#715d52}.tactical-grid.has-battlefield-image{background-color:#d5c5b0;background-repeat:no-repeat;background-position:center;background-size:cover}.tactical-grid.has-battlefield-image .tactical-cell{background:rgba(250,244,233,var(--prep-grid-opacity,.48))}.tactical-grid.grid-hidden .tactical-cell{border-color:transparent!important;background:rgba(250,244,233,.12)!important}.tactical-grid.grid-hidden .tactical-cell:hover{border-color:#d7a82f!important}.tactical-grid.has-battlefield-image .tactical-token{box-shadow:0 0 0 2px #fff5df,0 2px 6px #0007}
@media(max-width:1180px){.battlefield-builder-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.combat-start-modes{grid-template-columns:1fr 1fr}.combat-start-mode-card:last-child{grid-column:1/-1}.preparation-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:920px){.combat-builder-basics{grid-template-columns:1fr}.combat-start-modes{grid-template-columns:1fr}.combat-start-mode-card:last-child{grid-column:auto}.battlefield-builder-grid{grid-template-columns:1fr 1fr}.preparation-layout{grid-template-columns:1fr}.prep-roster-list{max-height:240px}.preparation-banner-actions{margin-left:0}.combat-preparation-banner{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.battlefield-builder-grid{grid-template-columns:1fr}.battlefield-builder-head,.prep-board-head{align-items:flex-start;flex-direction:column}.preparation-panel{padding:9px}.prep-roster,.prep-board-wrap{padding:10px}.preparation-grid{overflow:auto!important}.preparation-banner-actions{display:grid;width:100%}.preparation-banner-actions button{width:100%}}
.preparation-grid{grid-template-columns:repeat(10,50px)!important}.preparation-grid .prep-cell{width:50px!important;height:50px!important}.preparation-grid .prep-grid-token{font-size:11px}
@media(max-width:920px){.preparation-grid{grid-template-columns:repeat(10,38px)!important}.preparation-grid .prep-cell{width:38px!important;height:38px!important}}
@media(max-width:600px){.preparation-grid{grid-template-columns:repeat(10,34px)!important}.preparation-grid .prep-cell{width:34px!important;height:34px!important}}

/* Cena 10: viewport do campo de batalha em escala Roll20 — 2026-09-15 */
.prep-board-wrap{overflow:hidden}
.prep-map-viewport{position:relative;width:min(100%,1320px);height:clamp(560px,68vh,820px);margin:0 auto;overflow:auto;overscroll-behavior:contain;border:2px solid #765f49;border-radius:12px;background:#332f28;box-shadow:inset 0 0 0 1px #0008;scrollbar-gutter:stable both-edges}
.prep-map-stage{display:grid;place-items:center;box-sizing:border-box;min-width:100%;min-height:100%;width:max-content;height:max-content;padding:28px}
.prep-map-viewport .preparation-grid{grid-template-columns:repeat(var(--battle-cols,30),var(--battle-cell-size,38.4px))!important;max-width:none!important;margin:0!important;overflow:visible!important;flex:none}
.prep-map-viewport .preparation-grid .prep-cell{width:var(--battle-cell-size,38.4px)!important;height:var(--battle-cell-size,38.4px)!important;transition:width .08s linear,height .08s linear}
.prep-map-viewport .prep-grid-token{font-size:clamp(9px,calc(var(--battle-cell-size,38.4px) * .22),16px)}
.prep-map-zoom{position:sticky;z-index:12;left:14px;bottom:14px;display:grid;grid-template-rows:auto auto 150px auto auto;justify-items:center;align-items:center;width:48px;margin:-224px 0 14px 14px;padding:7px 5px;border:1px solid #8e765e;border-radius:10px;background:#201b18e8;color:#fff;box-shadow:0 5px 18px #0008;backdrop-filter:blur(4px)}
.prep-map-zoom output{font:800 11px Arial,sans-serif;color:#f4dfb5}.prep-map-zoom button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:#f4ead7;color:#34251f;font:800 20px/1 Arial,sans-serif;cursor:pointer}.prep-map-zoom button:hover{background:#fff7e8}.prep-map-zoom [data-prep-center]{font-size:18px}
.prep-map-zoom input[type=range]{width:145px;height:24px;margin:0;transform:rotate(-90deg);accent-color:#c9982f;cursor:pointer}
.preparation-grid.has-battlefield-image{background-size:cover;background-position:center}
@media(max-width:920px){.prep-map-viewport{height:clamp(430px,60vh,620px)}.prep-map-stage{padding:24px}.prep-map-zoom{left:10px;bottom:10px;margin-left:10px}}
@media(max-width:600px){.prep-map-viewport{height:440px}.prep-map-stage{padding:18px}.prep-map-viewport .preparation-grid{overflow:visible!important}.prep-map-zoom{grid-template-rows:auto auto 120px auto auto;width:44px;margin-top:-190px}.prep-map-zoom input[type=range]{width:116px}}

/* Cena 10: grid tático dinâmico 30x20, mantendo 1,5 m por casa */
.tactical-board{min-width:0;overflow:hidden}.tactical-board>.tactical-grid{grid-template-columns:repeat(var(--battle-cols,30),32px)!important;max-width:100%;overflow:auto}.tactical-board>.tactical-grid .tactical-cell{width:32px!important;height:32px!important}.tactical-board>.tactical-grid.has-battlefield-image{background-size:cover;background-position:center}
@media(max-width:920px){.tactical-board>.tactical-grid{grid-template-columns:repeat(var(--battle-cols,30),28px)!important}.tactical-board>.tactical-grid .tactical-cell{width:28px!important;height:28px!important}}
/* Cena 10: alinhamento do painel de preparação */
.preparation-panel{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
.preparation-layout>*{min-width:0}
.prep-board-head,.preparation-help,.prep-battlefield-note,.preparation-status{max-width:1320px;margin-left:auto;margin-right:auto}

/* Cena 10: hardening responsivo do campo de batalha — desktop/tablet/mobile */
.preparation-layout,.prep-board-wrap,.prep-map-viewport{min-width:0;max-width:100%}.prep-map-viewport{box-sizing:border-box;touch-action:pan-x pan-y;scroll-behavior:smooth}.prep-map-stage{max-width:none}.prep-map-zoom button{min-width:44px;min-height:44px}.preparation-banner-actions button{min-height:44px}.prep-participant-main{min-height:52px}.battlefield-builder-grid>*{min-width:0}
@media(max-width:1180px){.preparation-layout{grid-template-columns:220px minmax(0,1fr);gap:12px}.prep-map-viewport{height:clamp(500px,62vh,700px)}.prep-map-stage{padding:20px}.prep-map-zoom{transform:scale(.94);transform-origin:left bottom}}
@media(max-width:920px){.preparation-panel{padding:10px}.preparation-layout{display:grid;grid-template-columns:1fr;gap:12px}.prep-roster{order:1}.prep-board-wrap{order:2}.prep-roster-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px}.prep-map-viewport{width:100%;height:clamp(440px,58vh,620px)}.prep-map-stage{padding:18px}.prep-board-head{align-items:center;flex-direction:row}.preparation-banner-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preparation-banner-actions button{width:100%;white-space:normal}.combat-preparation-banner>div:not(.battle-controls){min-width:0;flex:1}.battlefield-builder{padding:12px}.battlefield-builder-grid{grid-template-columns:1fr 1fr}.combat-start-mode-card>span{min-height:0}.prep-map-zoom{left:8px;bottom:8px;margin-left:8px}}
@media(max-width:700px){.prep-roster-list{grid-template-columns:1fr}.prep-board-head{align-items:flex-start;flex-direction:column}.prep-board-head>span{align-self:flex-start}.prep-map-viewport{height:56vh;min-height:390px;max-height:560px}.prep-map-stage{padding:14px}.preparation-banner-actions{grid-template-columns:1fr}.battlefield-builder-grid{grid-template-columns:1fr}.combat-start-modes{grid-template-columns:1fr}.prep-participant{grid-template-columns:minmax(0,1fr) auto}.prep-participant-main{grid-template-columns:40px minmax(0,1fr)}.prep-map-zoom{width:46px;grid-template-rows:auto auto 112px auto auto;margin-top:-188px}.prep-map-zoom input[type=range]{width:108px}}
@media(max-width:480px){.preparation-panel{padding:6px;border-radius:8px}.prep-roster,.prep-board-wrap{padding:8px}.prep-map-viewport{height:52vh;min-height:350px;border-radius:8px}.prep-map-stage{padding:10px}.prep-map-zoom{left:5px;bottom:5px;margin-left:5px;padding:5px 3px}.prep-map-zoom button{width:42px;height:42px;min-width:42px;min-height:42px}.prep-roster>header,.prep-board-head{gap:6px}.prep-participant-main{padding:7px}.prep-visibility-toggle{margin-right:4px}.battlefield-builder{margin:10px 0;padding:9px}.combat-start-mode-card>span{padding:10px}.battle-controls{gap:6px}}

/* Cena 10: correção responsiva específica para tablets — 2026-09-15 */
@media (max-width:1100px){
  .combat-builder-basics,.combat-start-modes,.battlefield-builder-grid{grid-template-columns:1fr!important}
  .combat-start-mode-card:last-child{grid-column:auto!important}
  .combat-builder-basics,.combat-start-modes,.battlefield-builder,.battlefield-builder-grid,.combat-start-mode-card,.combat-start-mode-card>span{min-width:0!important;max-width:100%!important;box-sizing:border-box}
  .battlefield-builder-head{align-items:flex-start!important;flex-direction:column!important}
  .battlefield-builder-grid>*,.battlefield-builder-grid label,.combat-builder-basics label{min-width:0!important;max-width:100%!important}
  .battlefield-builder select,.battlefield-builder input,.combat-builder-basics select,.combat-builder-basics input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .battlefield-builder input[type=file]{overflow:hidden}
  .combat-start-mode-card small{overflow-wrap:anywhere;word-break:normal}
  .preparation-layout{grid-template-columns:1fr!important}
  .prep-roster,.prep-board-wrap{width:100%!important;max-width:100%!important;box-sizing:border-box}
  .prep-map-viewport{width:100%!important;max-width:100%!important}
}
@media (max-width:780px){
  .battlefield-builder{padding:12px!important}
  .combat-start-mode-card>span{min-height:0!important}
  .prep-map-viewport{height:clamp(380px,58vh,560px)!important}
  .prep-map-stage{padding:14px!important}
  .preparation-banner-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .preparation-banner-actions button{width:100%!important;min-height:44px}
}

/* Cena 10: camada de transformação do mapa + calibração do grid — 2026-09-15 */
.battle-map-viewport{position:relative;box-sizing:border-box;max-width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-gutter:stable both-edges}
.battle-map-stage{box-sizing:border-box;display:grid;place-items:center;min-width:100%;min-height:100%;width:max-content;height:max-content}
.battle-map-canvas{position:relative;flex:none;overflow:visible;background:#e8dcc9;box-shadow:0 0 0 1px #3a2d27,0 8px 28px #0005}
.battle-map-canvas.no-image{background:#efe4d2}
.battle-map-image{position:absolute;z-index:0;left:0;top:0;display:block;max-width:none!important;max-height:none!important;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}
.battle-map-canvas [data-battle-map-grid]{position:absolute!important;z-index:2;left:0;top:0;display:grid!important;width:max-content!important;max-width:none!important;margin:0!important;overflow:visible!important}
.battle-map-canvas .preparation-grid,.battle-map-canvas .tactical-grid{grid-template-columns:repeat(var(--battle-cols,30),var(--battle-cell-size,48px))!important}
.battle-map-canvas .prep-cell,.battle-map-canvas .tactical-cell{box-sizing:border-box;width:var(--battle-cell-size,48px)!important;height:var(--battle-cell-size,48px)!important}
.battle-map-canvas.has-image .prep-cell,.battle-map-canvas.has-image .tactical-cell{background:rgba(255,255,255,.025)!important;border-right-color:rgba(62,43,34,var(--prep-grid-opacity,.48))!important;border-bottom-color:rgba(62,43,34,var(--prep-grid-opacity,.48))!important}
.battle-map-canvas.no-image .prep-cell,.battle-map-canvas.no-image .tactical-cell{background:rgba(250,244,233,.92)!important}
.battle-map-canvas .grid-hidden .prep-cell,.battle-map-canvas .grid-hidden .tactical-cell{border-color:transparent!important;background:transparent!important}
.battle-map-canvas .grid-hidden .prep-cell:hover,.battle-map-canvas .grid-hidden .tactical-cell:hover{box-shadow:inset 0 0 0 2px #d7a82f}
.battle-map-canvas .prep-grid-token,.battle-map-canvas .tactical-token{font-size:clamp(9px,calc(var(--battle-cell-size,48px) * .24),17px)}
.tactical-map-viewport{width:100%;height:clamp(460px,62vh,760px);margin:10px 0;border:2px solid #765f49;border-radius:12px;background:#332f28;box-shadow:inset 0 0 0 1px #0008}
.tactical-map-stage{padding:24px}.tactical-map-zoom{left:12px;bottom:12px;margin-left:12px}
.prep-grid-calibration{margin:10px auto 12px;padding:12px;max-width:1320px;border:1px solid #d4c0a6;border-radius:10px;background:#fffdf8}
.prep-grid-calibration-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.prep-grid-calibration-head h4{margin:2px 0;font-size:16px}.prep-grid-calibration-head small{color:#715f55;font-weight:700}
.prep-grid-calibration-controls{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;align-items:end}
.prep-grid-calibration-controls label{display:grid;gap:5px;min-width:0;font:700 12px Arial,sans-serif;color:#513b30}.prep-grid-calibration-controls select,.prep-grid-calibration-controls input[type=range]{width:100%;max-width:100%;box-sizing:border-box}.prep-grid-calibration-controls output{font:700 11px Arial,sans-serif;color:#745f50}
.prep-grid-calibration-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.prep-grid-calibration-note{margin:9px 0 0;color:#6c594d;font-size:12px}
.battlefield-builder-grid input[type=number]{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:1180px){.prep-grid-calibration-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tactical-map-viewport{height:clamp(430px,58vh,680px)}}
@media(max-width:700px){.prep-grid-calibration-head{flex-direction:column}.prep-grid-calibration-controls{grid-template-columns:1fr}.prep-grid-calibration-actions{display:grid;grid-template-columns:1fr}.prep-grid-calibration-actions button{width:100%;min-height:44px}.tactical-map-viewport{height:54vh;min-height:380px;max-height:560px}.tactical-map-stage{padding:14px}}
@media(max-width:480px){.prep-grid-calibration{padding:9px}.tactical-map-viewport{height:50vh;min-height:340px}.tactical-map-stage{padding:10px}}
/* Cena 10: distribuição fluida dos controles do cenário em telas largas */
@media(min-width:1101px){.battlefield-builder-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}.battlefield-builder-grid label{min-width:0}}

/* Cena 10 — ajuda didática do mapa de batalha — 2026-09-15 */
.battlefield-builder-head-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.battlefield-builder-head-tools>small{display:inline-flex;align-items:center;gap:3px}.battlefield-guide-toggle{padding:7px 10px;border:1px solid #9b806c;border-radius:7px;background:#fffaf3;color:#5b352c;font-weight:800;cursor:pointer}.battlefield-guide-toggle:hover,.battlefield-guide-toggle:focus-visible{border-color:#8f1e3e;outline:2px solid #d9af73;outline-offset:2px}.battlefield-guide{margin:0 0 12px;padding:12px 14px;border:1px solid #dbc8ad;border-left:4px solid #9b6b1f;border-radius:9px;background:#fffaf3;color:#604b3f}.battlefield-guide strong{font-size:15px}.battlefield-guide ol{margin:8px 0 6px;padding-left:22px}.battlefield-guide li{margin:5px 0;line-height:1.4}.battlefield-guide p{margin:8px 0 0;font-size:12px;color:#715d52}.battlefield-builder-grid label>.help-tip{justify-self:start;margin-left:3px}.battlefield-grid-toggle>span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px}.battlefield-grid-toggle .help-tip{flex:0 0 18px}
@media(max-width:1100px){.battlefield-builder-head-tools{justify-content:flex-start}.battlefield-builder-head{align-items:flex-start;flex-direction:column}.battlefield-guide-toggle{min-height:38px}.battlefield-builder-grid label>.help-tip{justify-self:start}}
@media(max-width:600px){.battlefield-builder-head-tools{width:100%;align-items:flex-start;flex-direction:column}.battlefield-guide-toggle{width:100%}.battlefield-guide{padding:11px}.battlefield-guide ol{padding-left:20px}.help-tip{width:22px;height:22px;min-width:22px;font-size:12px}}

/* Cena 10: preparação otimizada para Mestre em desktop/tablet — 2026-09-15 */
.preparation-layout.is-master{grid-template-columns:310px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;max-width:1880px!important}
.prep-sidebar{display:grid;gap:12px;align-content:start;min-width:0}.prep-sidebar .prep-roster{width:100%!important;max-width:none!important}.prep-sidebar .prep-grid-calibration{width:100%;max-width:none;margin:0;padding:11px;box-sizing:border-box}
.prep-sidebar .prep-grid-calibration-head{display:grid;gap:3px;margin-bottom:8px}.prep-sidebar .prep-grid-calibration-head small{font-size:10px;line-height:1.35}.prep-sidebar .prep-grid-calibration-controls{grid-template-columns:1fr!important;gap:8px}.prep-sidebar .prep-grid-calibration-controls label{font-size:11px}.prep-sidebar .prep-grid-calibration-actions{display:grid;grid-template-columns:1fr;gap:7px}.prep-sidebar .prep-grid-calibration-actions button{width:100%}.prep-sidebar .prep-grid-calibration-note{font-size:10px;line-height:1.35}
.preparation-layout.is-master .prep-board-wrap{padding:11px!important}.preparation-layout.is-master .prep-map-viewport{height:clamp(620px,72vh,900px)!important}.preparation-layout.is-master .prep-map-stage{padding:18px!important}.preparation-layout.is-master .prep-board-head,.preparation-layout.is-master .preparation-help,.preparation-layout.is-master .prep-battlefield-note,.preparation-layout.is-master .preparation-status{max-width:none}
.prep-map-zoom button[data-battle-map-fit]{font-size:18px;font-weight:900}
@media(max-width:1180px) and (min-width:761px){.preparation-layout.is-master{grid-template-columns:275px minmax(0,1fr)!important;gap:10px!important}.preparation-layout.is-master .prep-map-viewport{height:clamp(560px,66vh,760px)!important}.prep-sidebar .prep-grid-calibration{padding:9px}.prep-sidebar .prep-roster{padding:10px!important}}
@media(max-width:760px){.preparation-layout.is-master,.preparation-layout.is-player{grid-template-columns:1fr!important}.prep-sidebar{order:1}.prep-board-wrap{order:2}.prep-sidebar .prep-grid-calibration{margin-top:0}.preparation-layout.is-master .prep-map-viewport,.preparation-layout.is-player .prep-map-viewport{height:56vh!important;min-height:390px!important;max-height:590px!important}}
@media(max-width:600px){.preparation-layout.is-player .prep-sidebar{display:none}.preparation-layout.is-player .prep-board-wrap{padding:8px!important}.preparation-layout.is-player .prep-map-viewport{height:58vh!important;min-height:360px!important}}

/* Cena 10: battle map como camada visual única — 2026-09-15 */
.battle-map-canvas.has-image{background:transparent!important}
.battle-map-canvas.has-image .preparation-grid,.battle-map-canvas.has-image .tactical-grid{background:transparent!important;background-color:transparent!important;background-image:none!important}
.battle-map-canvas.has-image .prep-cell,.battle-map-canvas.has-image .tactical-cell{background:transparent!important}
.battle-map-canvas.has-image .grid-hidden .prep-cell,.battle-map-canvas.has-image .grid-hidden .tactical-cell{background:transparent!important;border-color:transparent!important}
.battle-map-image{z-index:1!important}
.battle-map-canvas [data-battle-map-grid]{z-index:2!important}

/* Cena 10: viewport ampliado do Mestre + barras somente acima de 100% — 2026-09-15 */
.preparation-layout.is-master{max-width:none!important;width:100%!important}
.preparation-layout.is-master .prep-board-wrap{width:100%!important}
.preparation-layout.is-master .prep-map-viewport{width:100%!important;max-width:none!important;height:clamp(720px,82vh,1080px)!important;scrollbar-width:none}
.preparation-layout.is-master .prep-map-viewport::-webkit-scrollbar{width:0;height:0}
.preparation-layout.is-master .prep-map-viewport.battle-map-scrollbars-visible{scrollbar-width:auto}
.preparation-layout.is-master .prep-map-viewport.battle-map-scrollbars-visible::-webkit-scrollbar{width:14px;height:14px}
.preparation-layout.is-master .prep-map-viewport.battle-map-scrollbars-visible::-webkit-scrollbar-thumb{background:#8f7458;border:3px solid #332f28;border-radius:999px}
.preparation-layout.is-master .prep-map-viewport.battle-map-scrollbars-visible::-webkit-scrollbar-track{background:#332f28}
@media(max-width:1400px) and (min-width:1181px){.preparation-layout.is-master .prep-map-viewport{height:clamp(680px,78vh,940px)!important}}
@media(max-width:1180px) and (min-width:761px){.preparation-layout.is-master .prep-map-viewport{height:clamp(600px,72vh,820px)!important}}

/* Cena 10: battle map automática — imagem é a geometria visual canônica */
.battle-map-canvas .preparation-grid,.battle-map-canvas .tactical-grid{grid-template-columns:repeat(var(--battle-cols,30),var(--battle-cell-width,var(--battle-cell-size,48px)))!important}
.battle-map-canvas .prep-cell,.battle-map-canvas .tactical-cell{width:var(--battle-cell-width,var(--battle-cell-size,48px))!important;height:var(--battle-cell-height,var(--battle-cell-size,48px))!important}
.prep-map-info{padding:12px;border:1px solid #d4c0a6;border-radius:10px;background:#fffdf8;color:#604b3f}
.prep-map-info h4{margin:3px 0 7px;font-size:16px}.prep-map-info p:not(.eyebrow){margin:0 0 6px;font-size:12px;line-height:1.4}.prep-map-info small{color:#715f55;font-weight:700}
.battlefield-builder-grid-auto{grid-template-columns:minmax(280px,1.5fr) minmax(220px,1fr) minmax(220px,1fr) minmax(190px,.8fr)!important}
.battlefield-builder input[type=range],.prep-sidebar input[type=range],.prep-map-zoom input[type=range]{accent-color:#a56f20}
.prep-participant-main:hover{background:#f5ead8;color:#3a2922}.prep-visibility-toggle:hover,.prep-visibility-toggle:focus-visible,.prep-sidebar .battle-action-secondary:hover,.prep-sidebar .battle-action-secondary:focus-visible{background:#8f1e3e!important;border-color:#8f1e3e!important;color:#fff!important;outline:2px solid #d9af73;outline-offset:2px}
.battlefield-builder select:hover,.battlefield-builder input[type=file]:hover,.prep-sidebar select:hover{border-color:#a56f20}
@media(max-width:1180px){.battlefield-builder-grid-auto{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.battlefield-builder-grid-auto{grid-template-columns:1fr!important}}

/* Cena 10: controles úteis do mapa durante a preparação — 2026-09-15 */
.prep-map-settings{display:grid;gap:10px;padding:12px;border:1px solid #d4c0a6;border-radius:10px;background:#fffdf8;color:#4f392f}
.prep-map-settings h4{margin:1px 0 0;font-size:17px}.prep-map-settings>p{margin:0;color:#6d594d;font-size:12px;line-height:1.4}.prep-map-settings>small{color:#765f52;font-size:10px;line-height:1.35}
.prep-map-settings label{display:grid;gap:5px;font:800 11px Arial,sans-serif;letter-spacing:.02em}.prep-map-settings select,.prep-map-settings input[type=file]{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.prep-map-settings input[type=range]{width:100%;accent-color:#8f1e3e}.prep-map-settings output{font:800 11px Arial,sans-serif;color:#7a503c}
.prep-map-toggle{grid-template-columns:auto 1fr!important;align-items:center!important;padding:9px;border:1px solid #d5c3ad;border-radius:8px;background:#fff8ee}.prep-map-toggle input{width:18px;height:18px;accent-color:#8f1e3e}
.prep-map-replace{display:grid;gap:7px;padding-top:9px;border-top:1px solid #e4d6c5}.prep-map-replace button{width:100%;min-height:40px}.prep-map-replace small{color:#78665c;font-size:10px;line-height:1.35}
.prep-participant-main:hover,.prep-participant-main:focus-visible{background:#f8ecd8!important;color:#3a2922!important;outline:none}.prep-participant.is-selected .prep-participant-main:hover,.prep-participant.is-selected .prep-participant-main:focus-visible{background:#f5dfad!important;color:#3a2922!important}
.prep-visibility-toggle:hover,.prep-visibility-toggle:focus-visible,.prep-map-settings button:hover,.prep-map-settings button:focus-visible{border-color:#8f1e3e!important;background:#fff1d6!important;color:#4b2d25!important;outline:2px solid #d9af73;outline-offset:1px}
@media(max-width:1180px){.prep-map-settings{padding:10px}.prep-map-replace button{min-height:44px}}
@media(max-width:760px){.prep-map-settings{gap:12px}.prep-map-settings label{font-size:12px}.prep-map-toggle{min-height:44px}.prep-map-replace button{min-height:46px}}

/* Cena 10: combate runtime — mapa independente do chat + pan por arrasto — 2026-09-15 */
.battle-overview{grid-template-columns:minmax(0,1fr) clamp(360px,25vw,430px)!important;width:100%;max-width:100%;overflow:hidden;align-items:stretch}
.battle-overview>.tactical-board,.battle-overview>.battle-log{min-width:0;max-width:100%;box-sizing:border-box}
.battle-overview>.tactical-board{width:100%;overflow:hidden}
.battle-overview>.battle-log{width:100%}
.tactical-map-viewport{min-width:0!important;max-width:100%!important;width:100%!important;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:none;cursor:grab;scrollbar-gutter:stable both-edges}
.tactical-map-viewport.is-pan-ready{cursor:grab}.tactical-map-viewport.is-panning{cursor:grabbing!important;user-select:none;-webkit-user-select:none}
.tactical-map-stage{min-width:100%!important;max-width:none!important;width:max-content!important}
.tactical-map-viewport::-webkit-scrollbar{width:12px;height:12px}.tactical-map-viewport::-webkit-scrollbar-thumb{background:#8f7458;border:2px solid #332f28;border-radius:999px}.tactical-map-viewport::-webkit-scrollbar-track{background:#332f28}
.tactical-map-viewport{scrollbar-color:#8f7458 #332f28;scrollbar-width:auto}
.tactical-token{cursor:pointer!important}.tactical-board.choosing-destination .tactical-cell:not(.occupied){cursor:crosshair}
@media(max-width:1100px){.battle-overview{grid-template-columns:1fr!important;overflow:visible}.battle-overview>.battle-log{min-height:260px}.tactical-map-viewport{width:100%!important}}
@media(max-width:700px){.battle-overview{gap:10px}.battle-log{padding:10px}.battle-log-list{max-height:210px}.tactical-map-viewport{height:52vh;min-height:340px;max-height:560px}}