/* Tower Game Specific Styles - Only applies to Tower game */
/* Using data-game="tower" attribute for detection */

/* Game window container - Tower specific sizing */
/* Sidebar (280px) + Game Area (710px) = 990px */
.game-window:has([data-game="tower"]),
.game-window.no-right-sidebar:has([data-game="tower"]) {
    width: 990px !important;
    max-width: 990px !important;
    min-width: 990px !important;
    justify-content: flex-start !important;
}

/* With chat: Sidebar (280px) + Game Area (710px) + Chat (280px) = 1270px */
.game-window:has([data-game="tower"]):has(.game-window-chat) {
    width: 1270px !important;
    max-width: 1270px !important;
    min-width: 1270px !important;
    justify-content: flex-start !important;
}

/* Main Game Area - Tower specific 710x710 dimensions */
/* Using maximum specificity to override game.css */
.game-window .game-window-main[data-game="tower"],
.game-window.no-right-sidebar .game-window-main[data-game="tower"],
#gameScreen .game-window .game-window-main[data-game="tower"],
#gameScreen .game-window.no-right-sidebar .game-window-main[data-game="tower"],
.game-layout .game-window .game-window-main[data-game="tower"],
.game-content .game-window .game-window-main[data-game="tower"],
.game-window > .game-window-main[data-game="tower"],
#gameScreen .game-window > .game-window-main[data-game="tower"],
.tower-main[data-game="tower"] {
    flex: 0 0 710px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 710px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    gap: 0 !important;
    height: 710px !important;
    min-height: 710px !important;
    max-height: 710px !important;
    width: 710px !important;
    min-width: 710px !important;
    max-width: 710px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    background-color: transparent !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Game Board inside Tower */
.game-window:has([data-game="tower"]) .game-board,
[data-game="tower"] .game-board,
[data-game="tower"] #gameBoard {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Canvas inside Tower */
.game-window:has([data-game="tower"]) canvas,
[data-game="tower"] canvas {
    width: 710px !important;
    height: 710px !important;
    max-width: 710px !important;
    max-height: 710px !important;
    min-width: 710px !important;
    min-height: 710px !important;
    display: block !important;
    flex: none !important;
}

/* PvP Status Bar - Overlay on top of game board for Tower */
.game-window:has([data-game="tower"]) .pvp-status-bar,
[data-game="tower"] .pvp-status-bar {
    position: absolute !important;
    top: 20px !important;
    left: calc(50% - 212.5px) !important;
    width: 385px !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
    border-bottom: none !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
}