/* The canvas fills the landscape; the three playable lanes stay centered. */
body.game-expanded .arena.panoramic{
  width:100%;
  max-width:none;
}
.arena.panoramic .scene-caption{
  left:50%;
  right:auto;
  transform:translateX(-50%);
  width:min(540px,calc(100% - 24px));
}
.arena.panoramic .game-floating-tools{
  top:12px;
  left:18px;
  right:18px;
  justify-content:flex-end;
}
.arena.panoramic .edition-tag{display:none}
.arena.panoramic .streak-panel{
  top:76px;
  left:18px;
  width:190px;
}
.arena.panoramic .tutorial{
  left:50%;
  right:auto;
  width:min(340px,calc(100% - 32px));
  transform:translateX(-50%);
}
.arena.panoramic .game-msg{
  left:50%;
  right:auto;
  width:min(300px,calc(100% - 30px));
  transform:translateX(-50%);
}
.arena.panoramic .track-legend{
  left:var(--track-left);
  right:auto;
  width:var(--track-width);
  padding:0 6px;
}
.arena.panoramic .feedback[data-kind=power]{left:50%}

@media(orientation:landscape){
  body.game-expanded .hud{
    max-width:none;
    padding-left:20px;
    padding-right:20px;
  }
  body.game-expanded .run-progress{max-width:none}
  body.game-expanded .game-wrap .arena{
    width:100%;
    max-width:none;
  }
  body.game-expanded .game-console{
    max-width:none;
    display:grid;
    grid-template-columns:minmax(160px,1fr) minmax(220px,430px) minmax(160px,1fr);
    align-items:center;
    gap:12px;
    padding:8px 18px;
  }
  .game-expanded .mission-mini{
    text-align:left;
    padding:0;
    font-size:12px;
  }
  .game-expanded .game-wrap .power{
    grid-column:3;
    grid-row:1;
    margin:0;
  }
  .game-expanded .desktop-controls{
    grid-column:2;
    grid-row:1;
  }
}
@media(orientation:landscape) and (max-height:600px){
  body.game-expanded .hud{
    min-height:46px;
    padding:3px 12px;
  }
  body.game-expanded .hud strong{font-size:27px}
  body.game-expanded .game-console{
    grid-template-columns:minmax(190px,1fr) minmax(140px,230px);
    gap:12px;
    padding:5px 12px;
  }
  .game-expanded .desktop-controls{grid-column:1}
  .game-expanded .game-wrap .power{grid-column:2;min-height:40px}
  .arena.panoramic .scene-caption{
    top:8px;
    width:var(--track-width);
    padding:4px 6px;
  }
  .arena.panoramic .scene-caption b{font-size:10px}
  .arena.panoramic .scene-caption span{display:none}
  .arena.panoramic .game-floating-tools{top:8px;left:10px;right:10px}
  .arena.panoramic .game-floating-tools #game-fullscreen{min-height:40px}
  .arena.panoramic .streak-panel{
    top:54px;
    left:10px;
    width:140px;
  }
  .arena.panoramic .tutorial{top:28%;gap:4px}
  .arena.panoramic .tutorial strong{font-size:20px}
  .arena.panoramic .tutorial>span{font-size:12px;max-width:310px;padding:7px}
  .arena.panoramic .game-msg{bottom:28px;font-size:11px;width:min(220px,50%)}
  .arena.panoramic .track-legend{font-size:8px;padding:0}
  .arena.panoramic .track-legend span{padding:4px 5px}
}