/* Scoped to the outside screen. Existing inside chrome and modal rules remain. */
#view-outside.gog-welcome.view.active {
  display: grid; overflow-x: hidden; overflow-y: auto;
  padding: max(76px, calc(env(safe-area-inset-top) + 62px)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
}
#view-outside.gog-welcome .gog-welcome__sign { padding-top: 28px; margin: auto; }
#view-outside.gog-welcome .gog-welcome__entry { grid-column: 2; }
#view-outside.gog-welcome #outside-actions { position: static; display: block; }
#view-outside.gog-welcome .web-browser-login { width: min(100%, 340px); margin: 0 auto 10px; }
#view-outside.gog-welcome .web-browser-login[hidden] { display: none; }
#view-outside.gog-welcome .web-login-tabs { margin-bottom: 8px; }
#view-outside.gog-welcome .web-login-tab { min-height: 44px; }
#view-outside.gog-welcome #door-signed-in-label { max-width: 100%; margin: 0 0 8px; overflow-wrap: anywhere; font-size: 12px; }
/* Keep the CTA still when input blur saves the guest and hides its login pane. */
body.web-browser-mode #view-outside.gog-welcome .gog-welcome__entry { display: grid; grid-template-rows: 110px auto; }
body.web-browser-mode #view-outside.gog-welcome #web-browser-login,
body.web-browser-mode #view-outside.gog-welcome #door-signed-in-label { grid-row: 1; grid-column: 1; align-self: center; }
body.web-browser-mode #view-outside.gog-welcome .gog-welcome__actions { grid-row: 2; }
body.gog-welcome-outside #pub-top-right-bar { top: max(14px, env(safe-area-inset-top)); right: max(18px, env(safe-area-inset-right)); }
body.gog-welcome-outside #pub-top-right-bar button { min-width: 44px; min-height: 44px; font-family: system-ui, sans-serif; }
body.gog-welcome-outside #pub-top-right-bar button:focus-visible { outline: 3px solid #f8d191; outline-offset: 4px; }
@media (orientation: portrait) and (max-height: 650px) {
  #view-outside.gog-welcome.view.active { padding-top: max(66px, calc(env(safe-area-inset-top) + 52px)); padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  #view-outside.gog-welcome .gog-welcome__sign { padding: 16px 16px 6px; }
  #view-outside.gog-welcome .gog-welcome__crest { width: 136px; }
  #view-outside.gog-welcome .gog-welcome__eyebrow { margin-bottom: 6px; font-size: 10px; }
  #view-outside.gog-welcome h1 { font-size: 22px; }
  #view-outside.gog-welcome .gog-welcome__subtitle { margin: 5px 0 8px; font-size: 11px; }
  #view-outside.gog-welcome .gog-welcome__ornament { height: 20px; margin: 5px auto 2px; }
  #view-outside.gog-welcome .gog-welcome__greeting { margin: 2px 0 6px; font-size: 13px; }
  #view-outside.gog-welcome .gog-welcome__copy { font-size: 13px; line-height: 1.45; }
  #view-outside.gog-welcome .gog-welcome__wallet { margin: 6px 0 9px; }
  #view-outside.gog-welcome:has(.web-browser-login:not([hidden])) .gog-welcome__crest { width: 90px; }
  body.web-browser-mode #view-outside.gog-welcome .gog-welcome__crest { width: 56px; }
  body.web-browser-mode #view-outside.gog-welcome .gog-welcome__ornament { display: none; }
  body.web-browser-mode #view-outside.gog-welcome .gog-welcome__greeting { display: none; }
  body.web-browser-mode #view-outside.gog-welcome .gog-welcome__copy { font-size: 12px; }
}
@media (orientation: landscape) and (max-height: 600px) {
  #view-outside.gog-welcome.view.active { padding: max(68px, calc(env(safe-area-inset-top) + 52px)) max(18px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)); }
  #view-outside.gog-welcome .gog-welcome__sign { padding: 12px 24px 6px; }
  #view-outside.gog-welcome h1 { font-size: 20px; line-height: 1.1; }
  #view-outside.gog-welcome .gog-welcome__eyebrow { margin-bottom: 4px; font-size: 10px; }
  #view-outside.gog-welcome .gog-welcome__greeting { font-size: 13px; margin-bottom: 6px; }
  #view-outside.gog-welcome .gog-welcome__status:empty { display: none; }
  #view-outside.gog-welcome .gog-welcome__wallet { margin: 5px 0 7px; }
  #view-outside.gog-welcome .gog-welcome__actions { gap: 3px; }
  #view-outside.gog-welcome .gog-welcome__crest { grid-row: 1 / span 3; }
  #view-outside.gog-welcome .gog-welcome__subtitle { font-size: 11px; }
  #view-outside.gog-welcome:has(.web-browser-login:not([hidden])) .gog-welcome__copy { font-size: 12px; }
  body.web-browser-mode #view-outside.gog-welcome .gog-welcome__entry { display: contents; }
  body.web-browser-mode #view-outside.gog-welcome .gog-welcome__crest { grid-row: 1 / span 2; width: min(22vw, 160px); }
  body.web-browser-mode #view-outside.gog-welcome #web-browser-login,
  body.web-browser-mode #view-outside.gog-welcome #door-signed-in-label { grid-column: 1; grid-row: 3; }
  body.web-browser-mode #view-outside.gog-welcome .gog-welcome__actions { grid-column: 2; grid-row: 3; }
}
@media (prefers-reduced-motion: reduce) { #view-outside.gog-welcome { transition: none; } }