/* tfPN9i12b (t9381u): at laptop widths, Play as guest was parked far right of the
   centered Email/Password/Sign in card. Cause: layers.css laptop grid sets
   #gateGuest{align-self:end}, and in the Stage-1S flex column that is the
   cross axis — the right edge. Force one centered column: guest directly under
   the card, same width, consistent gaps; Chalupas note and Tommy line centered too. */
html:not(.signed-in):not(.guest-play) body #gate{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
html:not(.signed-in):not(.guest-play) body #gate > #gateAuth,
html:not(.signed-in):not(.guest-play) body #gate > #gateGuest,
html:not(.signed-in):not(.guest-play) body #gate > #gateZero,
html:not(.signed-in):not(.guest-play) body #gate > .zero-value,
html:not(.signed-in):not(.guest-play) body #gate > #gocOpener,
html:not(.signed-in):not(.guest-play) body #gate > #gateVoiceCap{
  align-self:center !important;
  justify-self:center !important;
  grid-area:auto !important;
  width:min(420px, 100%) !important;
  max-width:420px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
  text-align:center !important;
}
html:not(.signed-in):not(.guest-play) body #gate > #gateAuth{
  order:3 !important;
  margin-top:12px !important;
  margin-bottom:10px !important;
}
html:not(.signed-in):not(.guest-play) body #gate > #gateGuest{
  order:4 !important;
  margin-top:0 !important;
  margin-bottom:12px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
html:not(.signed-in):not(.guest-play) body #gate > #gateZero,
html:not(.signed-in):not(.guest-play) body #gate > .zero-value,
html:not(.signed-in):not(.guest-play) body #gate > #gocOpener,
html:not(.signed-in):not(.guest-play) body #gate > #gateVoiceCap{
  order:5 !important;
  margin-top:8px !important;
  margin-bottom:8px !important;
}
/* Phone already stacks and centers. Keep the 44px inset so the button stays
   clear of the must-exist back/forward arrows (BUG-20261103-010). */
@media (max-width:600px){
  html:not(.signed-in):not(.guest-play) body #gate > #gateGuest{
    width:min(420px, calc(100% - 88px)) !important;
    max-width:calc(100% - 88px) !important;
    margin-left:44px !important;
    margin-right:44px !important;
  }
}