/* MaffsStageExit: the way out of a stage game mid-play (STAGE-EXIT, 28 Oct 2026).
   On a question the "Stages" button and the standard "Back to Games" link sit in the game's own HUD row, so they
   cost no height (the fold rules leave a phone only a few pixels spare). On the worked example, which has no
   HUD, they share one header row. Both are 44px targets: the -12px margins let the hit area overflow the row. */
.stage-exit-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.1rem 0}
.stage-exit-row a.back-link{display:inline-flex;align-items:center;min-height:44px;margin:0}
body:has(#game.active) .stage-exit-row{display:none}
.stage-exit-stages{display:none;align-items:center;min-height:44px;padding:0;background:none;border:0;color:var(--muted);font:inherit;font-size:.82rem;cursor:pointer;white-space:nowrap}
.stage-exit-stages:hover,.stage-exit-home:hover{color:var(--text)}
body:has(#example.active) .stage-exit-row .stage-exit-stages{display:inline-flex}
.hud .stage-exit-stages,.hud .stage-exit-home{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;padding:0;color:var(--muted);font-size:.82rem;text-decoration:none;white-space:nowrap}
@media (max-width:420px){
  #game .hud{padding-top:.05rem;padding-bottom:.05rem}
}
@media (max-width:360px){
  .hud .stage-exit-stages,.hud .stage-exit-home{font-size:.75rem}
  #game .hud{gap:.1rem}
  #game .hud .hud-item{min-width:0}
}