@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{--bg:#08090a;--panel:#101113;--panel2:#151619;--line:#5e4a2a;--gold:#d1aa61;--gold2:#efd08b;--text:#ece7dd;--muted:#9d978d;--soft:#cfc7b9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#2b211455,transparent 35%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}
.site-header{height:78px;position:sticky;top:0;z-index:100;background:#090a0bf2;border-bottom:1px solid #6c542d88;display:flex;align-items:center;padding:0 4.5%;gap:14px;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:45px;height:45px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand strong{font:700 17px Cinzel,serif;letter-spacing:.08em;color:#e7cb8e}.brand small{font-size:9px;letter-spacing:.22em;color:#7e7566;margin-top:6px}
nav{margin-left:auto;display:flex;align-items:center;gap:25px;height:100%}nav>a,.nav-drop>button{font:600 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:.11em;color:#cbc5bb;background:none;border:0;cursor:pointer;padding:30px 0}nav>a:hover,.nav-drop>button:hover,.nav-drop.open>button{color:var(--gold2)}
.nav-drop{position:relative;height:100%;display:flex;align-items:center}.nav-drop>button{display:flex;align-items:center;gap:7px}.chev{font-size:10px;transition:.2s}.nav-drop.open .chev{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:67px;left:-18px;width:245px;background:#111214;border:1px solid #70582e;box-shadow:0 18px 45px #000a;padding:8px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.16s;pointer-events:none}.nav-drop:hover .dropdown-menu,.nav-drop.open .dropdown-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}.dropdown-menu a,.dropdown-menu span{display:flex;justify-content:space-between;gap:15px;padding:12px 13px;border-radius:3px;font-size:13px}.dropdown-menu a:hover{background:#1c1811;color:#e8c57f}.dropdown-menu span{color:#615d56}.dropdown-menu small{font-size:10px;color:#8b754c}
.discord-link{display:flex;align-items:center;gap:9px;border:1px solid #8d6f3c;padding:10px 13px!important;border-radius:4px;color:#e1c27f!important}.discord-link svg{width:20px;height:20px;fill:currentColor}
.hero{min-height:calc(100vh - 78px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px 100px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#6d4e1c19,transparent 45%);pointer-events:none}.hero-logo{position:relative;width:min(265px,58vw);height:auto;filter:drop-shadow(0 0 24px #d2a64d30);margin-bottom:15px}.eyebrow{color:#b99859;font-size:11px;letter-spacing:.27em;font-weight:700;text-transform:uppercase}.hero h1,.page-title,h2{font-family:Cinzel,serif}.hero h1{position:relative;font-size:clamp(40px,6vw,72px);letter-spacing:.07em;color:#e6c982;margin:9px 0 12px;text-shadow:0 3px 24px #000}.hero .intro{position:relative;max-width:840px;margin:0 auto;color:#d4cec2;line-height:1.8;font-size:clamp(16px,2vw,19px)}.hero-actions{position:relative;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #b68b43;background:linear-gradient(180deg,#b48a45,#896426);color:#0a0a0a;padding:13px 20px;border-radius:3px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em;min-width:195px}.btn:hover{filter:brightness(1.12)}.btn.ghost{background:#0d0e0f;color:#e1c584}.btn svg{width:20px;height:20px;fill:currentColor}
.page-shell{max-width:1120px;margin:0 auto;padding:72px 28px 100px}.page-head{padding-bottom:30px;border-bottom:1px solid #3c3222}.page-head .eyebrow{margin:0 0 10px}.page-title{font-size:clamp(35px,5vw,54px);letter-spacing:.05em;color:#e5ca8d;margin:0}.page-subtitle{color:var(--muted);max-width:760px;line-height:1.7;margin-top:12px}.phase-grid,.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}.phase-card,.info-card{display:block;background:linear-gradient(145deg,#121315,#0d0e10);border:1px solid #514329;padding:25px;border-radius:4px;transition:.18s}.phase-card:hover,.info-card:hover{border-color:#a47e3e;transform:translateY(-2px)}.phase-card h3,.info-card h3{font:700 20px Cinzel,serif;color:#ddc387;margin:0 0 8px}.phase-card p,.info-card p{color:#8f8a81;line-height:1.6;margin:0}.status{display:inline-block;margin-top:15px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#b69457}.coming{opacity:.45;pointer-events:none}
.role-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0 26px}.role-tabs button{background:#101113;border:1px solid #514329;color:#aaa69e;padding:11px 21px;border-radius:3px;cursor:pointer;font-weight:700}.role-tabs button:hover{border-color:#846b3e}.role-tabs button.active{background:#211a0f;border-color:#c09349;color:#edcb84}.guide-panel{max-width:850px}.guide-content{display:none}.guide-content.active{display:block}.guide-content h2,.guide-content h3{font-family:Cinzel,serif;color:#ddc085;letter-spacing:.02em;margin-top:34px}.guide-content h2{font-size:25px}.guide-content h3{font-size:19px}.guide-content p,.guide-content li{color:#c0bab0;line-height:1.82}.guide-content strong{color:#eee0bd}.guide-content img{max-width:100%;height:auto;border:1px solid #5a492d;background:#0f1011;padding:6px;margin:16px 0}.guide-content blockquote,.warning{margin:22px 0;border-left:3px solid #c3913f;background:#1b160d;padding:16px 20px;color:#d8c7a7;line-height:1.7}.guide-placeholder{border:1px dashed #514631;padding:28px;color:#77736c;background:#0d0e10}
.empty-page{margin-top:35px;background:#0f1012;border:1px solid #3c3428;padding:28px;max-width:760px;color:#98938b;line-height:1.8}.phase-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;min-height:18px}.back-link,.next-phase-link{display:inline-flex;align-items:center;color:#b89960;font-size:12px;text-transform:uppercase;letter-spacing:.13em;transition:.18s}.back-link{margin-bottom:0}.back-link:hover,.next-phase-link:hover{color:#e3c581}.next-phase-link{margin-left:auto;text-align:right}
footer{text-align:center;border-top:1px solid #2d281f;padding:35px;color:#5f5a51;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
@media(max-width:900px){.site-header{padding:0 20px}.brand-copy{display:none}nav{gap:15px}nav>a:not(.discord-link),.nav-drop>button{font-size:11px}.phase-grid,.card-grid{grid-template-columns:1fr}}
@media(max-width:720px){.site-header{height:68px}.brand-copy{display:flex}.brand strong{font-size:13px}.brand small{display:none}nav>a:not(.discord-link){display:none}.nav-drop{margin-left:auto}.dropdown-menu{right:0;left:auto;top:60px}.discord-link{font-size:0!important;padding:9px!important}.discord-link svg{width:22px;height:22px}.hero{min-height:calc(100vh - 68px)}.hero-logo{width:min(230px,65vw)}.page-shell{padding:50px 20px 80px}}

/* v7 — homepage/header matched to approved reference */
.site-header{
  height:78px;
  padding:0 3%;
  gap:28px;
  background:#090a0bf7;
  border-bottom:1px solid #9b7538;
}
.brand{gap:14px}.brand img{width:62px;height:62px}.brand-copy{align-items:center}.brand strong{
  font:700 27px Cinzel,serif;letter-spacing:.025em;color:#e8c46f;white-space:nowrap
}.brand small{font:600 10px Cinzel,serif;letter-spacing:.22em;color:#b79555;margin-top:4px}
nav{margin-left:auto;gap:48px}
nav>a,.nav-drop>button{
  font:600 14px Cinzel,serif;letter-spacing:.09em;color:#eee8dd;padding:29px 0;position:relative
}
nav>a:not(.discord-link)::after,.nav-drop>button::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1px;background:#d8ad57;transform:scaleX(0);transition:.18s}
nav>a:hover::after,.nav-drop>button:hover::after,.nav-drop.open>button::after,nav>a[href="index.html"]::after{transform:scaleX(1)}
nav>a:hover,.nav-drop>button:hover,.nav-drop.open>button,nav>a[href="index.html"]{color:#e8c46f}
.discord-link{border:0!important;padding:26px 0!important;border-radius:0;color:#eee8dd!important;font:600 14px Cinzel,serif!important;letter-spacing:.08em}.discord-link svg{width:35px;height:29px}
.dropdown-menu{top:76px;left:-22px}

.hero{
  min-height:calc(100vh - 78px);padding:26px 20px 58px;justify-content:flex-start;
  background:radial-gradient(ellipse at 50% 38%,#34281755 0%,#17130d22 32%,transparent 62%);
}
.hero:before{background:none}
.hero-logo{width:min(355px,38vh);margin:4px 0 0;filter:drop-shadow(0 7px 9px #000) drop-shadow(0 0 18px #d2a64d20)}
.hero h1{font-size:clamp(48px,4.65vw,76px);line-height:1.05;letter-spacing:.035em;margin:0;color:#e9c777;text-shadow:0 3px 18px #000}
.hero-divider{display:flex;align-items:center;justify-content:center;width:min(640px,75vw);margin:10px 0 12px}.hero-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#8c713e)}.hero-divider span:last-child{background:linear-gradient(90deg,#8c713e,transparent)}.hero-divider i{width:15px;height:15px;background:#e6c57d;transform:rotate(45deg);margin:0 14px;box-shadow:0 0 8px #000}
.hero .intro{max-width:900px;font-family:Georgia,'Times New Roman',serif;color:#eee8dc;line-height:1.38;font-size:clamp(18px,1.55vw,24px);letter-spacing:.012em}
.hero-actions{gap:34px;margin-top:24px}.btn{min-width:380px;height:66px;padding:0 46px;border:1px solid #d2a956;background:linear-gradient(90deg,#3c2e12,#21190d);color:#e9ca82;border-radius:0;font:700 16px Cinzel,serif;letter-spacing:.04em;position:relative;justify-content:center}.btn.ghost{background:#0b0c0d;color:#eee8dd}.btn b{position:absolute;right:30px;font:300 34px Georgia,serif;top:50%;transform:translateY(-53%)}.btn svg{width:34px;height:27px;margin-right:8px}.btn:hover{filter:brightness(1.18);box-shadow:inset 0 0 18px #d3a74a16}
.scroll-cue{margin-top:44px;display:flex;flex-direction:column;align-items:center;color:#8e887d}.scroll-line{display:flex;align-items:center;width:255px;margin-bottom:13px}.scroll-line span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#6d675d)}.scroll-line span:last-child{background:linear-gradient(90deg,#6d675d,transparent)}.scroll-line i{width:12px;height:12px;background:#d8c99f;transform:rotate(45deg);margin:0 12px}.scroll-cue small{font:400 12px Cinzel,serif;letter-spacing:.25em}.scroll-cue>b{font:300 34px Arial,sans-serif;line-height:.7;color:#e7d9b3;margin-top:8px}.hero-motto{position:absolute;right:3.2%;bottom:32px;font:600 11px Cinzel,serif;letter-spacing:.27em;color:#987a47}
@media(max-width:1200px){nav{gap:25px}.brand strong{font-size:21px}.brand img{width:52px;height:52px}.btn{min-width:320px}}
@media(max-width:900px){nav{gap:16px}.brand-copy{display:none}.hero-logo{width:min(310px,38vh)}.btn{min-width:280px}.hero-motto{display:none}}
@media(max-width:720px){.site-header{height:68px}.brand img{width:48px;height:48px}.brand-copy{display:none}.hero{min-height:calc(100vh - 68px);padding-top:28px}.hero-logo{width:min(260px,34vh)}.hero h1{font-size:clamp(36px,10vw,52px)}.hero .intro{font-size:17px}.hero-actions{gap:12px;width:100%}.btn{width:min(92vw,390px);min-width:0;height:58px;font-size:13px}.scroll-cue{margin-top:30px}}

/* v8 — match the approved homepage reference more literally */
.site-header{
  height:78px;
  padding:0 48px;
  gap:0;
}
.brand{
  gap:15px;
  flex:0 0 490px;
}
.brand img{
  width:70px;
  height:70px;
}
.brand-copy{
  align-items:center;
}
.brand strong{
  font:700 30px Cinzel,serif;
  letter-spacing:.018em;
  line-height:1;
}
.brand small{
  font:600 10px Cinzel,serif;
  letter-spacing:.235em;
  margin-top:6px;
  color:#b99551;
}
nav{
  margin-left:28px;
  flex:1 1 auto;
  justify-content:space-between;
  gap:24px;
}
nav>a,.nav-drop>button{
  font:600 15px Cinzel,serif;
  letter-spacing:.085em;
  padding:29px 0;
  white-space:nowrap;
}
.discord-link{
  font:600 15px Cinzel,serif!important;
  gap:18px;
}
.discord-link svg{
  width:39px;
  height:31px;
}

.hero{
  min-height:calc(100vh - 78px);
  padding:28px 20px 72px;
  justify-content:flex-start;
}
.hero-logo{
  width:min(360px,39vh);
  margin:0 0 6px;
}
.hero h1{
  font-size:clamp(56px,4.9vw,80px);
  letter-spacing:.018em;
  line-height:1;
  margin:0 0 9px;
}
.hero-divider{
  width:min(585px,70vw);
  margin:0 0 15px;
}
.hero-divider i{
  width:15px;
  height:15px;
  margin:0 14px;
}
.hero .intro{
  max-width:900px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(20px,1.55vw,26px);
  line-height:1.26;
  letter-spacing:.006em;
  color:#f1eadc;
}
.hero-actions{
  gap:34px;
  margin-top:25px;
}
.btn{
  width:380px;
  min-width:380px;
  height:65px;
  padding:0 48px;
  border:1px solid #d8ae58;
  border-radius:0;
  background:linear-gradient(90deg,#4a3815 0%,#33260f 52%,#22190c 100%);
  color:#efd08b;
  font:700 16px Cinzel,serif;
  letter-spacing:.04em;
  box-shadow:inset 0 0 0 1px #6f5426,0 0 0 1px #17130b;
  position:relative;
}
.btn::before,.btn::after{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border-color:#e4bf70;
  pointer-events:none;
}
.btn::before{
  left:5px;
  top:5px;
  border-left:1px solid #e4bf70;
  border-top:1px solid #e4bf70;
}
.btn::after{
  right:5px;
  bottom:5px;
  border-right:1px solid #e4bf70;
  border-bottom:1px solid #e4bf70;
}
.btn.ghost{
  background:#090a0b;
  color:#f0e9db;
  border-color:#b78c45;
  box-shadow:inset 0 0 0 1px #322816,0 0 0 1px #111;
}
.btn b{
  right:31px;
  font-size:32px;
}
.btn svg{
  width:35px;
  height:28px;
  margin-right:10px;
}

/* Homepage intentionally ends after the call-to-action buttons. */
.scroll-cue,.hero-motto{display:none!important}

@media(max-width:1300px){
  .site-header{padding:0 28px}
  .brand{flex-basis:405px}
  .brand strong{font-size:24px}
  .brand img{width:58px;height:58px}
  nav{margin-left:18px;gap:18px}
  nav>a,.nav-drop>button,.discord-link{font-size:13px!important}
}
@media(max-width:1000px){
  .brand{flex-basis:auto}
  nav{margin-left:auto;justify-content:flex-end;gap:18px}
}
@media(max-width:720px){
  .site-header{padding:0 18px}
  .hero{padding-top:24px}
  .hero-logo{width:min(265px,34vh)}
  .hero h1{font-size:clamp(38px,10vw,54px)}
  .hero .intro{font-size:17px;line-height:1.4}
  .hero-actions{gap:14px}
  .btn{width:min(92vw,380px);min-width:0;height:60px;font-size:13px}
}

/* v9 — tighten desktop header spacing to match reference */
@media(min-width:1201px){
  .site-header{padding:0 48px;}
  .brand{flex:0 0 445px;}
  nav{margin-left:0;justify-content:flex-start;gap:0;}
  nav>a,.nav-drop{margin-right:58px;}
  nav .discord-link{margin-left:auto;margin-right:0;}
}

/* v10 — desktop header position tuned to the approved reference */
@media(min-width:1201px){
  .site-header{
    padding:0 47px;
    display:flex;
    align-items:center;
  }
  .brand{
    flex:0 0 475px;
  }
  nav{
    margin-left:42px;
    flex:1 1 auto;
    justify-content:flex-start;
    gap:0;
  }
  nav>a,.nav-drop{
    margin-right:62px;
  }
  nav .discord-link{
    margin-left:auto;
    margin-right:0;
  }
}

/* v11 — match requested desktop nav landmarks and available-guide highlight */
.dropdown-menu a[href="uwu.html"]{
  color:#e7bd63;
}
.dropdown-menu a[href="uwu.html"] small{
  color:#e7bd63;
}
@media(min-width:1201px){
  .site-header .brand{flex-basis:475px;}
  .site-header nav{margin-left:42px;}
  .site-header nav>a:not(.discord-link),
  .site-header nav>.nav-drop{
    margin-right:124px;
  }
  .site-header nav>.discord-link{
    margin-left:auto;
    margin-right:0;
  }
}

/* v12 — force the available UWU guide label gold inside the dropdown */
.dropdown-menu a[href="uwu.html"] > span,
.dropdown-menu a[href="uwu.html"] > small {
  color:#e7bd63 !important;
  opacity:1 !important;
}

/* v13 — slightly tighter desktop nav; keep Home breathing room and UWU gold fix */
@media(min-width:1201px){
  .site-header .brand{flex-basis:475px;}
  .site-header nav{margin-left:42px;}
  .site-header nav>a:not(.discord-link),
  .site-header nav>.nav-drop{margin-right:92px;}
  .site-header nav>.discord-link{margin-left:auto;margin-right:0;}
}
.dropdown-menu a[href="uwu.html"],
.dropdown-menu a[href="uwu.html"] > span,
.dropdown-menu a[href="uwu.html"] > small{
  color:#e7bd63 !important;
  opacity:1 !important;
}

/* v14 — give the brand more breathing room; tighten the nav group itself */
@media(min-width:1201px){
  .site-header .brand{flex:0 0 auto;}
  .site-header nav{margin-left:105px;flex:1 1 auto;justify-content:flex-start;gap:0;}
  .site-header nav>a:not(.discord-link),
  .site-header nav>.nav-drop{margin-right:58px;}
  .site-header nav>.discord-link{margin-left:auto;margin-right:0;}
}

/* v15 — keep v14 item spacing exactly, shift the whole center nav group right */
@media (min-width:1401px){
  .site-header nav{margin-left:327px;}
}

/* v16 — make the active/available UWU entry visibly gold with a soft glow */
.dropdown-menu a[href="uwu.html"],
.dropdown-menu a[href="uwu.html"] > span,
.dropdown-menu a[href="uwu.html"] > small{
  color:#f0c96f !important;
  opacity:1 !important;
  text-shadow:0 0 7px rgba(240,201,111,.42),0 0 14px rgba(240,201,111,.18) !important;
}
.dropdown-menu a[href="uwu.html"]{
  background:linear-gradient(90deg,rgba(231,189,99,.08),rgba(231,189,99,.02));
  border-left:2px solid rgba(231,189,99,.78);
}
.dropdown-menu a[href="uwu.html"]:hover,
.dropdown-menu a[href="uwu.html"]:hover > span,
.dropdown-menu a[href="uwu.html"]:hover > small{
  color:#ffe09a !important;
  text-shadow:0 0 8px rgba(255,224,154,.65),0 0 18px rgba(255,224,154,.3) !important;
}

/* v17 — desktop nav landmarks: Home begins at ~36.1vw, About ends at ~78.1vw */
@media (min-width:1401px){
  .site-header{position:relative;}
  .site-header nav{
    position:absolute;
    left:36.1vw;
    right:47px;
    margin-left:0 !important;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:0;
  }
  .site-header nav>a:not(.discord-link),
  .site-header nav>.nav-drop{
    margin-right:4.25vw;
  }
  .site-header nav>.discord-link{
    margin-left:auto;
    margin-right:0;
  }
}


/* v19 — explicit available guide styling; based on v17 header layout */
.dropdown-menu a.available-guide,
.dropdown-menu a.available-guide > span,
.dropdown-menu a.available-guide > small {
  color:#f1c86f !important;
  opacity:1 !important;
  text-shadow:0 0 5px rgba(241,200,111,.48), 0 0 12px rgba(241,200,111,.20) !important;
}
.dropdown-menu a.available-guide > span {
  color:#f1c86f !important;
}
.dropdown-menu a.available-guide > small {
  color:#f1c86f !important;
}
.dropdown-menu a.available-guide {
  border-left:2px solid #c99b42;
  background:linear-gradient(90deg, rgba(201,155,66,.10), rgba(201,155,66,0));
}
.dropdown-menu a.available-guide:hover,
.dropdown-menu a.available-guide:hover > span,
.dropdown-menu a.available-guide:hover > small {
  color:#ffe3a0 !important;
  text-shadow:0 0 7px rgba(255,227,160,.62), 0 0 16px rgba(255,227,160,.26) !important;
}


/* v20 — phase-level Overall Mechanics tab */
.role-tabs .overall-tab{
  border-color:#8e713f;
  color:#d9bd7f;
  margin-right:10px;
  position:relative;
}
.role-tabs .overall-tab::after{
  content:"";
  position:absolute;
  right:-11px;
  top:7px;
  bottom:7px;
  width:1px;
  background:#453923;
}
.role-tabs .overall-tab.active{
  background:#2a2111;
  border-color:#d0a654;
  color:#f0d18d;
}
@media(max-width:720px){
  .role-tabs .overall-tab{margin-right:0;}
  .role-tabs .overall-tab::after{display:none;}
}


/* v21 — CMS-driven content + locked Ultimate/phase cards */
.ultimate-card,.phase-card{position:relative;overflow:hidden}
.ultimate-card.locked,.phase-card.locked{opacity:.56;pointer-events:none;border-color:#383838;background:linear-gradient(145deg,#111214,#0b0c0e)}
.ultimate-card.locked h3,.phase-card.locked h3{color:#8d8a83}
.ultimate-card.locked .status,.phase-card.locked .status{color:#77736c}
.card-lock{position:absolute;top:16px;right:18px;font-size:15px;opacity:.75;filter:grayscale(1)}
.card-lock.open{color:#d3ad63;filter:none;font-size:11px}
.dropdown-menu .locked-guide{cursor:not-allowed;opacity:.48}
.dropdown-menu .locked-guide>span{color:#8a8781!important}
.dropdown-menu .locked-guide>small{color:#68655f!important}
.cms-markdown p,.cms-markdown li{color:#c0bab0;line-height:1.82}
.cms-markdown h2,.cms-markdown h3{font-family:Cinzel,serif;color:#ddc085;margin-top:25px}
.cms-markdown a,.guide-content a{color:#d5ad64;text-decoration:underline;text-underline-offset:3px}
.guide-content ol,.cms-markdown ol{padding-left:22px}
.guide-content hr,.cms-markdown hr{border:0;border-top:1px solid #4b3c27;margin:28px 0}

/* v28 — full-screen homepage sections, animated progression, slideshow, mobile navigation */
.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid #5b482a;background:#0d0e10;border-radius:4px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:0}
.menu-toggle span{display:block;width:20px;height:2px;background:#dfc27f;transition:transform .2s ease,opacity .2s ease}
.site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}
.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.home-page{--home-ui-scale:1;overflow:hidden;background:radial-gradient(circle at 50% 0,#2b211455,transparent 35%),var(--bg)}
.home-scroll{height:calc(100dvh - 78px);overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;position:relative}
.home-section{min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;padding:70px 24px 82px;overflow:hidden}
.home-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#6d4e1c16,transparent 48%);pointer-events:none}
.home-section-inner{position:relative;width:min(1120px,100%);margin:auto;opacity:.12;transform:translateY(54px) scale(var(--home-ui-scale));transform-origin:center center;transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}
.home-section.is-active .home-section-inner{opacity:1;transform:translateY(0) scale(var(--home-ui-scale))}
.hero{min-height:100%;padding:52px 20px 88px}
.hero-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hero-logo{width:min(250px,31vh);margin-bottom:12px}
.hero h1{font-size:clamp(42px,5.7vw,70px);margin:5px 0 11px}
.hero .intro{max-width:820px;line-height:1.55}
.hero-actions{margin-top:28px}
.scroll-explore{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;background:none;border:0;color:#9f8a62;text-transform:uppercase;letter-spacing:.2em;font:700 10px Inter,sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 16px}
.scroll-explore:hover{color:#e4c681}
.scroll-explore i{display:block;width:9px;height:9px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);animation:btaScrollHint 1.8s ease-in-out infinite}
@keyframes btaScrollHint{0%,100%{transform:translateY(0) rotate(45deg);opacity:.45}50%{transform:translateY(7px) rotate(45deg);opacity:1}}

.progression-inner{text-align:center;max-width:900px}
.section-kicker{margin:0 0 12px;color:#b99859;font-size:11px;letter-spacing:.28em;font-weight:700;text-transform:uppercase}
.progression-inner>h2,.showcase-copy h2{font:700 clamp(34px,5vw,55px) Cinzel,serif;color:#e5c783;margin:0 0 34px;letter-spacing:.04em}
.progress-card{background:linear-gradient(145deg,#111214e8,#0b0c0ee8);border:1px solid #5d4828;box-shadow:0 22px 70px #0008,inset 0 1px #b0873d18;padding:38px 44px;max-width:820px;margin:0 auto;position:relative}
.progress-card::before,.progress-card::after{content:"";position:absolute;width:18px;height:18px;border-color:#b18845;opacity:.7}
.progress-card::before{left:8px;top:8px;border-left:1px solid;border-top:1px solid}.progress-card::after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}
.progress-ultimate{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:23px;border-bottom:1px solid #3d3322;text-align:left}
.progress-ultimate span{font:700 clamp(20px,3vw,30px) Cinzel,serif;color:#e4d6b6}.progress-ultimate strong{font:700 clamp(22px,3vw,34px) Cinzel,serif;color:#d7ad5e;letter-spacing:.1em}
.phase-indicator{padding:34px 0 28px;display:flex;flex-direction:column;gap:7px}.phase-indicator small{font-size:10px;text-transform:uppercase;letter-spacing:.25em;color:#8f846f}.phase-indicator span{font:700 clamp(36px,6vw,62px) Cinzel,serif;color:#f0cb78;text-shadow:0 0 26px #d3a24a2b;letter-spacing:.05em}
.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;color:#aca397;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.progress-meta strong{font:700 16px Cinzel,serif;color:#e2be70}
.progress-track{height:15px;background:#08090a;border:1px solid #463821;padding:2px;overflow:hidden;box-shadow:inset 0 2px 7px #000b}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#79571f,#d7a64e 62%,#f0d187);box-shadow:0 0 18px #d3a44f55;transition:width 1.9s cubic-bezier(.16,1,.3,1)}

.showcase-inner{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(480px,1.28fr);gap:58px;align-items:center}
.showcase-copy{text-align:left}.showcase-copy h2{margin-bottom:18px}.showcase-copy>p:last-child{color:#c3bcb0;line-height:1.8;font-size:16px;margin:0;max-width:500px}
.showcase-carousel{position:relative;min-height:430px;border:1px solid #5d492a;background:#0c0d0f;box-shadow:0 24px 70px #0009;overflow:hidden}
.slides{height:430px;position:relative}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .8s ease,transform 1s ease;pointer-events:none}.slide.active{opacity:1;transform:scale(1);pointer-events:auto}.slide img{width:100%;height:100%;object-fit:cover;display:block}.placeholder-slide img{object-fit:contain;padding:75px;background:radial-gradient(circle,#2b2114aa,#0b0c0e 64%)}
.slide-caption{position:absolute;left:0;right:0;bottom:0;padding:38px 24px 18px;background:linear-gradient(transparent,#050607e8);font:600 12px Inter,sans-serif;letter-spacing:.08em;color:#e1d3b6;text-transform:uppercase}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:48px;background:#08090ac7;border:1px solid #775d34;color:#e3c27c;font-size:29px;cursor:pointer;transition:.2s}.carousel-arrow:hover{background:#1c160d}.carousel-arrow.prev{left:14px}.carousel-arrow.next{right:14px}
.carousel-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:5;display:flex;gap:8px}.carousel-dots button{width:7px;height:7px;border-radius:50%;padding:0;border:1px solid #d4b468;background:#151515;cursor:pointer}.carousel-dots button.active{background:#d4b468}
.showcase-section footer{position:absolute;left:0;right:0;bottom:0;margin:0}


/* High-resolution desktop scaling — keeps the 1080p visual proportions on 1440p/4K displays. */
@media (min-width:2200px) and (min-height:1200px){
  .home-page{--home-ui-scale:1.16}
  .site-header{height:88px;padding-left:clamp(26px,2.2vw,54px);padding-right:clamp(26px,2.2vw,54px)}
  .home-scroll{height:calc(100dvh - 88px)}
  .brand img{width:55px;height:55px}
  .brand strong{font-size:17px}.brand small{font-size:9px}
  nav{gap:clamp(24px,1.7vw,38px)}nav>a,.nav-drop>button{font-size:13px}
  .home-section{padding-left:48px;padding-right:48px}
}
@media (min-width:3200px) and (min-height:1700px){
  .home-page{--home-ui-scale:1.28}
  .site-header{height:96px}
  .home-scroll{height:calc(100dvh - 96px)}
}

@media (prefers-reduced-motion:reduce){.home-scroll{scroll-behavior:auto}.home-section-inner,.progress-fill,.slide{transition:none}.scroll-explore i{animation:none}}

@media(max-width:900px){
  .site-header{height:64px;padding:0 16px!important;position:relative!important;display:flex}.brand{flex:0 1 auto!important;min-width:0}.brand img{width:39px;height:39px}.brand-copy{min-width:0}.brand strong{font-size:13px;white-space:nowrap}.brand small{font-size:7px;letter-spacing:.16em;margin-top:4px}
  .menu-toggle{display:flex}
  .site-header nav{display:none!important;position:absolute!important;top:63px!important;left:0!important;right:0!important;margin:0!important;height:auto!important;background:#0a0b0cf7;border-bottom:1px solid #6c542d88;padding:8px 16px 16px;flex-direction:column;align-items:stretch;gap:0!important;box-shadow:0 18px 35px #000b;z-index:200}
  .site-header.menu-open nav{display:flex!important}
  .site-header nav>a:not(.discord-link),.site-header nav>.nav-drop{margin:0!important;width:100%}.site-header nav>a,.site-header .nav-drop>button{width:100%;padding:14px 10px;text-align:left;justify-content:space-between;font-size:12px!important}.site-header .discord-link{margin:5px 0 0!important;width:100%;justify-content:center;padding:12px!important}
  .nav-drop{height:auto;display:block}.dropdown-menu{position:static;width:100%;margin:0;background:#0e0f11;border:0;border-left:1px solid #594528;box-shadow:none;padding:0 0 0 7px;opacity:1;visibility:visible;transform:none;display:none;pointer-events:auto}.nav-drop.open .dropdown-menu{display:block}.dropdown-menu a,.dropdown-menu span{padding:10px 12px;font-size:12px}
  .home-scroll{height:calc(100dvh - 64px);scroll-snap-type:y proximity}.home-section{min-height:100%;padding:48px 18px 74px}.hero{padding:30px 18px 80px}.hero-logo{width:min(205px,28vh)}.hero h1{font-size:clamp(33px,10vw,47px);letter-spacing:.045em}.hero .intro{font-size:15px;line-height:1.55;max-width:580px}.hero-actions{width:100%;gap:10px;margin-top:24px}.hero-actions .btn{width:min(100%,360px);height:auto;min-height:52px}
  .progression-inner>h2,.showcase-copy h2{font-size:clamp(30px,8vw,43px)}.progress-card{padding:27px 20px}.progress-ultimate{align-items:flex-start;flex-direction:column;gap:8px;text-align:center}.progress-ultimate span,.progress-ultimate strong{width:100%}.phase-indicator{padding:27px 0 23px}.phase-indicator span{font-size:clamp(34px,11vw,52px)}
  .showcase-inner{grid-template-columns:1fr;gap:27px;max-width:700px}.showcase-copy{text-align:center}.showcase-copy>p:last-child{margin:0 auto}.showcase-carousel,.slides{height:min(47vh,410px);min-height:300px}.showcase-carousel{min-height:300px}
  .page-shell{padding:46px 18px 80px}.phase-grid,.card-grid{grid-template-columns:1fr}.role-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.role-tabs button{padding:11px 8px}.role-tabs .overall-tab{grid-column:1/-1}.guide-panel{max-width:100%}.guide-content h2{font-size:22px}.guide-content h3{font-size:18px}.guide-content p,.guide-content li{font-size:15px;line-height:1.7}.phase-nav{gap:16px}.back-link,.next-phase-link{font-size:10px;letter-spacing:.09em}
}

@media(max-width:520px){
  .brand strong{font-size:12px}.brand small{font-size:6.5px}.site-header{padding:0 12px!important}.menu-toggle{width:39px;height:39px}
  .home-section{padding-left:14px;padding-right:14px}.hero-logo{width:min(185px,25vh)}.hero h1{font-size:clamp(31px,10vw,42px)}.hero .intro{font-size:14px}.btn{font-size:11px;letter-spacing:.07em}.scroll-explore{bottom:15px;font-size:9px}
  .progress-card{padding:24px 15px}.progress-meta{font-size:10px;letter-spacing:.07em}.progress-meta strong{font-size:14px}.progress-track{height:13px}.showcase-copy>p:last-child{font-size:14px;line-height:1.65}.showcase-carousel,.slides{height:34vh;min-height:245px}.showcase-carousel{min-height:245px}.placeholder-slide img{padding:55px}.carousel-arrow{width:36px;height:42px;font-size:25px}.showcase-section footer{font-size:8px;padding:12px}
  .page-title{font-size:clamp(30px,10vw,42px)}.page-shell{padding-left:14px;padding-right:14px}.phase-card,.info-card{padding:20px}.guide-content blockquote,.warning{padding:14px 15px;margin:18px 0}
}

/* v30 — mobile menu: restore all primary navigation links hidden by legacy <=720px rules */
@media(max-width:900px){
  .site-header nav > a:not(.discord-link){display:flex!important;}
}


/* v33 — About scroll-snap leadership page */
.about-page{--home-ui-scale:1;background:#070809;overflow:hidden}
.about-scroll{height:calc(100dvh - 78px);overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;position:relative}
.about-section{min-height:100%;}
.about-intro-inner{text-align:center;max-width:900px}
.about-intro-inner .page-title{margin-bottom:24px}
.about-copy{max-width:820px;margin:0 auto;color:#c7c0b5;font-size:17px;line-height:1.85}
.about-copy p{margin:0}
.leadership-inner{max-width:1060px!important}
.leadership-heading{text-align:center;margin:0 auto 34px;max-width:760px}
.leadership-heading h2{font:700 clamp(34px,5vw,55px) Cinzel,serif;color:#e5c783;margin:0 0 12px;letter-spacing:.04em}
.leadership-heading>p:last-child{color:#aaa194;line-height:1.7;margin:0 auto}
.leadership-list{display:flex;flex-direction:column;gap:16px}
.leader-panel{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:32px;min-height:180px;padding:22px 34px;background:linear-gradient(145deg,#111214ed,#0a0b0ded);border:1px solid #584526;box-shadow:0 16px 45px #0007,inset 0 1px #ba93451a;position:relative;overflow:hidden}
.leader-panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(transparent,#cfaa61,transparent);opacity:.8}
.leader-portrait-wrap{display:flex;align-items:center;justify-content:center}
.leader-portrait{width:130px;height:130px;border-radius:50%;object-fit:cover;border:2px solid #b68e48;box-shadow:0 0 0 5px #17130d,0 0 24px #c5994935;display:block;background:#0b0c0e}
.leader-portrait-placeholder{display:flex;align-items:center;justify-content:center;font:700 42px Cinzel,serif;color:#d6b46d;background:radial-gradient(circle,#2c2112,#0b0c0e 70%)}
.leader-copy{text-align:left}
.leader-copy h3{font:700 clamp(23px,3vw,31px) Cinzel,serif;color:#e5c783;margin:0 0 5px;letter-spacing:.035em}
.leader-rank{margin:0 0 14px;color:#b7985e;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.leader-bio{margin:0;color:#bbb3a7;line-height:1.7;font-size:14px;max-width:720px}
.leadership-empty{text-align:center;border:1px dashed #5b4829;padding:34px;color:#887e6e;background:#0b0c0dc9}
.about-section footer{position:absolute;left:0;right:0;bottom:0;margin:0}

/* v33 — square resources library */
.resources-shell{max-width:1440px}
.resources-head{max-width:850px;margin-left:auto;margin-right:auto;text-align:center}
.resources-intro{color:#aaa296;line-height:1.75;margin-top:16px}
.resources-intro p{margin:0}
.resources-library{margin-top:35px}
.resource-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:0 auto 28px;max-width:1100px}
.resource-filters button{border:1px solid #4d3d24;background:#0b0c0e;color:#9c9282;padding:9px 14px;font:700 10px Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:.2s}
.resource-filters button:hover,.resource-filters button.active{color:#e2c57f;border-color:#a78143;background:#17130d;box-shadow:0 0 16px #b88e4030}
.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.resource-card{aspect-ratio:1/1;background:linear-gradient(145deg,#111214,#0a0b0d);border:1px solid #493a23;box-shadow:0 15px 38px #0006;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.resource-card:hover{transform:translateY(-5px);border-color:#97733d;box-shadow:0 20px 48px #0009,0 0 22px #9d743124}
.resource-preview{display:block;height:43%;min-height:0;position:relative;overflow:hidden;background:#0b0c0e;border-bottom:1px solid #493a23}
.resource-preview img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease,filter .3s ease;filter:saturate(.82) brightness(.78)}
.resource-card:hover .resource-preview img{transform:scale(1.035);filter:saturate(1) brightness(.92)}
.resource-preview img.is-fallback{object-fit:contain;padding:42px;background:radial-gradient(circle,#2a2115,#090a0c 68%)}
.resource-site-host{position:absolute;left:10px;bottom:9px;background:#050607d9;border:1px solid #5c4829;color:#cbb98f;padding:4px 7px;font:600 8px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-card-copy{height:57%;padding:16px 17px 14px;display:flex;flex-direction:column;min-height:0}
.resource-category{color:#aa884f;font:700 8px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:7px}
.resource-card h2{font:700 clamp(15px,1.35vw,19px) Cinzel,serif;line-height:1.2;margin:0 0 7px;color:#e0c47e}
.resource-card h2 a{color:inherit;text-decoration:none}
.resource-card-copy>p{font-size:11.5px;line-height:1.48;color:#a9a195;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.resource-card-actions{margin-top:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:10px}
.resource-card-actions a{font:700 9px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#d7b66d;border-bottom:1px solid #826431;padding-bottom:3px}
.resource-card-actions a.secondary{color:#a9a092;border-bottom-color:#534b3d}
.resources-empty{grid-column:1/-1;text-align:center;padding:45px;border:1px dashed #554329;color:#8e8577}

@media(min-width:2200px){.resources-shell{max-width:1660px}.resource-grid{gap:24px}.resource-card-copy>p{font-size:13px}.leader-panel{grid-template-columns:175px 1fr;min-height:205px}.leader-portrait{width:150px;height:150px}}
@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .about-scroll{height:calc(100dvh - 64px);scroll-snap-type:y proximity}
  .about-section{padding-top:45px;padding-bottom:72px}
  .about-copy{font-size:15px;line-height:1.7}
  .leadership-heading{margin-bottom:24px}
  .leader-panel{grid-template-columns:120px 1fr;gap:22px;padding:20px 22px;min-height:155px}
  .leader-portrait{width:106px;height:106px}
  .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .resource-card{aspect-ratio:auto;min-height:360px}
  .resource-preview{height:155px;flex:0 0 155px}.resource-card-copy{height:auto;flex:1}
}
@media(max-width:560px){
  .leadership-section{align-items:flex-start;overflow:visible}.leadership-inner{margin-top:0}
  .leader-panel{display:flex;flex-direction:column;text-align:center;gap:14px;padding:22px 18px}
  .leader-portrait{width:112px;height:112px}.leader-copy{text-align:center}.leader-rank{margin-bottom:10px}.leader-bio{font-size:13px;line-height:1.6}
  .resource-grid{grid-template-columns:1fr;max-width:390px;margin:0 auto}.resource-card{min-height:390px}.resource-preview{height:175px;flex-basis:175px}.resource-card h2{font-size:19px}.resource-card-copy>p{font-size:13px;-webkit-line-clamp:3}.resource-filters{gap:7px}.resource-filters button{padding:8px 10px;font-size:9px}
}

/* v42 — subtle ambient falling ash on public-facing pages only */

.ambient-ash-page{position:relative;isolation:isolate}
.ambient-ash-page .site-header{z-index:100}
.ambient-ash-page main,.ambient-ash-page footer{position:relative;z-index:1}
.ash-field{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none}
.ash-field::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 26%,rgba(165,116,42,.10) 0%,rgba(113,75,25,.045) 28%,transparent 62%);pointer-events:none}
.ash-particle{--x:50;--size:2px;--dur:20s;--delay:-8s;--drift:40px;--alpha:.2;--blur:0px;position:absolute;left:calc(var(--x)*1%);top:-7vh;width:var(--size);height:var(--size);border-radius:50%;background:rgba(216,211,201,var(--alpha));filter:blur(var(--blur));box-shadow:0 0 5px rgba(235,224,202,.08);animation:ash-fall var(--dur) linear var(--delay) infinite;will-change:transform,opacity}
.ash-particle.ember{background:rgba(214,166,76,var(--alpha));box-shadow:0 0 8px rgba(211,157,62,.2)}
@keyframes ash-fall{
  0%{transform:translate3d(0,-8vh,0) rotate(0deg);opacity:0}
  8%{opacity:1}
  45%{transform:translate3d(calc(var(--drift)*.45),48vh,0) rotate(135deg)}
  78%{opacity:.85}
  100%{transform:translate3d(var(--drift),112vh,0) rotate(300deg);opacity:0}
}
@media(max-width:900px){.ash-particle:nth-child(n+35){display:none}}
@media(prefers-reduced-motion:reduce){.ash-particle{display:none}.ash-field::before{opacity:.7}}