/* Mesa de Jogo ↔ Ateliê — Tabuleiro Vivo */
.mesa-visual-bridge{margin-top:14px;border-top:1px solid rgba(214,174,87,.18);padding-top:13px}
.mesa-visual-head,.mesa-visual-roster-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mesa-visual-head>div:first-child{display:flex;flex-direction:column;gap:3px}.mesa-visual-head small{color:var(--muted,#8c918f)}
.mesa-visual-links{display:flex;gap:6px;flex-wrap:wrap}
.mesa-live-board-shell{position:relative;margin-top:10px;min-height:360px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#05070a;padding:8px}
.mesa-live-board{position:relative;min-height:340px;display:grid;place-items:start}
.mesa-live-canvas{position:relative;transform-origin:top left;overflow:hidden;box-shadow:0 12px 38px rgba(0,0,0,.5);background-color:#111820}
.mesa-live-canvas.mesa-grid-square{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px}
.mesa-live-canvas.mesa-grid-none{background-image:none}
.mesa-live-canvas.mesa-grid-hex{background-image:linear-gradient(30deg,rgba(255,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.05) 87.5%),linear-gradient(150deg,rgba(255,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.05) 87.5%),linear-gradient(60deg,rgba(255,255,255,.04) 25%,transparent 25.5%,transparent 75%,rgba(255,255,255,.04) 75%);background-size:46px 80px}
.mesa-static-map-layer,.mesa-live-token-layer{position:absolute;inset:0}.mesa-map-object{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transform-origin:center;pointer-events:none}.mesa-map-object.kind-token{border-radius:50%}
.mesa-live-compass{position:absolute;right:12px;top:9px;z-index:10000;color:#e3bd66;font:800 1.1rem Georgia,serif}
.mesa-live-token{position:absolute;z-index:8000;transform-origin:center;touch-action:none;user-select:none}.mesa-live-token.is-movable{cursor:grab}.mesa-live-token.is-movable:active{cursor:grabbing}.mesa-live-token.is-hidden{opacity:.48}
.mesa-live-token-ring{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#111827;border:2px solid #d3ae59;display:grid;place-items:center;box-shadow:0 3px 10px #0009}.mesa-live-token-ring img{width:100%;height:100%;object-fit:cover}.mesa-live-token-ring>span{font-weight:900;color:#e0bd67}
.mesa-live-token-name{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%) rotate(calc(-1 * var(--token-rotation,0deg)));white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;background:#05070bd9;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:2px 5px;color:#eee;font-size:9px}
.mesa-live-token-pv{position:absolute;left:5%;right:5%;bottom:-7px;height:5px;border-radius:99px;overflow:hidden;background:#250b0b;border:1px solid #000}.mesa-live-token-pv i{display:block;height:100%;background:linear-gradient(90deg,#80231d,#d65545)}
.mesa-live-token-condition{position:absolute;right:-7px;top:-7px;min-width:19px;height:19px;border-radius:99px;background:#74498c;color:#fff;border:2px solid #0a0b0e;display:grid;place-items:center;font-size:9px;font-weight:800}
.mesa-live-token-lock,.mesa-live-token-hidden{position:absolute;left:-8px;top:-8px;font-size:12px;background:#0a0b0e;border-radius:50%;padding:2px}.mesa-live-token-hidden{top:auto;bottom:-8px}
.mesa-live-legend{display:flex;gap:13px;flex-wrap:wrap;padding:7px 2px;color:var(--muted,#8c918f);font-size:.67rem}.mesa-live-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px}.mesa-live-legend .move{background:#d6ae57}.mesa-live-legend .locked{background:#7c8794}.mesa-live-legend .hidden{background:#566f86}
.mesa-visual-roster{margin-top:8px}.mesa-visual-roster-head span{font-size:.72rem;border:1px solid rgba(255,255,255,.1);padding:3px 7px;border-radius:99px}
.mesa-visual-tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px;margin-top:8px}
.mesa-vital-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.14);border-radius:11px;padding:7px}
.mesa-token-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#111827;color:#e0bd67;font-weight:800}.mesa-token-avatar img{width:100%;height:100%;object-fit:cover}
.mesa-vital-main{min-width:0;display:flex;flex-direction:column;gap:3px}.mesa-vital-main strong{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mesa-vital-main small{font-size:.61rem;color:var(--muted,#8c918f)}
.mesa-roster-pv{height:5px;border-radius:99px;background:#280d0d;overflow:hidden}.mesa-roster-pv i{display:block;height:100%;background:linear-gradient(90deg,#81251d,#d65c48)}
.mesa-condition-chips{display:flex;gap:3px;flex-wrap:wrap}.mesa-condition-chips span{font-size:.55rem;padding:2px 4px;border-radius:99px;background:#392442;color:#c9a8d8}
.mesa-vital-actions{display:flex;gap:3px}.mesa-mini-action{width:26px;height:26px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.04);color:#c9c4ba;cursor:pointer}.mesa-mini-action:hover{border-color:rgba(214,174,87,.45);color:#e4c16d}
.mesa-visual-empty{color:var(--muted,#8c918f);font-size:.82rem;padding:15px}
@media(max-width:700px){.mesa-visual-head{align-items:flex-start;flex-direction:column}.mesa-live-board-shell{min-height:300px}.mesa-visual-tokens{grid-template-columns:1fr}.mesa-visual-links{width:100%}}

/* Combate da Mesa Viva */
.mesa-combat-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(0,0,0,.14)}
.mesa-combat-toolbar .active{border-color:rgba(214,174,87,.6)!important;color:#e4c16d!important}.mesa-combat-toolbar>span{margin-left:auto;color:var(--muted,#8c918f);font-size:.67rem}
.mesa-combat-panel{margin-top:8px;border:1px solid rgba(214,174,87,.18);border-radius:12px;background:rgba(14,11,7,.35);padding:9px}
.mesa-combat-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mesa-combat-head>div:first-child{display:flex;flex-direction:column}.mesa-combat-head strong{color:#d6ae57}.mesa-combat-head small{color:var(--muted,#8c918f)}
.mesa-combat-actions{display:flex;gap:5px}.mesa-initiative-list{display:grid;gap:5px;margin-top:8px}.mesa-init-row{display:grid;grid-template-columns:24px 32px 1fr auto;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:5px;background:rgba(0,0,0,.12)}
.mesa-init-row.active{border-color:rgba(214,174,87,.55);box-shadow:0 0 0 1px rgba(214,174,87,.12) inset;background:rgba(214,174,87,.07)}.mesa-init-pos{font-weight:800;color:#8e887d;text-align:center}.mesa-init-main{display:flex;flex-direction:column}.mesa-init-main strong{font-size:.72rem}.mesa-init-main small{font-size:.6rem;color:var(--muted,#8c918f)}
.mesa-board-marker{position:absolute;z-index:7000;pointer-events:none}.mesa-board-marker.marker-point{width:18px;height:18px;border-radius:50%;background:#d9a82e;border:2px solid #fff2b8;box-shadow:0 0 10px rgba(217,168,46,.6)}.mesa-board-marker.marker-point>span{position:absolute;left:22px;top:-2px;white-space:nowrap;background:#05070bdc;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px 5px;font-size:9px;color:#eee}
.mesa-board-marker.marker-circle{border:2px dashed #ffb45f;background:rgba(255,126,49,.14);border-radius:50%}.mesa-board-marker.marker-circle>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#05070bdc;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px 5px;font-size:9px;color:#ffe3c6;white-space:nowrap}
.mesa-live-canvas.is-measuring{cursor:crosshair}.mesa-vital-actions{align-items:center}
@media(max-width:700px){.mesa-combat-toolbar>span{width:100%;margin-left:0}.mesa-combat-head{align-items:flex-start;flex-direction:column}.mesa-combat-actions{width:100%}}

/* Ciel — Rolagens e Log da Sessão */
.mesa-ciel-roll-panel{margin-top:8px;border:1px solid rgba(100,177,231,.2);border-radius:12px;background:rgba(7,15,23,.42);padding:9px}
.mesa-ciel-roll-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.mesa-ciel-roll-head>div{display:flex;flex-direction:column}.mesa-ciel-roll-head strong{color:#8ed3ff}.mesa-ciel-roll-head small{color:var(--muted,#8c918f)}
.mesa-roll-controls{display:grid;grid-template-columns:100px minmax(140px,1fr) 120px auto auto;gap:6px;margin-top:8px;align-items:center}
.mesa-roll-input,.mesa-roll-select{height:32px;border:1px solid rgba(255,255,255,.1);background:#090d13;color:#e4e0d8;border-radius:7px;padding:0 8px;outline:none}.mesa-roll-input:focus,.mesa-roll-select:focus{border-color:rgba(110,195,245,.5)}
.mesa-roll-check{display:flex;align-items:center;gap:4px;color:#aaa;font-size:.68rem;white-space:nowrap}.mesa-roll-check input{accent-color:#6dc7f3}
.mesa-dice-stage{display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center;margin-top:9px;padding:9px;border-radius:10px;background:rgba(0,0,0,.16)}
.mesa-die{width:58px;height:58px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#172838,#0c1118);border:2px solid #79cdf8;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);filter:drop-shadow(0 4px 8px #0008);color:#c9edff;font:800 1.1rem Georgia,serif}.mesa-die.rolling{animation:mesaDieRoll .7s cubic-bezier(.3,.8,.2,1)}@keyframes mesaDieRoll{0%{transform:rotate(0) scale(.92)}25%{transform:rotate(120deg) scale(1.08)}50%{transform:rotate(245deg) scale(.95)}75%{transform:rotate(380deg) scale(1.07)}100%{transform:rotate(540deg) scale(1)}}
.mesa-dice-result{display:flex;flex-direction:column;min-width:0}.mesa-dice-result small{color:#7d8e9a}.mesa-dice-result strong{font-size:1.8rem;color:#d8effc;line-height:1}.mesa-dice-result span{color:#9da8ae;font-size:.67rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mesa-history-panel{margin-top:8px;border-top:1px solid rgba(255,255,255,.07);padding-top:8px}.mesa-history-tabs{display:flex;gap:5px;margin-bottom:6px}.mesa-history-tabs button{border:1px solid rgba(255,255,255,.08);background:transparent;color:#8f9699;border-radius:7px;padding:5px 8px;font-size:.65rem;cursor:pointer}.mesa-history-tabs button.active{border-color:rgba(110,195,245,.42);color:#aadef8;background:rgba(60,130,175,.09)}
.mesa-history-list{display:grid;gap:4px;max-height:260px;overflow:auto}.mesa-history-row{display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:6px;background:rgba(0,0,0,.12)}.mesa-history-row.roll{border-color:rgba(110,195,245,.09)}
.mesa-history-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.04)}.mesa-history-row>div{display:flex;flex-direction:column;min-width:0}.mesa-history-row strong{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mesa-history-row small{font-size:.58rem;color:#8b9295}.mesa-history-row em{font-style:normal;font-size:.54rem;color:#647984}.mesa-history-row>b{font-size:1rem;color:#cbeaff}
@media(max-width:760px){.mesa-roll-controls{grid-template-columns:90px 1fr}.mesa-roll-controls .label{grid-column:1/-1}.mesa-roll-select{width:100%}.mesa-dice-stage{grid-template-columns:55px 1fr}.mesa-die{width:48px;height:48px}}

/* Dano, cura, condições e templates avançados */
.mesa-mini-action.damage{width:auto;padding:0 5px;color:#ff9e91;border-color:rgba(197,70,52,.25)}
.mesa-mini-action.heal{width:auto;padding:0 5px;color:#93daa6;border-color:rgba(68,157,91,.25)}
.mesa-mini-action.condition{color:#d9b0e8;border-color:rgba(154,92,178,.28)}
.mesa-condition-chips button{border:0;background:#392442;color:#c9a8d8;font-size:.55rem;padding:2px 5px;border-radius:99px;cursor:pointer}
.mesa-condition-chips button:hover{background:#583466;color:#ebc8f7}
.mesa-board-marker.marker-square{border:2px dashed #77c8ff;background:rgba(74,170,230,.12)}
.mesa-board-marker.marker-line{background:rgba(255,196,86,.25);border-top:2px solid #ffd16a;border-bottom:2px solid #ffd16a;border-radius:99px}
.mesa-board-marker.marker-cone{background:linear-gradient(90deg,rgba(255,126,49,.3),rgba(255,178,78,.06));clip-path:polygon(0 50%,100% 0,100% 100%);border-left:2px solid #ffb45f}
.mesa-board-marker.marker-square>span,.mesa-board-marker.marker-line>span,.mesa-board-marker.marker-cone>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;background:#05070bdc;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px 5px;font-size:9px;color:#eee}