/* A steady lower dock: shared edges, two clear rows, one surface per control. */
.battle-console{left:16px;right:16px;bottom:10px;padding:10px 14px;gap:8px 20px;grid-template-columns:minmax(0,1fr) 150px;border:1px solid #81719580;border-radius:8px;background:linear-gradient(135deg,#19182af7,#0e1424fa);box-shadow:0 2px 0 #070b16,inset 0 1px 0 #f4eaff17;transform:none;perspective:none;transform-style:flat}
.battle-console:before,.battle-super-panel:after{display:none}
.battle-action-copy,.battle-turns,.battle-super-panel{transform:none}
.battle-action-copy{min-width:0;min-height:52px}
.battle-action-copy>span{font-size:10px;line-height:1.25;letter-spacing:.07em;margin-bottom:2px}
.battle-action-copy>strong{font-size:18px;line-height:1.2;letter-spacing:.015em;text-shadow:0 1px 0 #564965,0 2px 3px #0008}
.battle-action-copy>p{margin-top:2px;font-size:12px;line-height:1.35;color:#b9b0ca}
.battle-turns{width:150px;margin:0;align-self:center}
.battle-turns>span{font-size:9px;line-height:1.25;letter-spacing:.08em;margin-bottom:6px;color:#b8a8ce}
.battle-turns>div{gap:5px}
.battle-turns i{height:7px;border-radius:2px}
.battle-super-panel{grid-template-columns:50px minmax(0,1fr) 240px;align-items:end;gap:12px;padding:8px 0 0;border-top:1px solid #a79ac832}
.super-level-badge{min-height:46px;border-radius:4px;transform:none;box-shadow:inset 0 1px 0 #eaf4ff17}
.super-level-badge>span{font-size:9px;line-height:1.2;letter-spacing:.08em}
.super-level-badge>strong{font-size:29px;line-height:1}
.super-gauge-heading{margin-bottom:4px;align-items:center;gap:8px}
.super-gauge-heading>strong{font-size:13px;letter-spacing:.1em}
.super-gauge-heading>span{font-size:10px;line-height:1.25;letter-spacing:.025em}
.super-gauge{transform:none;border-radius:4px;padding:3px;gap:6px;box-shadow:inset 0 1px 0 #e8f5ff24}
.super-stock{height:20px;border-radius:2px;box-shadow:inset 0 2px 3px #000a,inset 0 -1px 0 #d7e9ff18}
.super-stock>b{transform:none;width:17px;font-size:11px}
.hud-team-lineup{align-self:end;gap:4px}
.hud-teammate{width:23px;height:28px;border-radius:3px;transform:none;box-shadow:none}
.hud-teammate .team-brand-icon{width:17px;height:17px;transform:none}

/* Keep the lower controls on the same rails as the battlefield. */
.battle-audio-controls,.battle-controls,.team-roster,.team-member-copy,.team-caption{width:calc(100% - var(--battle-inset)*2);max-width:100%;margin-inline:auto}
.battle-audio-controls{container-type:inline-size;display:block;margin-top:12px;padding:10px 14px;overflow:visible;border:1px solid #81719580;border-radius:8px;background:linear-gradient(135deg,#20182e,#111523);box-shadow:0 2px 0 #070b16,inset 0 1px 0 #f4eaff17}
.battle-audio-controls .battle-audio-row{min-width:0;grid-template-columns:minmax(200px,1fr) 110px auto;gap:12px}
.battle-audio-controls .soundtrack-copy small{font-size:11px;letter-spacing:.06em}
.battle-audio-controls .soundtrack-copy strong{font-size:19px}
.battle-audio-controls .battle-equalizer{height:32px;min-width:50px;padding:4px 0 4px 10px;border:0;border-left:1px solid #ac91ca3b;border-radius:0;background:transparent;box-shadow:none}
.battle-audio-controls .battle-audio-stat{min-height:44px;padding:4px 0 4px 12px;border:0;border-left:1px solid #ac91ca3b;border-radius:0;background:transparent;box-shadow:none}
.battle-audio-controls .battle-audio-stat>span{font-size:10px;line-height:1.3;white-space:normal;max-width:6ch}
.battle-audio-controls .battle-audio-stat>strong{min-width:2ch}
.battle-audio-controls .battle-audio-options{gap:8px}
.battle-audio-controls .battle-audio-options button{min-height:44px;border-radius:6px;border-color:#81719570;background:#171523;font-size:14px}
.battle-audio-controls .battle-audio-options button[aria-pressed=true]{border-color:#bea0ef;background:#38254e}
.battle-controls{margin-top:12px;margin-bottom:18px;gap:12px;font-size:12px;line-height:1.4}
.battle-controls button{min-height:44px;border-radius:6px;font-size:12px;border-color:#81719570}

@container(max-width:850px){
  .battle-audio-controls .battle-audio-row{grid-template-columns:minmax(0,1fr) 104px;gap:10px}
  .battle-audio-controls .battle-audio-options{grid-column:1/-1;justify-content:flex-start;padding-top:10px;border-top:1px solid #a79ac832}
  .battle-audio-controls .battle-volume{flex:1;max-width:none}
}
@container(max-width:460px){
  .battle-audio-controls .battle-audio-row{grid-template-columns:minmax(0,1fr) 88px}
  .battle-audio-controls .soundtrack-copy{flex-direction:column;align-items:flex-start;gap:1px}
  .battle-audio-controls .soundtrack-copy small{font-size:10px}
  .battle-audio-controls .soundtrack-copy strong{font-size:17px}
  .battle-audio-controls .battle-soundtrack{gap:7px}
  .battle-audio-controls .battle-audio-stat{padding-left:9px;gap:5px}
  .battle-audio-controls .battle-audio-stat>span{font-size:8px;white-space:normal;max-width:4ch}
  .battle-audio-controls .battle-audio-stat>strong{font-size:22px;min-width:2ch}
  .battle-audio-controls .battle-audio-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .battle-audio-controls .battle-audio-options button{width:100%;min-width:0;min-height:52px;padding:8px 10px;gap:6px;white-space:normal;text-align:left}
  .battle-audio-controls .battle-volume{grid-column:1/-1;width:100%;min-height:44px;font-size:14px}
  .battle-audio-controls .battle-volume input{min-width:0;flex:1}
}
@media(max-width:1050px){
  .battle-console{left:12px;right:12px;grid-template-columns:minmax(0,1fr) 120px;padding:10px 12px;gap:10px 14px}
  .battle-turns{width:120px}
  .battle-super-panel{grid-template-columns:44px minmax(0,1fr) 198px;gap:10px}
  .hud-team-lineup{gap:3px}.hud-teammate{width:19px;height:28px}.hud-teammate .team-brand-icon{width:15px;height:15px}
}
@media(max-width:760px){
  .battle-console{left:10px;right:10px;bottom:10px;grid-template-columns:minmax(0,1fr) 82px;gap:10px;padding:10px}
  .battle-action-copy>span{font-size:9px;letter-spacing:.025em}
  .battle-action-copy>strong{font-size:16px}
  .battle-turns{width:82px;grid-column:2;grid-row:1}
  .battle-turns>span{display:block;font-size:8px;letter-spacing:.025em}
  .battle-turns>div{gap:3px}.battle-turns i{height:6px}
  .battle-super-panel{grid-template-columns:42px minmax(0,1fr);gap:8px 10px;padding-top:10px}
  .super-level-badge{grid-row:1/3;min-height:46px}
  .super-level-badge>strong{font-size:30px}
  .super-gauge-heading>strong{font-size:12px}.super-gauge-heading>span{font-size:9px}
  .super-stock{height:20px}
  .hud-team-lineup{grid-column:2;justify-content:space-between;gap:4px}
  .hud-teammate{width:auto;max-width:none;height:24px}.hud-teammate .team-brand-icon{width:14px;height:14px}
  .battle-audio-controls{padding:10px}
  .battle-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .battle-controls>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin:0}
  .battle-controls button{min-width:0;padding:8px 6px;line-height:1.3}
  .battle-controls button span{margin-left:4px}
}