/* AODEBIAO branding/localization overrides. Keep this separate from the mirrored source. */
:root {
  --aodebiao-gold: #f0b43e;
  --aodebiao-red: #8c2b1b;
}

.brand-word {
  font-size: 25px !important;
  letter-spacing: .055em !important;
}

.hero-logo {
  display: none !important;
}

.title::before {
  content: "AODEBIAO";
  display: inline-block;
  font-family: var(--display), "Microsoft YaHei", sans-serif;
  font-size: clamp(76px, 13vw, 176px);
  line-height: .92;
  letter-spacing: .035em;
  color: #f7c15a;
  text-transform: uppercase;
  -webkit-text-stroke: 2px #5c3211;
  text-shadow:
    0 5px 0 #6c3514,
    0 9px 0 #2a170b,
    0 18px 28px rgba(32, 11, 4, .48),
    0 0 34px rgba(240, 180, 62, .38);
  transform: rotate(-1.5deg);
  pointer-events: none;
}

.title {
  pointer-events: none;
}

a[data-game-link],
.wax-seal,
button,
[data-view] {
  pointer-events: auto !important;
  cursor: pointer;
}

#modal-overlay.hidden {
  pointer-events: none !important;
}

.tagline,
.hero-sub,
.muted,
.hint,
.footer,
.nav-link,
.btn,
.seal-word {
  font-family: var(--label), "Microsoft YaHei", sans-serif;
}

.wax-seal .seal-word {
  font-size: clamp(24px, 4vw, 42px);
}

@media (max-width: 720px) {
  .title::before {
    font-size: clamp(54px, 16vw, 92px);
    -webkit-text-stroke: 1px #5c3211;
  }
  .brand-word {
    font-size: 20px !important;
  }
}