/* styles/style_battle_layout.css */
/* 职责：定义战斗场景的顶层网格布局。 */

.game-board {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    width: 100%;
    height: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
}

.middle-column {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    overflow: hidden;
    min-width: 0;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

/* --- 【核心修正】为左右两栏创建独立的、最终的样式规则 --- */

/* 左侧栏的最终样式 */
.left-column {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    background-image: url('../images/ui/panel_background_left.png');
    background-size: 100% 100%;
    border-radius: 0.5rem;
    padding: 1rem; /* 【恢复】内边距，让内容不再贴边 */
    gap: 0;     /* 【保留】移除内容块之间的间距 */
}

/* 右侧栏的最终样式 */
/* 右侧栏：默认 PC = enemy | history | log | actions（mp-cost 见下方 PC 覆盖） */
.right-column {
    display: grid;
    grid-template-rows: auto auto 1fr 18%;
    overflow: hidden;
    min-width: 0;
    background-image: url('../images/ui/panel_background_left.png');
    background-size: 100% 100%;
    border-radius: 0.5rem;
    padding: 1rem;
    gap: 1rem;
    position: relative;
}

/* 为“空白填充块”添加应有的样式 */
.spacer {
    flex-grow: 1;
}