.round-objectives { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:10px 24px; background:#101526; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.round-goal { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#b4bdd5; font-size:12px; min-width:0; }
.round-goal strong { color:var(--gold); white-space:nowrap; font-size:12px; }
.round-goal.goal-complete { color:#9ae7da; }
.round-goal.goal-complete strong { color:#9ae7da; }
.objective-summary { color:#9ae7da; }
.arcade:not(.focused-arcade) .round-objectives { display:none; }
.focused-arcade { --play-controls-space:176px; }
.focused-arcade .round-objectives { min-height:44px; flex:none; padding:6px 16px; border-bottom:0; }
.focused-arcade { --arena-height:100vh; --arena-width:min(100%,calc((var(--arena-height) - var(--play-controls-space) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.6)); }
@supports(height:100dvh) { .focused-arcade { --arena-height:100dvh; } }
.focused-arcade .stage { width:var(--arena-width); }
/* A short landscape arena can be narrower than its controls. Keep the usable
   toolbar space there, and grow every bar with the arena on larger screens. */
.focused-arcade .game-toolbar,.focused-arcade .round-objectives,.focused-arcade .game-footer { width:min(100%,max(1280px,var(--arena-width))); }
.focused-arcade .overlay-content { max-height:100%; overflow:auto; scrollbar-width:thin; }
@media(max-width:580px) {
  .round-objectives { padding:8px; gap:8px; }
  .round-goal { flex-direction:column; justify-content:center; gap:3px; font-size:10px; text-align:center; }
  .round-goal strong { font-size:11px; }
  .focused-arcade { --play-controls-space:238px; }
  .focused-arcade .round-objectives { min-height:50px; padding:6px 4px; }
}
@media(max-height:460px) {
  .focused-arcade { --play-controls-space:142px; }
  .focused-arcade .round-objectives { min-height:34px; padding:4px; }
  .focused-arcade .round-goal { font-size:10px; }
  .focused-arcade .round-goal strong { font-size:10px; }
}
@media(max-width:580px) and (max-height:460px) {
  .focused-arcade { --play-controls-space:214px; }
  .focused-arcade .round-objectives { min-height:42px; }
}