@font-face {
  font-family: 'WelcomeHand';
  src: url('fonts/WelcomeHand-v2.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: 'WelcomeYozai';
  src: url('fonts/WelcomeYozai.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: block;
}
.welcome-screen {
  position: fixed;
  inset: 0;
  z-index: 10000;
  overflow: hidden;
  background: #f8f6ee;
  color: #513a2f;
  transition: opacity 380ms ease, visibility 380ms ease;
}
.welcome-screen.is-leaving { opacity: 0; visibility: hidden; pointer-events: none; }
.welcome-screen__title {
  position: absolute;
  z-index: 1;
  top: max(12%, calc(env(safe-area-inset-top) + 70px));
  left: 20px;
  right: 20px;
  margin: 0;
  text-align: center;
  font-family: 'WelcomeYozai', 'WelcomeHand', 'Xiaolai', sans-serif;
  font-size: clamp(25px, 7vw, 33px);
  line-height: 1.9;
  letter-spacing: .16em;
  font-weight: 600;
}
.welcome-screen__pig {
  position: absolute;
  top: 45%;
  left: 50%;
  width: min(102vw, 460px, 48vh);
  height: auto;
  transform: translate(-50%, -40%);
  opacity: 1;
  filter: none;
  pointer-events: none;
}
.welcome-screen__english {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: max(11%, calc(env(safe-area-inset-bottom) + 90px));
  margin: 0;
  text-align: center;
  color: #80563f;
  font-family: 'WelcomeHand', 'Xiaolai', cursive;
  font-size: clamp(24px, 7vw, 32px);
  font-weight: 700;
  letter-spacing: .025em;
}
button.welcome-skip, button.liquid-button.welcome-skip {
  position: absolute;
  right: max(22px, env(safe-area-inset-right));
  bottom: calc(25px + env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 92px;
  height: 42px;
  padding: 0 16px !important;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.62);
  color: #654535;
  background: rgba(162,119,89,.16);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.72), inset 0 -1px 2px rgba(110,75,56,.12), 0 3px 10px rgba(98,67,48,.10);
  -webkit-backdrop-filter: blur(4px) saturate(1.15);
  backdrop-filter: blur(4px) saturate(1.15);
  font-size: 16px;
  font-family: 'WelcomeYozai', 'WelcomeHand', 'Xiaolai', sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
}
button.liquid-button.welcome-skip::after { display: none; }
.welcome-screen-open { overflow: hidden; }
@supports (backdrop-filter: url(#liquid-rim-1)) {
  button.liquid-button.welcome-skip[style*="--glass-filter"] {
    -webkit-backdrop-filter: blur(4px) var(--glass-filter) saturate(1.15);
    backdrop-filter: blur(4px) var(--glass-filter) saturate(1.15);
  }
}
@media (prefers-reduced-motion: reduce) { .welcome-screen { transition: none; } }