.game-theme--weiss-schwarz {
  --other-bg: #0a0a0d;
  --other-panel-solid: #0c0c0f;
  --other-surface: rgba(12, 12, 15, 0.98);
  --other-surface-strong: #141419;
  --other-text: #fffdf8;
  --other-muted: #d5d1d6;
  --other-accent: #f15f8a;
  --other-accent-strong: #ff9db7;
  --other-accent-rgb: 241, 95, 138;
  --other-link: #a8dcff;
  --other-focus: #70ceff;
  --other-border-width: 2px;
  --other-border-style: solid;
  --other-border: rgba(255, 253, 248, 0.62);
  --other-control-border: #8ccfff;
  --other-display-font:
    "Arial Black", "Aptos Display", "Segoe UI", ui-sans-serif, sans-serif;
  --other-heading-letter-spacing: -0.025em;
  --other-heading-weight: 850;
  --other-radius-large: 0;
  --other-radius-medium: 0;
  --other-radius-control: 0;
  --other-chip-radius: 0;
  --other-button-radius: 0;
  --other-panel-shadow: 12px 12px 0 rgba(241, 95, 138, 0.2);
  --other-method-background: #16161b;
  --other-product-background:
    linear-gradient(112deg, rgba(102, 189, 248, 0.1), transparent 44%), #101015;
  --other-control-background: #141419;
  --other-chip-background: #17171c;
  --other-chip-foreground: #fffdf8;
  --other-chip-border: #ff9db7;
  --other-button-background: #ff9db7;
  --other-button-foreground: #181014;
  --other-button-border: #ff9db7;
  --other-action-note-background: #19191f;
  --other-page-background:
    linear-gradient(
      118deg,
      rgba(255, 253, 248, 0.09) 0 48%,
      transparent 48% 53%,
      rgba(102, 189, 248, 0.11) 53%
    ),
    #08080a;
  --other-hero-background: linear-gradient(
    90deg,
    #f8f6ef 0 66%,
    #0b0b0e 66% 100%
  );
  --other-hero-motif: radial-gradient(
      circle,
      rgba(255, 253, 248, 0.42) 0 2px,
      transparent 3px
    )
    0 0 / 16px 16px;
  --other-hero-decoration: repeating-linear-gradient(
    112deg,
    rgba(102, 189, 248, 0.5) 0 2px,
    transparent 2px 11px
  );
  --other-hero-decoration-radius: 0;
  --other-hero-decoration-transform: skew(-8deg);
  --other-product-radius: 0;
  --other-product-clip: polygon(
    0 0,
    calc(100% - 24px) 0,
    100% 24px,
    100% 100%,
    18px 100%,
    0 calc(100% - 18px)
  );
  --other-method-radius: 0;
  --other-alt-surface: #f8f6ef;
  --other-alt-text: #16161a;
  --other-alt-muted: #4e4b52;
  --other-alt-link: #075c9e;
  --other-alt-focus: #b00045;
  --other-hero-text: var(--other-alt-text);
  --other-hero-muted: var(--other-alt-muted);
  --other-hero-kicker: #a41647;
  --other-hero-content-width: min(62%, 72ch);
  --other-hero-heading-width: min(62%, 24ch);
  color-scheme: dark;
}

.game-theme--weiss-schwarz .game-hero > * {
  max-width: min(62%, 72ch);
}

.game-theme--weiss-schwarz .game-hero h1 {
  background: none;
  background-clip: border-box;
  color: var(--other-alt-text);
  text-shadow: none;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}

.game-theme--weiss-schwarz .game-hero .other-hero__lede {
  color: var(--other-alt-text);
}

.game-theme--weiss-schwarz .game-hero .other-eyebrow {
  color: #a41647;
}

.game-theme--weiss-schwarz .game-hero::before {
  top: 50%;
  right: clamp(9.5rem, 15vw, 12rem);
  width: clamp(8.5rem, 13vw, 10.5rem);
  height: auto;
  aspect-ratio: 5 / 7;
  border: 6px solid #f8f6ef;
  border-radius: 10px;
  background:
    radial-gradient(
      circle at 50% 43%,
      #111116 0 17%,
      #ff9db7 18% 20%,
      transparent 21% 27%,
      rgba(102, 189, 248, 0.9) 28% 30%,
      transparent 31%
    ),
    linear-gradient(
      38deg,
      transparent 0 43%,
      rgba(255, 157, 183, 0.58) 44% 47%,
      transparent 48%
    ),
    linear-gradient(
      142deg,
      transparent 0 43%,
      rgba(102, 189, 248, 0.52) 44% 47%,
      transparent 48%
    ),
    repeating-linear-gradient(
      135deg,
      rgba(255, 253, 248, 0.08) 0 1px,
      transparent 1px 9px
    ),
    #111116;
  box-shadow:
    0 0 0 2px #16161a,
    12px 16px 0 rgba(241, 95, 138, 0.24);
  transform: translateY(-50%) rotate(-8deg);
}

