.battle-game { min-width:0; align-self:start; }
.battle-game-with-gain:has(> .battle-game[open]) { grid-column:1 / -1; }
.battle-game > summary { display:block; cursor:pointer; list-style:none; min-height:140px; }
.battle-game > summary::-webkit-details-marker { display:none; }
.battle-game > summary:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.battle-game > summary:hover { border-color:var(--cyan); }
.battle-game .live-game-status { flex-wrap:wrap; }
.battle-game .live-game-status small { width:100%; }
.battle-game .live-game-clock { font-size:1.5rem; }
.battle-game .live-game-period { font-size:.62rem; }
.battle-game-hint { display:block; margin-top:10px; color:var(--cyan); font-size:.62rem; font-weight:800; }
.battle-game-close-label { display:none; }
.battle-game[open] { grid-column:1 / -1; }
.battle-game[open] .battle-game-open-label { display:none; }
.battle-game[open] .battle-game-close-label { display:inline; }
.battle-game[open] > summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 20px; min-height:0; padding:18px; }
.battle-game[open] .live-game-status { grid-column:1 / -1; }
.battle-game .joust-position-teams { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); }
.battle-game .joust-position-row { grid-template-columns:32px minmax(0,1fr) 50px; gap:8px; }
.battle-game .joust-position-player { word-break:normal; overflow-wrap:break-word; }
.battle-game[open] .live-game-status { margin:0; }
.battle-game[open] .battle-game-hint { grid-column:1 / -1; margin:0; }
.battle-game[open] .live-game-team strong { font-size:1.7rem; }
.battle-game .joust-position-status { font-size:.72rem; }
.battle-game .joust-position-note { font-size:.64rem; }
.battle-game .joust-position-player { font-size:.74rem; }
@media(max-width:600px) {
  .battle-game[open] > summary { grid-template-columns:1fr 1fr; padding:14px; }
  .battle-game[open] .live-game-status { grid-column:1 / -1; }
  .battle-game .joust-position-teams { grid-template-columns:1fr; }
}