.home-page {
  overflow: hidden;
}

.hero {
  position: relative;
  overflow: hidden;
  padding: 52rpx 38rpx 42rpx;
  background: #183f31;
  border-radius: 40rpx;
  color: #fff;
}

.hero .eyebrow {
  position: relative;
  color: #d9ef72;
}

.hero-title {
  position: relative;
  margin-top: 22rpx;
  font-size: 62rpx;
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: -2rpx;
}

.hero-copy {
  position: relative;
  width: 88%;
  margin-top: 26rpx;
  color: rgba(255, 255, 255, 0.76);
  font-size: 27rpx;
  line-height: 1.7;
}

.hero-players {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 38rpx;
  color: rgba(255, 255, 255, 0.68);
  font-size: 23rpx;
}

.avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54rpx;
  height: 54rpx;
  margin-right: -12rpx;
  border: 4rpx solid #183f31;
  border-radius: 50%;
  color: #17231d;
  font-size: 20rpx;
  font-weight: 800;
}

.avatar-c {
  margin-right: 24rpx;
}

.avatar-a {
  background: #d9ef72;
}

.avatar-b {
  background: #ef8f4a;
}

.avatar-c {
  background: #f9e6c4;
}

.hero-orbit {
  position: absolute;
  border: 2rpx solid rgba(217, 239, 114, 0.23);
  border-radius: 50%;
}

.orbit-one {
  top: -120rpx;
  right: -100rpx;
  width: 420rpx;
  height: 420rpx;
}

.orbit-two {
  top: -32rpx;
  right: -20rpx;
  width: 220rpx;
  height: 220rpx;
}

.actions {
  margin-top: 28rpx;
}

.continue-card {
  border-left: 10rpx solid #ef8f4a;
}

.continue-label {
  margin-bottom: 10rpx;
  color: #9c531e;
  font-size: 22rpx;
  font-weight: 800;
}

.arrow {
  font-size: 44rpx;
}

.room-meta {
  margin-top: 14rpx;
  color: #68726c;
  font-size: 24rpx;
}

.steps {
  overflow: hidden;
  background: #fffdf7;
  border-radius: 28rpx;
}

.step {
  display: flex;
  gap: 24rpx;
  padding: 26rpx 28rpx;
  border-bottom: 2rpx solid rgba(23, 35, 29, 0.07);
}

.step:last-child {
  border-bottom: none;
}

.step-number {
  color: #1d6b4f;
  font-size: 22rpx;
  font-weight: 900;
  letter-spacing: 2rpx;
}

.step-title {
  font-size: 28rpx;
  font-weight: 800;
}

.step-copy {
  margin-top: 8rpx;
  color: #68726c;
  font-size: 24rpx;
  line-height: 1.5;
}

.safety-link {
  display: flex;
  justify-content: space-between;
  margin-top: 34rpx;
  padding: 24rpx 4rpx;
  color: #1d6b4f;
  font-size: 25rpx;
  font-weight: 700;
}