/* The guest time-up dialog. The catalog loads this with app.css. A game does not load app.css
   (its own page would pick up the shelf rules), so back.js loads this file on its own.
   Same night card, sun button and type as the rest of Singular Games. */
@font-face {
  font-family: 'Baloo 2'; font-weight: 800; font-display: swap;
  src: url('/vendor/fonts/baloo-2-latin-800-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito'; font-weight: 600; font-display: swap;
  src: url('/vendor/fonts/nunito-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito'; font-weight: 800; font-display: swap;
  src: url('/vendor/fonts/nunito-latin-800-normal.woff2') format('woff2');
}

.guest-gate {
  color-scheme: dark;
  box-sizing: border-box;
  width: min(440px, calc(100vw - 32px));
  max-width: min(440px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  padding: 22px;
  color: #ffffff;
  background: #2a2263;
  border: 2px solid #3b3285;
  border-radius: 20px;
  box-shadow: 0 18px 44px rgba(8, 6, 24, .45);
  font-family: 'Nunito', ui-rounded, system-ui, sans-serif;
  font-weight: 600;
}
.guest-gate::backdrop { background: rgba(19, 15, 51, .72); }
.guest-gate h2 {
  margin: 0 0 8px;
  font-family: 'Baloo 2', ui-rounded, system-ui, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
  color: #ffffff;
}
.guest-gate p { margin: 0; color: #b9b3e6; font-size: 17px; line-height: 1.45; }
.guest-gate .actions { display: grid; gap: 10px; margin-top: 16px; }
.guest-gate .button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  padding: 13px 24px;
  border-radius: 999px;
  border: 2px solid #3b3285;
  background: transparent;
  color: #ffffff;
  font-family: 'Nunito', ui-rounded, system-ui, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.2;
  cursor: pointer;
}
.guest-gate .button.primary { background: #ffd34d; border-color: #ffd34d; color: #130f33; }
.guest-gate :focus-visible { outline: 3px solid #ffd34d; outline-offset: 3px; }