:root {
  --landing-ink: #060606;
  --landing-coal: #0d0b0a;
  --landing-ash: #a29b8f;
  --landing-ivory: #eee4d5;
  --landing-ember: #e25220;
  --landing-ember-hot: #ff7a2f;
  --landing-gold: #c9964b;
  --landing-line: rgba(201, 150, 75, .22);
}

body.home-page {
  background: var(--landing-ink);
  color: var(--landing-ivory);
}

body.home-page::before,
body.home-page::after,
.home-page .sanctuary-backdrop,
.home-page .sanctuary-vignette { display: none; }
.home-page a { color: inherit; text-decoration: none; }
.home-page ::selection { background: var(--landing-ember); color: #fff; }
.landing-main { width: 100%; margin: 0; padding: 0; }

.landing-header {
  align-items: center;
  background: linear-gradient(180deg, rgba(5,5,5,.97), rgba(5,5,5,.76));
  border-bottom: 1px solid rgba(201,150,75,.18);
  display: grid;
  grid-template-columns: minmax(240px,1fr) auto minmax(300px,1fr);
  height: 88px;
  inset: 0 0 auto;
  padding: 0 clamp(24px,5vw,88px);
  position: absolute;
  z-index: 30;
}
.landing-header::after {
  background: linear-gradient(90deg, transparent, var(--landing-ember), transparent);
  bottom: -1px;
  content: "";
  height: 1px;
  left: 14%;
  opacity: .6;
  position: absolute;
  width: 72%;
}
.landing-brand { align-items: center; display: inline-flex; gap: 14px; justify-self: start; }
.landing-brand-mark {
  align-items: center;
  background: radial-gradient(circle at 50% 40%, #8a2d17 0, #35100b 45%, #100807 75%);
  border: 1px solid rgba(220,126,61,.65);
  clip-path: polygon(50% 0,88% 22%,96% 69%,50% 100%,4% 69%,12% 22%);
  color: #f4c26e;
  display: flex;
  font: 17px/1 "C9Serif", Georgia, serif;
  height: 50px;
  justify-content: center;
  text-shadow: 0 0 12px #f04416;
  width: 44px;
}
.landing-brand-copy { display: grid; gap: 5px; }
.landing-brand-copy strong { color: #ded2c2; font: 500 14px/1 "C9Serif", Georgia, serif; letter-spacing: .25em; }
.landing-brand-copy small { color: #81796d; font: 600 8px/1 "C9Nav", Arial, sans-serif; letter-spacing: .26em; }
.landing-nav { align-items: stretch; display: flex; height: 88px; }
.landing-nav a {
  align-items: center;
  color: #a69e93;
  display: flex;
  font: 600 10px/1 "C9Nav", Arial, sans-serif;
  letter-spacing: .17em;
  padding: 0 21px;
  position: relative;
  text-transform: uppercase;
  transition: color .25s ease;
}
.landing-nav a:hover,
.landing-nav a.active { color: var(--landing-ivory); }
.landing-nav a.active::after {
  background: var(--landing-ember);
  bottom: 0;
  box-shadow: 0 0 12px var(--landing-ember);
  content: "";
  height: 2px;
  left: 21px;
  position: absolute;
  right: 21px;
}
.landing-header-actions { align-items: center; display: flex; gap: 18px; justify-self: end; min-width: 0; }
.landing-realm-status { align-items: center; color: #9e988e; display: flex; font: 600 8px/1 "C9Nav", Arial, sans-serif; gap: 8px; letter-spacing: .13em; max-width: 220px; text-transform: uppercase; }
.landing-realm-status strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.landing-realm-status i { background: #6fd78d; border-radius: 50%; box-shadow: 0 0 10px #6fd78d; flex: none; height: 6px; width: 6px; }
.landing-language { align-items: center; color: #676158; display: flex; font: 600 8px/1 "C9Nav", Arial, sans-serif; gap: 5px; }
.landing-language a.active,
.landing-language a:hover { color: var(--landing-gold); }
.landing-header-download { border: 1px solid rgba(201,150,75,.36); color: #d8c5aa; font: 600 9px/1 "C9Nav", Arial, sans-serif; letter-spacing: .18em; padding: 12px 16px; text-transform: uppercase; transition: .25s ease; white-space: nowrap; }
.landing-header-download:hover { background: rgba(201,150,75,.1); border-color: var(--landing-gold); color: #fff; }
.landing-mobile-menu { display: none; }

.landing-hero { min-height: 920px; overflow: hidden; padding-top: 88px; position: relative; }
.landing-hero-image {
  background-image: url("/assets/pandemonium-fortress.png");
  background-position: center;
  background-size: cover;
  filter: saturate(.82) contrast(1.12) brightness(.69);
  inset: 0;
  position: absolute;
  transform: scale(1.015);
}
.operator-hero-enabled .landing-hero-image {
  background-image: url("/operator-assets/fan/portal-hero.webp"), url("/operator-assets/fan/portal-hero.png"), url("/assets/pandemonium-fortress.png");
}
.landing-hero::before { background: linear-gradient(90deg,rgba(5,5,5,.72),rgba(5,5,5,.12) 28%,rgba(5,5,5,.05) 62%,rgba(5,5,5,.72)),linear-gradient(180deg,rgba(5,5,5,.2) 10%,transparent 36%,rgba(5,5,5,.2) 58%,#060606 100%); content: ""; inset: 0; position: absolute; z-index: 2; }
.landing-hero::after { border: 1px solid rgba(201,150,75,.12); content: ""; inset: 112px 26px 78px; pointer-events: none; position: absolute; z-index: 3; }
.landing-hero-grain { background-image: radial-gradient(rgba(255,255,255,.06) .65px,transparent .65px); background-size: 5px 5px; inset: 0; opacity: .12; pointer-events: none; position: absolute; z-index: 4; }
.landing-hero-content { align-items: center; display: flex; flex-direction: column; margin: 0 auto; max-width: 1000px; padding: 76px 24px 230px; position: relative; text-align: center; z-index: 6; }
.landing-circle-seal { align-items: center; background: linear-gradient(180deg,rgba(25,10,7,.94),rgba(7,7,7,.94)); border: 1px solid rgba(201,150,75,.42); clip-path: polygon(50% 0,86% 18%,100% 50%,86% 82%,50% 100%,14% 82%,0 50%,14% 18%); display: flex; flex-direction: column; height: 112px; justify-content: center; margin-bottom: 31px; position: relative; width: 112px; }
.landing-circle-seal::before { border: 1px solid rgba(201,150,75,.2); content: ""; inset: 8px; position: absolute; transform: rotate(45deg); }
.landing-circle-seal span,
.landing-circle-seal small { color: var(--landing-gold); font: 600 7px/1 "C9Nav", Arial, sans-serif; letter-spacing: .24em; position: relative; }
.landing-circle-seal b { color: #f0d7b0; font: 400 42px/.95 "C9Serif", Georgia, serif; position: relative; text-shadow: 0 0 20px rgba(226,82,32,.7); }
.landing-kicker,
.landing-eyebrow { color: var(--landing-gold); font: 600 9px/1.3 "C9Nav", Arial, sans-serif; letter-spacing: .25em; text-transform: uppercase; }
.landing-kicker { align-items: center; display: flex; gap: 14px; margin: 0 0 22px; }
.landing-kicker span { background: var(--landing-gold); height: 1px; opacity: .55; width: 34px; }
.landing-hero h1 { color: #e9dfd2; font: 400 clamp(58px,7.7vw,116px)/.82 "C9DiabloUI","C9Serif",Georgia,serif; letter-spacing: .035em; margin: 0; text-shadow: 0 8px 35px #000; text-transform: uppercase; }
.landing-hero h1 em { color: #f3e9da; font-size: .88em; font-style: normal; letter-spacing: .08em; text-shadow: 0 0 45px rgba(199,89,39,.28),0 8px 35px #000; }
.landing-hero-lead { color: #c3b7a8; font: 400 clamp(16px,1.35vw,20px)/1.7 "C9Serif",Georgia,serif; margin: 30px auto 32px; max-width: 680px; text-shadow: 0 2px 8px #000; }
.landing-hero-cta { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.landing-button { align-items: center; display: inline-flex; font: 600 9px/1 "C9Nav",Arial,sans-serif; justify-content: center; letter-spacing: .19em; min-height: 52px; min-width: 176px; padding: 0 28px; text-transform: uppercase; transition: transform .25s,border-color .25s,background .25s; }
.landing-button:hover { transform: translateY(-2px); }
.landing-button-primary { background: linear-gradient(180deg,#a5351c,#68170f); border: 1px solid #d3572e; box-shadow: inset 0 0 20px rgba(255,133,61,.16),0 6px 24px rgba(99,20,9,.45); clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); color: #fff2df; }
.landing-button-primary:hover { background: linear-gradient(180deg,#bb4323,#7b1d12); }
.landing-button-ghost { background: rgba(8,7,7,.65); border: 1px solid rgba(201,150,75,.4); color: #d5cbbd; }
.landing-button-ghost:hover { background: rgba(201,150,75,.08); border-color: var(--landing-gold); }
.landing-button-ghost b { color: var(--landing-gold); font-size: 18px; margin-left: 15px; }
.landing-launch-note { color: #7f786e; font: 600 9px/1.4 "C9Nav",Arial,sans-serif; letter-spacing: .1em; margin: 21px 0 0; text-transform: uppercase; }
.landing-launch-note span { color: #bc8c49; margin-right: 7px; }
.landing-launch-note b { color: #9f978b; font-weight: 600; }
.landing-season-countdown { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; width:min(720px,100%); min-height:66px; margin:0 auto 25px; padding:16px 22px; border:1px solid rgba(211,154,57,.48); color:#c3aa87; background:linear-gradient(90deg,rgba(22,8,5,.92),rgba(5,4,5,.92),rgba(22,8,5,.92)); box-shadow:inset 0 0 34px rgba(162,45,22,.12),0 0 26px rgba(97,22,11,.22); font:700 11px/1.3 "C9Nav",Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.landing-season-countdown:hover { color:#f0dfc5; border-color:rgba(218,80,43,.72); box-shadow:inset 0 0 42px rgba(183,50,24,.18),0 0 32px rgba(116,27,14,.32); }
.landing-season-countdown strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#dfc8aa; font-size:12px; text-align:center; }
.landing-season-countdown b { color:#ffd078; font:700 clamp(20px,2.2vw,29px)/1 "C9Nav",Arial,sans-serif; letter-spacing:.08em; text-shadow:0 0 14px rgba(238,94,42,.48); }
.landing-season-countdown[hidden] { display:none; }
.landing-dashboard { align-items: stretch; backdrop-filter: blur(12px); background: rgba(8,7,7,.87); border: 1px solid rgba(201,150,75,.22); bottom: 52px; display: grid; grid-template-columns: repeat(4,1fr) .9fr; left: 50%; max-width: 1280px; min-height: 96px; position: absolute; transform: translateX(-50%); width: calc(100% - 64px); z-index: 8; }
.landing-dashboard-item { align-items: center; border-right: 1px solid rgba(201,150,75,.14); display: flex; gap: 15px; min-width: 0; padding: 18px 25px; }
.landing-dashboard-icon { align-items: center; border: 1px solid rgba(201,150,75,.25); color: var(--landing-gold); display: flex; flex: none; font: 19px/1 "C9Serif",Georgia,serif; height: 43px; justify-content: center; transform: rotate(45deg); width: 43px; }
.landing-dashboard-icon > * { transform: rotate(-45deg); }
.landing-dashboard-icon svg { fill: none; height: 25px; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.35; width: 25px; }
.landing-dashboard-icon .status-gem { fill: #75dc94; filter: drop-shadow(0 0 4px #62c983); stroke: none; }
.landing-dashboard-icon .rank-mark { stroke: #f0c271; stroke-width: 2; }
.landing-dashboard-icon.hc-icon{position:relative;color:#da6354;border-color:rgba(218,71,54,.55);box-shadow:inset 0 0 14px rgba(164,26,19,.14),0 0 13px rgba(152,29,20,.12)}
.landing-dashboard-icon.hc-icon::after{content:"HC";position:absolute;right:-13px;bottom:-11px;display:grid;place-items:center;width:20px;height:15px;border:1px solid rgba(233,95,72,.68);background:#210705;color:#ff9d85;font:800 6px/1 "C9Nav",Arial,sans-serif;letter-spacing:.08em;transform:rotate(-45deg);box-shadow:0 0 8px rgba(207,45,29,.38)}
.landing-dashboard-item > span:last-child { display: grid; gap: 6px; min-width: 0; }
.landing-dashboard-item small { color: #6f6a62; font: 600 7px/1 "C9Nav",Arial,sans-serif; letter-spacing: .18em; }
.landing-dashboard-item strong { color: #e2d6c8; font: 400 14px/1.25 "C9Serif",Georgia,serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.landing-dashboard-item strong.status-ok { color: #77d995; }
.landing-dashboard-item strong.status-bad { color: #e07165; }
.landing-dashboard-link { align-items: center; color: #bda681; display: flex; font: 600 9px/1.3 "C9Nav",Arial,sans-serif; justify-content: space-between; letter-spacing: .16em; padding: 18px 28px; text-transform: uppercase; transition: background .25s; }
.landing-dashboard-link:hover { background: rgba(201,150,75,.07); }
.landing-dashboard-link span { color: var(--landing-ember-hot); font-size: 17px; }
.landing-players{padding-top:72px;padding-bottom:22px}
.landing-players-card{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:52px;align-items:center;padding:38px 44px;background:radial-gradient(circle at 14% 50%,rgba(148,43,24,.2),transparent 36%),rgba(7,6,6,.9)}
.landing-players-command{display:grid;place-items:center;min-height:190px;border:1px solid rgba(201,150,75,.22);background:linear-gradient(145deg,rgba(45,13,10,.72),rgba(2,2,3,.95));box-shadow:inset 0 0 42px rgba(0,0,0,.8)}
.landing-players-command small,.landing-players-command span{color:#8c7562;font:600 8px/1 "C9Nav",Arial,sans-serif;letter-spacing:.18em}
.landing-players-command code{color:#efc06c;font:400 clamp(28px,4vw,48px)/1 "C9Serif",Georgia,serif;text-shadow:0 0 18px rgba(218,71,36,.5)}
.landing-players-card h2{margin:8px 0 14px;font-size:clamp(30px,4vw,48px)}
.landing-players-card p{color:#9a8d7c;line-height:1.75}
.landing-scroll-cue { align-items: center; bottom: 0; color: #706a62; display: flex; flex-direction: column; font: 600 7px/1 "C9Nav",Arial,sans-serif; gap: 8px; left: 50%; letter-spacing: .25em; position: absolute; transform: translateX(-50%); z-index: 9; }
.landing-scroll-cue i { background: linear-gradient(var(--landing-gold),transparent); height: 33px; width: 1px; }
.landing-embers { inset: 0; pointer-events: none; position: absolute; z-index: 5; }
.landing-embers i { animation: landing-ember-rise linear infinite; background: #f37a32; border-radius: 50%; bottom: 7%; box-shadow: 0 0 8px #f44e13; height: 3px; left: 50%; opacity: 0; position: absolute; width: 3px; }
.landing-embers i:nth-child(3n) { left: 24%; }.landing-embers i:nth-child(3n+1) { left: 72%; }.landing-embers i:nth-child(4n) { left: 36%; }.landing-embers i:nth-child(5n) { left: 82%; }
.landing-embers i:nth-child(1) { animation-duration: 7s; animation-delay: 1s; }.landing-embers i:nth-child(2) { animation-duration: 9s; animation-delay: 3s; }.landing-embers i:nth-child(3) { animation-duration: 8s; animation-delay: 5s; }.landing-embers i:nth-child(4) { animation-duration: 11s; animation-delay: 2s; }.landing-embers i:nth-child(5) { animation-duration: 6s; animation-delay: 4s; }.landing-embers i:nth-child(n+6) { animation-duration: 10s; animation-delay: 6s; }
@keyframes landing-ember-rise { 0% { opacity: 0; transform: translate(0,0) scale(.6); } 15% { opacity: .9; } 100% { opacity: 0; transform: translate(55px,-520px) scale(0); } }

.landing-section-shell { margin: 0 auto; max-width: 1220px; padding-left: 34px; padding-right: 34px; }
.landing-chronicle { padding-bottom: 128px; padding-top: 120px; }
.landing-section-heading h2,
.landing-season-copy h2,
.landing-final-cta h2 { color: #e9dfd0; font: 400 clamp(38px,4.4vw,66px)/1.05 "C9DiabloUI","C9Serif",Georgia,serif; letter-spacing: .02em; margin: 12px 0 0; }
.landing-split-heading { align-items: end; display: flex; gap: 55px; justify-content: space-between; margin-bottom: 48px; }
.landing-split-heading > div:last-child { max-width: 410px; }
.landing-split-heading > div:last-child > p { color: #81786d; font-size: 15px; line-height: 1.7; margin: 0; }
.landing-text-link { color: #caa66b; display: inline-block; font: 600 9px/1.4 "C9Nav",Arial,sans-serif; letter-spacing: .18em; margin-top: 15px; text-transform: uppercase; }
.landing-text-link span { color: var(--landing-ember); margin-left: 10px; }
.landing-news-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; }
.landing-news-card { border: 1px solid rgba(201,150,75,.16); min-height: 310px; padding: 32px; position: relative; transition: background .25s,border-color .25s,transform .25s; }
.landing-news-card + .landing-news-card { border-left: 0; }
.landing-news-card::before { background: linear-gradient(135deg,rgba(226,82,32,.11),transparent 52%); content: ""; inset: 0; opacity: 0; position: absolute; transition: opacity .25s; }
.landing-news-card:hover { border-color: rgba(201,150,75,.4); transform: translateY(-4px); }
.landing-news-card:hover::before,
.landing-news-card.featured::before { opacity: 1; }
.landing-news-meta { display: flex; font: 600 8px/1 "C9Nav",Arial,sans-serif; justify-content: space-between; letter-spacing: .16em; position: relative; text-transform: uppercase; }
.landing-news-meta span { color: var(--landing-ember-hot); }.landing-news-meta time { color: #665f56; }
.landing-news-card h3 { color: #e2d6c7; font: 400 25px/1.16 "C9Serif",Georgia,serif; margin: 32px 0 16px; max-width: 300px; position: relative; }
.landing-news-card p { color: #81786d; font-size: 14px; line-height: 1.65; margin: 0; position: relative; }
.landing-news-card a { bottom: 28px; color: #ad8a57; font: 600 8px/1 "C9Nav",Arial,sans-serif; letter-spacing: .17em; position: absolute; text-transform: uppercase; }
.landing-news-card a span { color: var(--landing-ember); margin-left: 10px; }

.landing-season-section { background: #0a0908; border-block: 1px solid rgba(201,150,75,.12); min-height: 850px; overflow: hidden; padding-bottom: 90px; position: relative; }
.landing-season-section::before { background: radial-gradient(circle at 25% 38%,rgba(154,42,16,.25),transparent 35%),linear-gradient(90deg,rgba(5,5,5,.15),#080706 70%); content: ""; inset: 0; position: absolute; z-index: 1; }
.landing-season-atmosphere { background: linear-gradient(90deg,transparent,#0a0908 66%),url("/assets/pandemonium-fortress.png") left center/cover; filter: saturate(.65) brightness(.37); inset: 0 38% 0 0; opacity: .5; position: absolute; }
.landing-season-inner { align-items: center; display: grid; gap: 11%; grid-template-columns: 1fr 1fr; min-height: 700px; position: relative; z-index: 3; }
.landing-season-copy { padding-left: 4%; }
.landing-season-copy h2 { font-size: clamp(44px,5vw,70px); }
.landing-season-intro { color: #988e82; font-size: 16px; line-height: 1.8; max-width: 500px; }
.landing-season-path { display: grid; gap: 44px; padding: 70px 0 70px 45px; position: relative; }
.landing-path-line { background: linear-gradient(transparent,var(--landing-gold) 16%,var(--landing-gold) 84%,transparent); bottom: 90px; left: 67px; opacity: .28; position: absolute; top: 90px; width: 1px; }
.landing-path-stop { align-items: flex-start; display: grid; gap: 27px; grid-template-columns: 45px 1fr; position: relative; }
.landing-path-rune { align-items: center; background: #0b0908; border: 1px solid rgba(201,150,75,.5); color: var(--landing-gold); display: flex; font: 400 16px/1 "C9Serif",Georgia,serif; height: 45px; justify-content: center; transform: rotate(45deg); width: 45px; }
.landing-path-rune + div { padding-left: 6px; }
.landing-path-stop small { color: #936b39; font: 600 7px/1 "C9Nav",Arial,sans-serif; letter-spacing: .22em; }
.landing-path-stop h3 { color: #ded2c3; font: 400 24px/1.2 "C9Serif",Georgia,serif; margin: 8px 0; }
.landing-path-stop p { color: #81786d; font-size: 14px; line-height: 1.6; margin: 0; max-width: 410px; }
.landing-zone-shell { position: relative; z-index: 3; }
.landing-subheading { align-items: end; border-top: 1px solid rgba(201,150,75,.15); display: flex; gap: 40px; justify-content: space-between; padding-top: 42px; }
.landing-subheading h3 { color: #ded2c3; font: 400 28px/1.2 "C9Serif",Georgia,serif; margin: 8px 0 0; }
.landing-subheading > p { color: #81786d; font-size: 13px; line-height: 1.6; margin: 0; max-width: 470px; }
.landing-zone-grid { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 25px; }
.landing-zone-card { background: rgba(7,7,7,.7); border: 1px solid rgba(201,150,75,.18); min-height: 145px; padding: 26px; }
.landing-zone-card h3 { color: #ded2c3; font-size: 22px; margin: 10px 0; }.landing-zone-card p { color: #81786d; margin: 0; }.landing-zone-card .zone-time { color: #a98a58; display: block; font: 600 9px/1 "C9Nav",Arial,sans-serif; margin-top: 18px; }

.landing-pillars { padding-bottom: 140px; padding-top: 130px; }
.landing-centered-heading { margin: 0 auto 55px; max-width: 760px; text-align: center; }
.landing-centered-heading > p:last-child { color: #81786d; font-size: 16px; line-height: 1.65; }
.landing-pillar-grid { display: grid; gap: 14px; grid-template-columns: repeat(3,1fr); }
.landing-pillar-card { background: linear-gradient(145deg,rgba(35,18,12,.42),rgba(8,8,8,.4)); border: 1px solid rgba(201,150,75,.18); min-height: 340px; overflow: hidden; padding: 45px 38px; position: relative; }
.landing-pillar-card::after { background: radial-gradient(circle,rgba(226,82,32,.15),transparent 68%); content: ""; height: 200px; opacity: 0; position: absolute; right: -70px; top: -60px; transition: opacity .3s; width: 200px; }
.landing-pillar-card:hover::after { opacity: 1; }
.landing-pillar-number { color: rgba(201,150,75,.22); font: 400 84px/.8 "C9Serif",Georgia,serif; position: absolute; right: 28px; top: 32px; }
.landing-pillar-card .landing-eyebrow { margin-top: 95px; }
.landing-pillar-card h3 { color: #e1d6c7; font: 400 28px/1.2 "C9Serif",Georgia,serif; margin: 13px 0 15px; }
.landing-pillar-card > p:last-of-type { color: #81786d; font-size: 14px; line-height: 1.7; margin: 0; }
.landing-corner { border-color: rgba(201,150,75,.48); border-style: solid; height: 18px; position: absolute; width: 18px; }.landing-corner.one { border-width: 1px 0 0 1px; left: 10px; top: 10px; }.landing-corner.two { border-width: 0 1px 1px 0; bottom: 10px; right: 10px; }

.landing-codex { padding-bottom: 130px; }
.landing-item-grid { display: grid; gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.landing-item-card { align-items: center; background: linear-gradient(145deg,rgba(35,18,12,.35),rgba(8,8,8,.55)); border: 1px solid rgba(201,150,75,.17); display: flex; gap: 16px; min-height: 120px; padding: 18px; }
.landing-item-card .item-tile { flex: none; }.landing-item-card h3 { color: #e1d6c7; font-size: 18px; margin: 4px 0; }.landing-item-card p { color: #81786d; font-size: 11px; margin: 0; }

.landing-final-cta { align-items: center; background: #090807; border-block: 1px solid rgba(201,150,75,.17); display: flex; flex-direction: column; min-height: 670px; overflow: hidden; padding: 105px 24px 90px; position: relative; text-align: center; }
.landing-final-glow { background: radial-gradient(ellipse,rgba(173,47,17,.3),transparent 62%); height: 700px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 900px; }
.landing-final-emblem { align-items: center; border: 1px solid rgba(201,150,75,.3); display: flex; height: 100px; justify-content: center; margin-bottom: 35px; position: relative; transform: rotate(45deg); width: 100px; }
.landing-final-emblem::before { border: 1px solid rgba(201,150,75,.12); content: ""; inset: 9px; position: absolute; }
.landing-final-emblem span { color: var(--landing-gold); font: 400 36px/1 "C9Serif",Georgia,serif; text-shadow: 0 0 18px var(--landing-ember); transform: rotate(-45deg); }
.landing-final-cta > * { position: relative; }
.landing-final-cta > p:not(.landing-eyebrow) { color: #8b8277; font-size: 16px; line-height: 1.7; margin: 22px auto 29px; max-width: 640px; }
.landing-final-cta > small { color: #655e56; font: 600 8px/1.5 "C9Nav",Arial,sans-serif; letter-spacing: .1em; margin-top: 28px; text-transform: uppercase; }
.landing-footer { align-items: center; color: #6c655d; display: grid; font: 600 9px/1.6 "C9Nav",Arial,sans-serif; gap: 40px; grid-template-columns: 1fr 1.4fr 1fr; margin: 0 auto; max-width: 1280px; min-height: 190px; padding: 35px 34px; }
.landing-footer-brand .landing-brand-mark { height: 42px; width: 38px; }.landing-footer-brand .landing-brand-copy strong { color: #b7aa99; font-size: 11px; }
.landing-footer p { margin: 4px 0; text-align: center; }.landing-footer nav { align-items: center; display: flex; flex-wrap: wrap; gap: 18px; justify-content: flex-end; }.landing-footer nav a:hover { color: var(--landing-gold); }.landing-footer nav span { color: #8c7350; }

@media (max-width: 1180px) {
  .landing-header { grid-template-columns: 1fr auto; }
  .landing-nav { display: none; }
  .landing-header-actions { margin-right: 58px; }
  .landing-mobile-menu { display: block; position: absolute; right: 24px; top: 25px; }
  .landing-mobile-menu summary { cursor: pointer; display: grid; gap: 5px; list-style: none; padding: 10px; }.landing-mobile-menu summary::-webkit-details-marker { display: none; }.landing-mobile-menu summary span { background: #c7b79f; height: 1px; width: 24px; }
  .landing-mobile-menu nav { background: rgba(6,6,6,.99); border: 1px solid var(--landing-line); box-shadow: 0 20px 50px #000; display: grid; min-width: 230px; padding: 10px; position: absolute; right: 0; top: 48px; }.landing-mobile-menu nav a { border-bottom: 1px solid rgba(201,150,75,.12); color: #a8a094; font: 600 9px/1 "C9Nav",Arial,sans-serif; letter-spacing: .16em; padding: 15px; text-transform: uppercase; }.landing-mobile-menu nav a:hover { color: var(--landing-gold); }
  .landing-dashboard { grid-template-columns: repeat(4,1fr); }.landing-dashboard-link { display: none; }
  .landing-players-card{grid-template-columns:1fr;gap:26px}
  .landing-season-inner { gap: 5%; }
  .landing-item-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 800px) {
  .landing-header { height: 74px; padding: 0 18px; }
  .landing-brand-copy strong { font-size: 11px; }.landing-brand-copy small { font-size: 6px; }.landing-brand-mark { height: 43px; width: 38px; }
  .landing-header-actions { display: none; }.landing-mobile-menu { right: 13px; top: 18px; }
  .landing-hero { min-height: 835px; padding-top: 74px; }.landing-hero::after { inset: 88px 10px 55px; }.landing-hero-image { background-position: 63% center; }.landing-hero-content { padding: 64px 20px 190px; }
  .landing-circle-seal { height: 88px; margin-bottom: 26px; width: 88px; }.landing-circle-seal b { font-size: 33px; }
  .landing-kicker { font-size: 7px; gap: 8px; }.landing-kicker span { width: 16px; }.landing-hero h1 { font-size: clamp(50px,16vw,70px); line-height: .9; }.landing-hero h1 em { font-size: .7em; letter-spacing: .03em; }.landing-hero-lead { font-size: 15px; line-height: 1.55; margin: 23px auto 27px; }
  .landing-button { min-height: 49px; min-width: 158px; padding: 0 20px; }
  .landing-season-countdown{grid-template-columns:1fr;gap:7px;padding:13px 16px}.landing-season-countdown strong{font-size:9px}.landing-season-countdown b{font-size:22px}
  .landing-dashboard { bottom: 32px; grid-template-columns: 1fr; min-height: 0; width: calc(100% - 38px); }.landing-dashboard-item { display: none; padding: 15px 18px; }.landing-dashboard-item:first-child { border-right: 0; display: flex; }.landing-dashboard-icon { height: 36px; width: 36px; }.landing-scroll-cue { display: none; }
  .landing-players{padding-top:42px}.landing-players-card{padding:24px 20px}.landing-players-command{min-height:145px}
  .landing-section-shell { padding-inline: 20px; }.landing-chronicle { padding-block: 85px; }.landing-section-heading h2,.landing-season-copy h2,.landing-final-cta h2 { font-size: 39px; }
  .landing-split-heading { align-items: start; flex-direction: column; gap: 20px; margin-bottom: 34px; }.landing-split-heading > div:last-child > p { font-size: 14px; }
  .landing-news-grid,.landing-pillar-grid,.landing-item-grid,.landing-zone-grid { grid-template-columns: 1fr; }.landing-news-card { min-height: 285px; }.landing-news-card + .landing-news-card { border-left: 1px solid rgba(201,150,75,.16); border-top: 0; }
  .landing-season-atmosphere { inset: 0; opacity: .22; }.landing-season-section::before { background: linear-gradient(180deg,rgba(8,7,6,.42),#080706 60%); }.landing-season-inner { display: block; min-height: 0; padding-block: 90px 45px; }.landing-season-copy { padding-left: 0; }.landing-season-intro { font-size: 15px; }.landing-season-path { gap: 38px; padding: 70px 0 0 6px; }.landing-path-line { bottom: 18px; left: 28px; top: 90px; }.landing-path-stop { gap: 22px; }.landing-path-stop h3 { font-size: 21px; }.landing-path-stop p { font-size: 13px; }
  .landing-subheading { align-items: start; flex-direction: column; gap: 15px; }.landing-zone-shell { padding-bottom: 10px; }
  .landing-pillars { padding-block: 90px; }.landing-pillar-card { min-height: 300px; }.landing-pillar-card .landing-eyebrow { margin-top: 70px; }.landing-codex { padding-bottom: 90px; }
  .landing-final-cta { min-height: 650px; padding: 90px 20px 75px; }.landing-final-glow { width: 150%; }
  .landing-footer { grid-template-columns: 1fr; justify-items: center; padding: 52px 24px; text-align: center; }.landing-footer nav { justify-content: center; }.landing-footer-brand { justify-self: center; }
}

@media (max-width: 420px) {
  .landing-hero h1 { font-size: 46px; }.landing-kicker { max-width: 290px; }.landing-kicker span { display: none; }
  .landing-hero-cta { width: 100%; }.landing-button { width: min(100%,280px); }
  .landing-path-stop { grid-template-columns: 39px 1fr; }.landing-path-rune { height: 39px; width: 39px; }.landing-path-line { left: 25px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page { scroll-behavior: auto; }.landing-embers { display: none; }.home-page * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

/* Player-first home: live realm, journeys and a single compact chronicle. */
.landing-live { padding-bottom: 105px; padding-top: 110px; }
.landing-live-grid { display: grid; gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.landing-live-panel { background: linear-gradient(145deg,rgba(35,18,12,.32),rgba(8,8,8,.72)); border: 1px solid rgba(201,150,75,.18); min-height: 290px; padding: 28px; }
.landing-live-panel header { align-items: center; border-bottom: 1px solid rgba(201,150,75,.14); display: flex; justify-content: space-between; padding-bottom: 19px; }
.landing-live-panel header a { color: #ad8a57; font: 600 8px/1 "C9Nav",Arial,sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.landing-live-list { display: grid; }
.landing-live-row { align-items: center; border-bottom: 1px solid rgba(201,150,75,.1); display: flex; gap: 18px; justify-content: space-between; min-height: 72px; padding: 13px 5px; }
.landing-live-row:last-child { border-bottom: 0; }
.landing-live-row > span { display: grid; gap: 5px; min-width: 0; }
.landing-live-row strong { color: #e1d6c7; font: 400 18px/1.2 "C9Serif",Georgia,serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.landing-live-row small { color: #756d64; font: 600 8px/1.35 "C9Nav",Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.landing-live-row > b { border: 1px solid rgba(201,150,75,.24); color: #c99c5e; flex: none; font: 600 10px/1 "C9Nav",Arial,sans-serif; min-width: 44px; padding: 10px 7px; text-align: center; }
.landing-live-empty { color: #746c63; font: italic 16px/1.6 "C9Serif",Georgia,serif; padding: 45px 6px; text-align: center; }

.landing-journeys { background: #090807; border-block: 1px solid rgba(201,150,75,.12); padding: 110px 0; }
.landing-journey-grid { display: grid; gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.landing-journey-card { background: linear-gradient(160deg,rgba(39,19,12,.52),rgba(5,5,5,.78)); border: 1px solid rgba(201,150,75,.17); min-height: 285px; overflow: hidden; padding: 34px 30px; position: relative; transition: border-color .25s,transform .25s; }
.landing-journey-card:hover { border-color: rgba(201,150,75,.52); transform: translateY(-5px); }
.landing-journey-card > span { color: rgba(201,150,75,.14); font: 400 90px/.8 "C9Serif",Georgia,serif; position: absolute; right: 20px; top: 25px; }
.landing-journey-card small { color: #9c713b; font: 600 8px/1 "C9Nav",Arial,sans-serif; letter-spacing: .22em; position: relative; }
.landing-journey-card h3 { color: #e2d7c8; font: 400 25px/1.15 "C9Serif",Georgia,serif; margin: 92px 0 15px; position: relative; }
.landing-journey-card p { color: #81786d; font-size: 14px; line-height: 1.65; margin: 0; position: relative; }

.landing-news-stream { border-top: 1px solid rgba(201,150,75,.18); }
.landing-news-stream .landing-news-card { align-items: start; border: 0; border-bottom: 1px solid rgba(201,150,75,.14); display: grid; gap: 36px; grid-template-columns: 185px 1fr; min-height: 0; padding: 28px 8px; }
.landing-news-stream .landing-news-card:hover { background: rgba(201,150,75,.035); transform: none; }
.landing-news-stream .landing-news-card::before { display: none; }
.landing-news-date { display: grid; gap: 8px; }
.landing-news-date time,.landing-news-date span { color: #746b61; font: 600 8px/1.4 "C9Nav",Arial,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.landing-news-date span { color: var(--landing-ember-hot); }
.landing-news-stream .landing-news-card h3 { font-size: 25px; margin: 0 0 10px; max-width: none; }
.landing-news-stream .landing-news-card p { max-width: 760px; }
.landing-news-stream .landing-news-card a { bottom: auto; display: inline-block; margin-top: 17px; position: relative; }

.landing-ironman { background: linear-gradient(90deg,#080807,rgba(20,25,30,.86),#080807); border-block: 1px solid rgba(147,171,190,.16); }
.landing-ironman-inner { align-items: center; display: flex; gap: 70px; justify-content: space-between; min-height: 290px; padding-bottom: 55px; padding-top: 55px; }
.landing-ironman-inner > div { max-width: 790px; }
.landing-ironman h2 { color: #d8dde0; font: 400 clamp(34px,4vw,52px)/1.05 "C9DiabloUI","C9Serif",Georgia,serif; margin: 11px 0 18px; }
.landing-ironman p:not(.landing-eyebrow) { color: #899299; font-size: 15px; line-height: 1.7; margin: 0; }
.landing-final-cta { min-height: 560px; padding-bottom: 75px; padding-top: 75px; }
.landing-final-cta > .landing-final-glow { position: absolute; }

.cow-omen::after,.diablo-omen::after { animation: omen-pulse 1.8s ease-out both; content: ""; inset: 0; pointer-events: none; position: fixed; z-index: 9998; }
.cow-omen::after { background: radial-gradient(circle at 50% 45%,rgba(196,28,17,.24),transparent 46%); }
.diablo-omen::after { background: radial-gradient(circle at 50% 45%,rgba(255,48,8,.32),transparent 55%); }
@keyframes omen-pulse { 0%,100% { opacity: 0; } 32% { opacity: 1; } }

@media (max-width: 980px) {
  .landing-journey-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 800px) {
  .landing-live { padding-block: 78px; }
  .landing-live-grid,.landing-journey-grid { grid-template-columns: 1fr; }
  .landing-journeys { padding-block: 80px; }
  .landing-news-stream .landing-news-card { gap: 12px; grid-template-columns: 1fr; padding-block: 25px; }
  .landing-ironman-inner { align-items: flex-start; flex-direction: column; gap: 28px; padding-block: 58px; }
}