body { background:#273027; }
#interface { border:0; overflow:hidden;position:relative; }
.mesa { position:absolute;left:50%;top:42%;width:2400px;height:2400px;max-width:none;transform-origin:center; }
.tab-col {width:800px;flex-shrink:0;}
.tabuleiro {display:block;width:800px;height:800px;opacity:0;pointer-events:none;background-color:transparent;}
.tab-col .show {opacity:1;pointer-events:auto;}
.tabuleiro.show {box-shadow:0 5px 0 #141c14,0 12px 20px #0004;}
.table-session {position:fixed;top:0;left:0;right:0;z-index:2200;display:flex;gap:12px;align-items:center;padding:8px 12px;background:#111c13;color:#f2efdf;font:14px system-ui;flex-wrap:wrap;}
.table-session a {color:#e7bd57;text-decoration:none;}
.table-session button,.table-session select {padding:4px 8px;border:1px solid #697663;border-radius:4px;background:#26352a;color:#f2efdf;font:inherit;}
.table-session label {margin-left:auto;}
#table-connection {font:12px system-ui;}
#table-connection[data-error="true"] {color:#ffb6a3;}
.table-loading #interface {pointer-events:none;opacity:.5;}
#room-name {top:65px;z-index:1001;}
#players {top:100px;z-index:1001;}
#tab-menu {top:65px;z-index:1001;}
#spawn-deck {top:65px;}
#draw-equip-deck {top:calc(65px + 17vh);}
#draw-pimp-deck {top:calc(65px + 34vh);}
#dice-container {top:calc(65px + 51vh);}
.controls {z-index:1100;}
.peca {z-index:10;}
/* Compensa a câmera apenas nas miniaturas; tokens seguem a orientação do mapa. */
.mesa > .peca {transform:rotate(var(--piece-facing,0deg));transform-origin:center;}
.token {z-index:8;}
@media(max-width:900px){.table-session{gap:6px;font-size:12px;}.table-session label{margin-left:0;}#table-connection{max-width:40vw;}.controls{overflow-x:auto;}.controls div{flex-shrink:0;}}