@media (min-width: 651px) {
  .ww-welcome {
    left: clamp(24px, 4vw, 64px);
    width: min(410px, calc(100vw - 48px));
    padding: 26px;
    transform: translateY(-40%);
  }
  .ww-welcome h1 {
    font-size: clamp(40px, 4vw, 58px);
    line-height: 0.98;
    margin: 12px 0 17px;
  }
  .ww-welcome > p:not(.ww-eyebrow) {
    font-size: 16px;
    max-width: 360px;
  }
}

.ww-tools button[aria-pressed="true"] {
  color: #fff;
  border-color: rgba(127, 188, 255, 0.88);
  background: rgba(39, 126, 247, 0.88);
  box-shadow: 0 0 0 4px rgba(49, 134, 255, 0.2), 0 8px 28px rgba(10, 74, 169, 0.42);
}

.ww-enter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 15px 28px;
  border-radius: 15px;
  color: #fff;
  text-decoration: none;
  font-weight: 850;
}

html:has(body.welcome-world),
body.welcome-world {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.ww-stage {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.ww-stage .welcome-world canvas,
.ww-stage #welcomeCanvas,
.ww-stage .ww-fallback,
.ww-stage .ww-top,
.ww-stage .ww-welcome,
.ww-stage .ww-loading,
.ww-stage .ww-status {
  position: absolute;
}