.game-theme--one-piece {
  --other-bg: #061722;
  --other-panel-solid: #0b2636;
  --other-surface: rgba(11, 38, 54, 0.97);
  --other-surface-strong: #0d3043;
  --other-text: #fff8e9;
  --other-muted: #c9d8dc;
  --other-accent: #57c9e9;
  --other-accent-strong: #ffd480;
  --other-accent-rgb: 87, 201, 233;
  --other-link: #92e7ff;
  --other-focus: #ffffff;
  --other-border-width: 2px;
  --other-border-style: double;
  --other-border: rgba(126, 207, 227, 0.68);
  --other-control-border: #7ecfe3;
  --other-display-font:
    "Arial Narrow", "Aptos Narrow", "Roboto Condensed", "Segoe UI",
    ui-sans-serif, sans-serif;
  --other-heading-letter-spacing: 0.012em;
  --other-heading-weight: 850;
  --other-radius-large: 4px;
  --other-radius-medium: 3px;
  --other-radius-control: 2px;
  --other-chip-radius: 2px;
  --other-button-radius: 2px;
  --other-panel-shadow: 10px 12px 0 rgba(2, 10, 15, 0.28);
  --other-method-background:
    linear-gradient(90deg, rgba(255, 212, 128, 0.12) 1px, transparent 1px) 0 0 /
      32px 100%,
    #0e2c3d;
  --other-product-background:
    linear-gradient(90deg, rgba(87, 201, 233, 0.13) 1px, transparent 1px) 0 0 /
      42px 100%,
    #0d2a3b;
  --other-control-background: #0d3043;
  --other-chip-background: #12384a;
  --other-chip-foreground: #fff8e9;
  --other-chip-border: #ffd480;
  --other-button-background: #ffd480;
  --other-button-foreground: #102635;
  --other-button-border: #ffd480;
  --other-action-note-background: #102d3e;
  --other-page-background:
    linear-gradient(rgba(87, 201, 233, 0.08) 1px, transparent 1px) 0 0 / 40px
      40px,
    linear-gradient(90deg, rgba(87, 201, 233, 0.08) 1px, transparent 1px) 0 0 /
      40px 40px,
    radial-gradient(
      circle at 13% 4%,
      rgba(209, 77, 66, 0.19),
      transparent 26rem
    ),
    linear-gradient(145deg, #082333, #031018 74%);
  --other-hero-background: linear-gradient(
    116deg,
    rgba(12, 42, 57, 0.99),
    rgba(6, 25, 37, 0.98)
  );
  --other-hero-motif:
    repeating-radial-gradient(
      circle at 50% 50%,
      transparent 0 27px,
      rgba(87, 201, 233, 0.18) 28px 29px
    ),
    linear-gradient(
      42deg,
      transparent 46%,
      rgba(255, 212, 128, 0.28) 47% 49%,
      transparent 50%
    );
  --other-hero-decoration:
    radial-gradient(
      circle,
      transparent 0 39%,
      rgba(255, 212, 128, 0.55) 40% 42%,
      transparent 43% 62%,
      rgba(87, 201, 233, 0.46) 63% 65%,
      transparent 66%
    ),
    linear-gradient(
      90deg,
      transparent 48%,
      rgba(255, 248, 233, 0.45) 49% 51%,
      transparent 52%
    );
  --other-hero-decoration-radius: 50%;
  --other-hero-decoration-transform: rotate(12deg);
  --other-product-radius: 0;
  --other-product-clip: polygon(
    0 0,
    calc(100% - 14px) 0,
    100% 14px,
    100% 100%,
    14px 100%,
    0 calc(100% - 14px)
  );
  --other-method-radius: 0;
  --other-hover-lift: -2px;
  color-scheme: dark;
}

.game-theme--one-piece .other-hero {
  border-left: 7px solid #d14d42;
}

.game-theme--one-piece .other-hero h1 {
  text-shadow: 3px 3px 0 rgba(209, 77, 66, 0.42);
}

.game-theme--one-piece .other-eyebrow,
.game-theme--one-piece .other-product-row__eyebrow {
  font-family: var(--other-code-font);
}

.game-theme--one-piece .other-fact-list li {
  border-style: double;
  border-width: 3px;
  text-transform: uppercase;
}

.game-theme--one-piece .other-product-row {
  border-left: 6px double #ffd480;
}

.game-theme--one-piece .other-product-row:nth-child(even) {
  border-left-color: #57c9e9;
}

.game-theme--one-piece .other-method-card {
  border-top: 5px double #ffd480;
}

.game-theme--one-piece .other-method-card h3 {
  display: inline-block;
  width: fit-content;
  padding: 4px 8px;
  border: 1px solid #ffd480;
  color: #fff8e9;
  background: #183b4a;
  font-family: Georgia, "Times New Roman", ui-serif, serif;
  letter-spacing: 0.02em;
}

.game-theme--one-piece .other-action-link {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}