/* V9: tableros clásicos de cuatro esquinas y administración accesible de salas */
#myRoomsButton{border-color:#E0C289;color:#FFE2A1;min-width:95px}
.my-rooms-dialog{margin:22px 0 0;padding:17px;border-radius:16px;background:#101F1BF0;border:1px solid #D8B87866}
.my-rooms-dialog h3{margin:0 0 5px;color:#FFE7AD;font-size:18px}
.my-rooms-dialog>p{font-size:12px;color:#CADBD0;margin:0 0 12px;line-height:1.5}
.my-rooms-items{display:grid;gap:10px;max-height:310px;overflow:auto}
.my-room-row{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#F9EBCD0C;border:1px solid #E6D8BA35;border-radius:11px;padding:11px}
.my-room-meta{min-width:0;display:flex;flex-direction:column;gap:3px}
.my-room-meta b{color:#FFF1D1;font-size:13px;overflow-wrap:anywhere}
.my-room-meta small,.my-rooms-empty{color:#C6D8C9;font-size:12px}
.my-room-actions{display:flex;gap:6px;flex-shrink:0}
.my-room-actions .btn{font-size:10px;min-height:35px;padding:0 11px}
.v8-hero-visual{height:455px;overflow:visible}
.v8-hero-visual canvas#previewBoard{display:block!important;width:min(100%,450px);max-height:450px;aspect-ratio:1;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 26px 26px #0009);transform:rotate(-5deg);transition:transform .28s ease}
.v8-hero-visual:hover canvas#previewBoard{transform:rotate(-1deg) scale(1.03)}
.v8-hero-image{display:none!important}
.v8-hero-label{z-index:3;left:3%;top:9%;pointer-events:none}
/* La mesa principal ocupa todo el ancho disponible; botones accesibles en pantallas táctiles */
.board-stage canvas{touch-action:manipulation}
.board-toolbar span{color:#ffe7b1;font-weight:800}
.game-shell .board-stage canvas{image-rendering:auto}
#myRoomsButton:hover{background:#F8D99022}
.board-choice:has(input:disabled){opacity:.75}
@media(max-width:820px){
 .v8-hero-visual{height:auto;min-height:285px;margin-top:5px}
 .v8-hero-visual canvas#previewBoard{width:min(96vw,430px);max-height:none;transform:rotate(-2deg)}
 .v8-hero-visual:hover canvas#previewBoard{transform:rotate(-2deg)}
 #myRoomsButton{min-width:0;padding:0 9px;font-size:10px}
 .my-room-row{flex-wrap:wrap}
 .my-room-actions{width:100%}.my-room-actions .btn{flex:1}
 .v8-hero-caption{margin-bottom:3px}
}
@media(max-width:430px){.brand-name small{letter-spacing:1px}.bar-actions{gap:3px}.bar-actions .btn{font-size:9px;min-height:37px;padding:0 7px}.sitebar .coin-top{display:none}.v8-hero-visual{min-height:250px}.v8-hero-label{top:2%;left:3%}.v8-hero-actions .v8-big-btn{flex:1 1 43%}}
@media(max-width:430px){.bar-actions #mainPlayButton{display:none}.brand-name small{font-size:7px}.sitebar{padding:0 10px}.bar-actions{gap:5px}}