/* ============================================================
 * whitebox-v1.11.css — B 实验线 UI 分区布局
 *
 * 基于 v7.9：本文件只承接 v1.11 阶段 2 的布局重构。
 * ============================================================ */

html,
body {
  margin: 0;
  height: 100vh;
  overflow: hidden;
}

body.tactical-v77.match-started {
  max-width: none;
  padding: 0 16px;
  height: 100dvh;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: hidden;
}

body.tactical-v77.match-started .col-main {
  max-width: none;
  height: 100dvh;
  padding-bottom: 0;
  overflow: hidden;
}

.game-arena {
  display: grid;
  grid-template-rows:
    auto
    minmax(0, 1fr)
    auto;
  gap: 10px;
  width: min(1200px, calc(100vw - 32px));
  height: calc(100dvh - 10px);
  max-height: calc(100dvh - 10px);
  min-height: 0;
  margin: 0 auto;
  padding: 12px;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.match-middle-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.match-middle-column {
  display: grid;
  gap: 10px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.match-middle-column-home {
  grid-template-rows: minmax(0, 1fr);
}

.match-middle-column-away {
  grid-template-rows: minmax(0, 1fr);
}

.match-middle-column > .arena-region {
  min-width: 0;
  min-height: 0;
}

.arena-region {
  position: relative;
  border: 0;
  border-radius: 0;
  background: transparent;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.region-tag {
  position: absolute;
  top: 6px;
  left: 8px;
  z-index: 3;
  padding: 2px 7px;
  border-radius: 0;
  font-size: 9px;
  line-height: 1.3;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: #d5d9e2;
  background: rgba(255, 255, 255, .06);
  pointer-events: none;
}

.half-label,
.pl-label {
  color: #858d9b;
  font-size: 11px;
  text-align: center;
}