.game-theme--weiss-schwarz .game-hero::after {
  top: 50%;
  right: clamp(2.25rem, 5vw, 4.5rem);
  bottom: auto;
  width: clamp(9rem, 14vw, 11rem);
  aspect-ratio: 5 / 7;
  border: 6px solid #f8f6ef;
  border-radius: 10px;
  opacity: 1;
  background:
    linear-gradient(
      to bottom,
      transparent 0 68%,
      #f8f6ef 68% 70%,
      #17171c 70% 100%
    ),
    radial-gradient(
      circle at 68% 24%,
      rgba(255, 253, 248, 0.92) 0 4%,
      transparent 5%
    ),
    linear-gradient(
      145deg,
      transparent 0 34%,
      rgba(241, 95, 138, 0.86) 35% 53%,
      transparent 54%
    ),
    linear-gradient(
      35deg,
      transparent 0 38%,
      rgba(102, 189, 248, 0.9) 39% 61%,
      transparent 62%
    ),
    linear-gradient(145deg, #23232b, #09090c);
  box-shadow:
    0 0 0 2px #16161a,
    14px 18px 0 rgba(102, 189, 248, 0.24);
  transform: translateY(-50%) rotate(7deg);
}

.game-theme--weiss-schwarz .game-hero .other-fact-list li {
  color: #fffdf8;
  border-color: #0c0c0f;
  background: #0c0c0f;
}

.game-theme--weiss-schwarz .game-hero .other-fact-list li:nth-child(even) {
  color: #16161a;
  border-color: #f15f8a;
  background: #fffdf8;
}

.game-theme--weiss-schwarz .other-product-row {
  border-left: 8px solid #f15f8a;
}

.game-theme--weiss-schwarz .other-product-row:nth-child(even) {
  border-left-color: #66bdf8;
}

.game-theme--weiss-schwarz main > .other-section:last-of-type {
  color: var(--other-alt-text);
  border-color: #16161a;
  background:
    radial-gradient(circle, rgba(22, 22, 26, 0.13) 0 1px, transparent 2px) 0 0 /
      14px 14px,
    var(--other-alt-surface);
  box-shadow: -12px 12px 0 rgba(102, 189, 248, 0.2);
}

.game-theme--weiss-schwarz main > .other-section:last-of-type :where(h2, h3) {
  color: var(--other-alt-text);
}

.game-theme--weiss-schwarz
  main
  > .other-section:last-of-type
  :where(p, .other-eyebrow) {
  color: var(--other-alt-muted);
}

.game-theme--weiss-schwarz
  main
  > .other-section:last-of-type
  .other-method-card {
  color: var(--other-alt-text);
  border-color: #16161a;
  background: rgba(255, 253, 248, 0.94);
  box-shadow: 7px 7px 0 rgba(22, 22, 26, 0.82);
}

.game-theme--weiss-schwarz
  main
  > .other-section:last-of-type
  .other-method-card:nth-child(2) {
  color: #fffdf8;
  border-color: #f15f8a;
  background: #111116;
  box-shadow: 7px 7px 0 rgba(241, 95, 138, 0.42);
}

.game-theme--weiss-schwarz
  main
  > .other-section:last-of-type
  .other-method-card:nth-child(2)
  :where(h3, p) {
  color: #fffdf8;
}

@media (max-width: 900px) {
  .game-theme--weiss-schwarz {
    --other-hero-background: #f8f6ef;
    --other-hero-content-width: 100%;
    --other-hero-heading-width: 100%;
  }

  .game-theme--weiss-schwarz .game-hero > * {
    max-width: 100%;
  }

  .game-theme--weiss-schwarz .game-hero::before,
  .game-theme--weiss-schwarz .game-hero::after {
    display: none;
  }
}