/* The public landing page uses the same painted UI family as /play. */
html {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: auto;
}
body.landing-body {
  --landing-ink: #e7dcc4;
  --landing-gold: #efd9a0;
  --landing-muted: #b9ac90;
  min-height: 100vh;
  overflow: visible;
  overscroll-behavior-y: auto;
  background: #080b0b;
  color: var(--landing-ink);
}
.landing-bg {
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 16%, #30332788, transparent 55%),
    linear-gradient(180deg, #10171366, #080b0bd9 75%),
    url('/client/assets/hud-v2/bg.webp') repeat;
  background-size: auto;
  background-attachment: fixed;
  filter: none;
}
.landing-header {
  background: url('/client/assets/hud-v2/bg.webp') repeat, #0b0a09;
  border-bottom: 1px solid #806a45;
  box-shadow: 0 5px 20px #000b;
  backdrop-filter: none;
}
.landing-brand-text { color: var(--landing-gold); text-shadow: 0 1px 3px #000, 0 0 12px #b78d4c77; }
.landing-nav-link { color: #c8b99a; }
.landing-nav-link:hover, .landing-nav-link:focus-visible { color: #f2ddad; }
.landing-nav select#landing-lang {
  border: 5px solid transparent;
  border-image: url('/client/assets/hud-v2/slot.webp') 6 fill / 5px stretch;
  border-radius: 0;
  background: #0b0a09;
  color: #eadfc8;
}
.landing-nav-cta,
.landing-btn,
.landing-footer-discord {
  display: inline-grid;
  place-items: center;
  min-height: 37px;
  padding: 5px 15px;
  border: 6px solid transparent;
  border-image: url('/client/assets/hud-v2/btn.webp') 8 fill / 6px stretch;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #ead8b0;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 2px #000;
}
.landing-nav-cta,
.landing-btn-primary { border-image-source: url('/client/assets/hud-v2/btn-active.webp'); color: #fff0c4; }
.landing-btn { min-height: 48px; min-width: 172px; font: 700 14px/1.25 'Segoe UI', Arial, sans-serif; }
.landing-btn-ghost { color: #e4d1a9; }
.landing-nav-cta:hover, .landing-btn:hover, .landing-footer-discord:hover { filter: brightness(1.18); transform: none; }
.landing-hero {
  isolation: isolate;
  justify-content: flex-start;
  min-height: min(82vh, 740px);
  padding: 82px 20px 72px;
  overflow: hidden;
  text-align: left;
  touch-action: pan-y;
  background: #0b0a09;
}
.landing-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: url('/client/assets/video/charselect-poster.jpg') center 52% / cover no-repeat;
  filter: saturate(.84) contrast(1.1);
}
.landing-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #080a09f5 0%, #090a09db 31%, #090a0990 57%, #090a0933 100%),
    linear-gradient(0deg, #080b0b 0%, transparent 26%, #080b0b44 100%);
}
.landing-hero-inner {
  position: relative;
  box-sizing: border-box;
  width: min(625px, 100%);
  max-width: none;
  margin-left: max(0px, calc((100vw - 1200px) / 2));
  padding: 65px 36px 39px;
  border: 12px solid transparent;
  border-image: url('/client/assets/hud-v2/frame.webp') 23 8 16 8 / 12px / 9px stretch;
  border-radius: 0;
  background: linear-gradient(100deg, #0a0b09ec, #0a0b09be), url('/client/assets/hud-v2/bg.webp') repeat, #0b0a09;
  box-shadow: 0 25px 65px #000d, 0 0 45px #0008;
}
.landing-hero-inner::before {
  content: '';
  position: absolute;
  top: -47px; left: 7%; right: 7%; height: 53px;
  background: url('/client/assets/hud-v2/crest.webp') center bottom / contain no-repeat;
  pointer-events: none;
}
.landing-hero-kicker { color: #c7b28a; font-size: 10px; letter-spacing: 2.5px; }
.landing-hero-title { color: #f0deae; text-shadow: 0 2px 4px #000, 0 0 20px #b8904b66; }
.landing-hero-tagline { color: #e1d2b2; opacity: 1; }
.landing-hero-actions { justify-content: flex-start; }
.landing-hero-note { color: #bcae91; }
.landing-hero-status {
  display: inline-block;
  margin-top: 13px;
  padding: 5px 10px;
  border: 1px solid #675435;
  background: #0a0908a8;
  color: #c9d6a5;
}
.landing-section { padding-block: 46px; }
.landing-section-dim {
  border-top: 1px solid #57472e;
  border-bottom: 1px solid #57472e;
  background: url('/client/assets/hud-v2/bg.webp') repeat, #0b0a09;
}
.landing-section-title {
  display: grid;
  place-items: center;
  width: min(470px, 100%);
  min-height: 45px;
  margin: 0 auto 12px;
  padding: 7px 16px;
  border: 6px solid transparent;
  border-image: url('/client/assets/hud-v2/slot.webp') 6 fill / 6px stretch;
  color: #f0ddad;
  font: 600 20px/1.2 'Segoe UI', Arial, sans-serif;
  letter-spacing: .4px;
  text-transform: none;
}
.landing-section-subtitle { color: #b9ac90; }
.landing-feature,
.landing-event-row,
.landing-news-card {
  min-width: 0;
  border: 6px solid transparent;
  border-image: url('/client/assets/hud-v2/slot.webp') 6 fill / 6px stretch;
  border-radius: 0;
  background: #0b0a09;
  box-shadow: none;
}
.landing-feature { padding: 17px; }
.landing-feature:hover, .landing-event-row:hover, .landing-news-card:hover { filter: brightness(1.13); }
.landing-feature-icon { color: #dfbc7e; }
.landing-feature h3, .landing-news-card h3 { color: #efd9a0; }
.landing-feature p, .landing-news-card p, .landing-news-date { color: #baad92; opacity: 1; }
.landing-event-row { padding: 11px 13px; color: #e0d4b9; }
.landing-event-phase { border-radius: 0; border-color: #685737; color: #b9ac90; }
.landing-event-phase.is-running { color: #f1e0b9; background: #4d3c1f; border-color: #b69a5e; }
.landing-event-phase.is-open, .landing-event-phase.is-announce { color: #efd9a0; border-color: #8b7043; }
.landing-footer {
  border-top: 1px solid #806a45;
  background: url('/client/assets/hud-v2/bg.webp') repeat, #0b0a09;
  color: #b9ac90;
}
.landing-footer-rights, .landing-footer-play { color: #b9ac90; }
.landing-footer-play:hover, .landing-footer-play:focus-visible { color: #efd9a0; }
.skip-link { border-color: #b9995d; border-radius: 0; background: #0b0a09; color: #efd9a0; }
@media (max-width: 720px) {
  .landing-hero { min-height: 0; justify-content: center; padding: 73px 13px 45px; text-align: center; }
  .landing-hero::before { background-position: 63% center; }
  .landing-hero::after { background: linear-gradient(0deg, #080b0b 0%, #080b0b66 45%, #080b0b99 100%); }
  .landing-hero-inner { margin-left: 0; padding: 52px 17px 25px; }
  .landing-hero-inner::before { top: -37px; height: 43px; }
  .landing-hero-actions { justify-content: center; }
  .landing-section { padding: 35px 14px; }
  .landing-section-title { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-btn:hover { transform: none; }
}