:root {
  --forest: #0b1712;
  --forest-2: #13251d;
  --forest-3: #1c3328;
  --emerald: #247351;
  --jade: #56a67b;
  --gold: #b99556;
  --gold-light: #d4bc85;
  --parchment: #e8ddc4;
  --paper: #f4eedf;
  --ink: #20251f;
  --muted: #9b998a;
  --serif: "Cinzel", Georgia, serif;
  --sans: "Inter", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); }
a { color: inherit; text-decoration: none; }
.announcement { min-height: 32px; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 6px 12px; background: #08100c; color: #d8c89e; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #72bd78; box-shadow: 0 0 9px #72bd78; }
.announcement-separator { color: var(--gold); font-size: 7px; }
.site-header { height: 84px; padding: 0 max(5vw, calc((100vw - 1220px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 30px; background: #101a14; color: var(--parchment); border-bottom: 1px solid rgba(185,149,86,.25); position: relative; z-index: 2; }
.brand { display: flex; width: 164px; height: 70px; align-items: center; overflow: hidden; }
.brand img { display: block; width: 100%; height: auto; }
.main-nav { display: flex; gap: clamp(18px, 3vw, 42px); align-items: center; font-size: 11px; color: #d2cbb7; letter-spacing: .07em; text-transform: uppercase; }
.main-nav a, .footer-links a { transition: color .2s ease; }
.main-nav a:hover, .footer-links a:hover { color: var(--gold-light); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 14px; padding: 15px 21px; border: 1px solid #d4b36c; background: linear-gradient(135deg, #d7bb77, #a87c3e); color: #182019; font-family: var(--serif); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; box-shadow: 0 8px 24px rgba(0,0,0,.18); transition: transform .2s, filter .2s; }
.button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.button-small { padding: 11px 15px; font-size: 9px; }
.hero { position: relative; overflow: hidden; min-height: 590px; background: radial-gradient(ellipse at 74% 36%, #234837 0, #142a20 29%, #0b1712 68%); color: var(--parchment); }
.hero-texture { position: absolute; inset: 0; opacity: .13; background-image: radial-gradient(circle at 17% 18%, transparent 0 65px, rgba(212,188,133,.28) 66px 67px, transparent 68px), radial-gradient(circle at 17% 18%, transparent 0 90px, rgba(212,188,133,.18) 91px 92px, transparent 93px), linear-gradient(115deg, transparent 0 49.8%, rgba(212,188,133,.18) 50%, transparent 50.2%); background-size: 100% 100%; pointer-events: none; }
.hero-inner { position: relative; z-index: 1; width: min(1160px, 90%); min-height: 554px; margin: auto; display: grid; grid-template-columns: 1fr .95fr; align-items: center; gap: 5%; padding: 54px 0 70px; }
.eyebrow { display: flex; align-items: center; gap: 11px; margin: 0 0 18px; color: var(--gold-light); font-size: 9px; letter-spacing: .2em; font-weight: 600; text-transform: uppercase; }
.eyebrow-line { display: inline-block; width: 26px; height: 1px; background: var(--gold); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: var(--serif); font-weight: 600; letter-spacing: -.035em; }
h1 { max-width: 620px; margin-bottom: 19px; color: #f1e7cf; font-size: clamp(36px, 5vw, 61px); line-height: 1.13; }
h1 em, h2 em { color: var(--gold-light); font-weight: 500; }
.hero-description { max-width: 440px; margin-bottom: 27px; color: #c1c5b8; font-size: 14px; line-height: 1.85; }
.hero-actions { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: #e5d8b8; font-size: 11px; font-weight: 600; letter-spacing: .04em; }
.text-link span, .step-link span { color: var(--gold); font-size: 16px; }
.text-link-dark { color: #435247; }
.hero-meta { display: flex; align-items: center; gap: 16px; margin-top: 40px; color: #aab2a6; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }
.meta-icon { margin-right: 5px; color: var(--gold-light); font-style: normal; }
.meta-divider { width: 1px; height: 16px; background: rgba(212,188,133,.35); }
.hero-art { position: relative; min-height: 0; aspect-ratio: 1014 / 745; overflow: hidden; border: 1px solid rgba(212,188,133,.65); background: #101a14; box-shadow: 0 22px 70px rgba(0,0,0,.35); isolation: isolate; }
.gameplay-image { display: block; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.06) saturate(1.04); }
.art-frame { position: absolute; z-index: 1; inset: 12px; border: 1px solid rgba(212,188,133,.28); pointer-events: none; }
.hero-bottom-rule { position: absolute; bottom: 0; left: 50%; width: min(1160px, 90%); transform: translateX(-50%); height: 1px; background: rgba(212,188,133,.35); text-align: center; }.hero-bottom-rule span { position: relative; top: -8px; padding: 0 12px; color: var(--gold); background: #102019; font-size: 10px; }
.section-wrap { width: min(1080px, 88%); margin: auto; }
.world-section { padding: 102px 0 112px; }
.section-heading h2, .faq-intro h2, .identity-copy h2 { margin-bottom: 22px; color: #26352b; font-size: clamp(31px, 4vw, 46px); line-height: 1.25; }
.section-heading h2 em, .identity-copy h2 em, .faq-intro h2 em { color: #8f7040; }
.world-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 12%; align-items: start; margin-top: 38px; }
.world-copy p { max-width: 410px; margin-bottom: 24px; color: #66685b; font-size: 14px; line-height: 1.95; }
.world-facts { border-top: 1px solid #c6b995; }
.fact-card { display: flex; align-items: center; gap: 19px; min-height: 78px; border-bottom: 1px solid #d6cbb2; }
.fact-mark { width: 34px; color: #9c7d4b; font-family: var(--serif); font-size: 15px; }
.fact-card strong { display: block; color: #29372d; font-family: var(--serif); font-size: 13px; font-weight: 600; }.fact-card small { display: block; margin-top: 6px; color: #77786b; font-size: 11px; }
.journey-section { position: relative; overflow: hidden; padding: 92px 0 100px; background: radial-gradient(circle at 50% 0, #234433, #101c16 60%); color: var(--parchment); }
.journey-section::before { content: ""; position: absolute; inset: 0; opacity: .11; background-image: linear-gradient(30deg, transparent 47%, #d4bc85 48%, transparent 49%), linear-gradient(150deg, transparent 47%, #d4bc85 48%, transparent 49%); background-size: 80px 80px; mask-image: linear-gradient(90deg, transparent, black, transparent); }
.journey-wrap { position: relative; z-index: 1; }.section-heading-light h2 { color: #f0e6ce; }.section-heading-light h2 em { color: var(--gold-light); }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 43px; }
.step-card { position: relative; min-height: 252px; padding: 28px 25px 23px; border: 1px solid rgba(212,188,133,.25); background: linear-gradient(150deg, rgba(45,67,51,.78), rgba(19,32,24,.85)); }
.step-number { position: absolute; top: 20px; right: 22px; color: rgba(212,188,133,.55); font-family: var(--serif); font-size: 13px; }
.step-icon { margin-bottom: 18px; color: var(--gold-light); font-size: 25px; }.step-card h3 { margin-bottom: 11px; color: #eee4ce; font-family: var(--serif); font-size: 15px; font-weight: 600; }.step-card p { min-height: 48px; margin-bottom: 17px; color: #b9c0b5; font-size: 11px; line-height: 1.75; }.step-link { color: #e0d2b1; font-size: 10px; font-weight: 600; }.step-link span { margin-left: 6px; }.step-link-disabled { color: #a6aa9d; cursor: not-allowed; }
.identity-section { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; align-items: center; padding: 104px 0; }
.identity-art { position: relative; display: grid; min-height: 295px; place-items: center; background: radial-gradient(circle at center, #d7c79e, #e7dcc2 60%, transparent 61%); }
.identity-art::before { content: ""; position: absolute; width: 235px; height: 235px; border: 1px solid #b5a57f; transform: rotate(45deg); }.identity-art::after { content: ""; position: absolute; width: 205px; height: 205px; border: 1px solid rgba(181,165,127,.6); transform: rotate(45deg); }
.identity-art img { position: relative; z-index: 1; width: 108%; filter: drop-shadow(0 12px 12px rgba(32,37,31,.15)); }
.seal-caption { position: absolute; z-index: 2; bottom: 9px; color: #7c704f; font-size: 8px; letter-spacing: .22em; }
.identity-copy p:not(.eyebrow) { max-width: 435px; margin: 0 0 22px; color: #696b5f; font-size: 13px; line-height: 1.9; }
.community-section { padding: 91px 0 98px; background: linear-gradient(180deg, #eee5d1, #e1d6bd); border-top: 1px solid #d1c3a4; border-bottom: 1px solid #c7b995; }
.community-wrap { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 8%; }
.community-intro h2 { margin: 0 0 18px; color: #26352b; font-family: var(--serif); font-size: clamp(31px, 4vw, 43px); line-height: 1.27; }
.community-intro h2 em { color: #8f7040; font-weight: 500; }
.community-intro > p:last-child { max-width: 345px; margin: 0; color: #696b5f; font-size: 12px; line-height: 1.9; }
.social-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.social-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 250px; padding: 23px 21px 18px; border: 1px solid #263f30; background: linear-gradient(145deg, #193326, #0d1b14); color: var(--parchment); box-shadow: 0 12px 32px rgba(46,42,32,.13); }
.social-symbol { display: grid; width: 36px; height: 36px; margin-bottom: 18px; place-items: center; border: 1px solid rgba(212,188,133,.45); border-radius: 50%; color: var(--gold-light); font-size: 25px; line-height: 1; }
.discord-symbol { font-size: 19px; }
.social-copy { flex: 1; }.social-copy .news-tag { color: var(--gold-light); }.social-copy h3 { margin: 7px 0; color: #f0e6ce; font-family: var(--serif); font-size: 15px; font-weight: 600; }.social-copy p { margin: 0 0 16px; color: #bac2b7; font-size: 10px; line-height: 1.7; }
.social-button { display: inline-flex; align-items: center; gap: 14px; padding: 10px 12px; border: 1px solid rgba(212,188,133,.45); background: rgba(212,188,133,.1); color: #e6d8b6; font-family: var(--sans); font-size: 9px; font-weight: 600; letter-spacing: .04em; }
.social-button:disabled { cursor: default; opacity: .85; }.social-button span { color: var(--gold-light); font-size: 13px; }
.social-pending { margin-top: 9px; color: #9fa99e; font-size: 8px; }
.news-section { padding: 83px 0 94px; background: #e1d6bd; border-top: 1px solid #d1c3a4; border-bottom: 1px solid #c7b995; }
.news-heading { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-bottom: 31px; }.news-heading .section-heading h2 { margin-bottom: 0; }
.updates-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 18px; align-items: stretch; }
.news-card { display: flex; gap: 25px; align-items: center; padding: 28px 31px; border: 1px solid #c4b48f; background: rgba(246,240,225,.75); box-shadow: 0 10px 30px rgba(46,42,32,.05); }
.news-date { display: flex; align-items: center; gap: 9px; padding-right: 24px; border-right: 1px solid #c7b995; color: #38483b; font-family: var(--serif); }.news-date span { font-size: 33px; }.news-date small { color: #8d7041; font-family: var(--sans); font-size: 8px; line-height: 1.5; letter-spacing: .1em; }
.news-content { flex: 1; }.news-tag { color: #937341; font-size: 8px; font-weight: 700; letter-spacing: .18em; }.news-content h3 { margin: 7px 0; color: #2b3b30; font-family: var(--serif); font-size: 17px; }.news-content p { margin: 0; color: #737367; font-size: 11px; line-height: 1.7; }.news-arrow { color: #9b7d4d; font-size: 20px; }
.event-card { display: flex; flex-direction: column; justify-content: center; min-height: 150px; padding: 24px 27px; border: 1px solid #263f30; background: linear-gradient(145deg, #193326, #0d1b14); color: var(--parchment); box-shadow: 0 10px 30px rgba(46,42,32,.12); }
.event-topline { display: flex; align-items: center; gap: 10px; }.event-icon { color: var(--gold-light); font-size: 18px; }.event-status { margin-left: auto; padding: 5px 8px; border: 1px solid rgba(212,188,133,.35); color: var(--gold-light); font-size: 7px; letter-spacing: .16em; }
.event-card h3 { margin: 15px 0 7px; color: #f0e6ce; font-family: var(--serif); font-size: 17px; font-weight: 600; }.event-card p { max-width: 390px; margin-bottom: 14px; color: #bac2b7; font-size: 10px; line-height: 1.75; }.event-card .step-link { color: #e0d2b1; }
.support-section { position: relative; overflow: hidden; padding: 94px 0 88px; background: radial-gradient(ellipse at 78% 0, #254634, #101c16 55%); color: var(--parchment); }
.support-section::before { content: ""; position: absolute; top: -180px; right: -110px; width: 390px; height: 390px; border: 1px solid rgba(212,188,133,.12); transform: rotate(45deg); box-shadow: 0 0 0 24px rgba(212,188,133,.025), 0 0 0 48px rgba(212,188,133,.02); }
.support-section > .section-wrap { position: relative; z-index: 1; }
.support-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 9%; margin-bottom: 37px; }
.support-heading .section-heading h2 { margin: 0; color: #f0e6ce; font-size: clamp(31px, 4vw, 43px); line-height: 1.3; }
.support-heading .section-heading h2 em { color: var(--gold-light); font-weight: 500; }
.support-heading > p { max-width: 480px; margin: 0 0 5px; color: #bac2b7; font-size: 12px; line-height: 1.9; }
.support-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.support-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 315px; padding: 29px 30px 23px; border: 1px solid rgba(212,188,133,.27); background: linear-gradient(145deg, rgba(39,61,46,.88), rgba(15,29,21,.95)); box-shadow: 0 17px 40px rgba(0,0,0,.18); }
.support-card-featured { border-color: rgba(212,188,133,.59); background: linear-gradient(145deg, rgba(55,71,47,.96), rgba(22,39,27,.98)); }
.support-emblem { display: grid; width: 40px; height: 40px; margin-bottom: 20px; place-items: center; border: 1px solid rgba(212,188,133,.46); border-radius: 50%; color: var(--gold-light); font-size: 19px; }
.support-label { margin-bottom: 8px; color: var(--gold-light); font-size: 8px; font-weight: 700; letter-spacing: .2em; }
.support-card h3 { margin: 0 0 11px; color: #f1e7cf; font-family: var(--serif); font-size: 19px; font-weight: 600; }
.support-card > p { max-width: 470px; flex: 1; margin: 0 0 22px; color: #c1c8bc; font-size: 11px; line-height: 1.85; }
.support-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 21px; min-width: 178px; padding: 12px 14px; border: 1px solid #b99556; background: linear-gradient(135deg, #d7bb77, #a87c3e); color: #182019; font-family: var(--serif); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.support-button:disabled { cursor: default; opacity: .82; }.support-button span { font-size: 14px; }
.support-card > small { margin-top: 11px; color: #a8b1a4; font-size: 8px; }
.support-note { display: flex; justify-content: center; gap: 9px; margin: 22px 0 0; color: #aeb8aa; font-size: 9px; line-height: 1.7; text-align: center; }.support-note span { color: var(--gold-light); }
.faq-section { display: grid; grid-template-columns: .72fr 1.28fr; gap: 11%; padding: 105px 0; }.faq-intro > p:last-child { max-width: 280px; color: #77786b; font-size: 12px; line-height: 1.8; }.faq-list { border-top: 1px solid #c8b995; }.faq-list details { border-bottom: 1px solid #c8b995; }.faq-list summary { display: flex; justify-content: space-between; gap: 20px; padding: 20px 2px; color: #29372d; cursor: pointer; list-style: none; font-family: var(--serif); font-size: 12px; font-weight: 600; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: #9c7d4b; font-family: var(--sans); font-size: 18px; font-weight: 400; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 620px; margin: -4px 0 19px; color: #707267; font-size: 11px; line-height: 1.8; }
.final-cta { position: relative; overflow: hidden; padding: 83px 20px 77px; background: radial-gradient(circle at 50% -20%, #345942, #102018 65%); color: var(--parchment); text-align: center; }.final-cta::before, .final-cta::after { content: ""; position: absolute; top: 50%; width: 260px; height: 260px; border: 1px solid rgba(212,188,133,.16); transform: translateY(-50%) rotate(45deg); }.final-cta::before { left: -130px; }.final-cta::after { right: -130px; }.final-ornament { margin-bottom: 12px; color: var(--gold-light); font-size: 23px; }.final-cta .eyebrow { display: block; margin-bottom: 14px; }.final-cta h2 { margin-bottom: 13px; color: #f0e6ce; font-size: clamp(30px, 4vw, 43px); line-height: 1.32; }.final-cta h2 em { color: var(--gold-light); }.final-cta > p:not(.eyebrow) { margin-bottom: 24px; color: #bec5b9; font-size: 12px; }.button-light { position: relative; z-index: 1; }.prototype-note { display: block; margin-top: 18px; color: #9fa99e; font-size: 9px; }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 26px; padding: 28px max(5vw, calc((100vw - 1220px) / 2)); background: #09110d; color: #a9ae9f; }.footer-logo { width: 100px; height: auto; }.footer-links { display: flex; gap: 22px; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }.site-footer p { margin: 0; font-size: 9px; }.site-footer p span { color: var(--gold); padding: 0 5px; }
@media (max-width: 800px) {
  .site-header { height: 72px; padding: 0 5%; gap: 15px; }.brand { width: 120px; height: 62px; }.main-nav { gap: 14px; font-size: 9px; }.main-nav a:nth-child(3), .main-nav a:nth-child(4), .main-nav a:nth-child(5) { display: none; }.button-small { padding: 10px; font-size: 8px; }
  .hero-inner { grid-template-columns: 1fr; gap: 35px; padding: 57px 0 64px; }.hero-copy { max-width: 590px; }.hero-art { width: 100%; }.hero { min-height: auto; }.world-section { padding: 75px 0; }.world-grid { grid-template-columns: 1fr; gap: 32px; }.steps-grid { gap: 10px; }.step-card { padding: 22px 17px; }.community-wrap { grid-template-columns: 1fr; gap: 33px; }.community-intro > p:last-child { max-width: 550px; }.identity-section { gap: 5%; padding: 75px 0; }.identity-art { min-height: 235px; }.identity-art img { width: 120%; }.faq-section { gap: 6%; padding: 76px 0; }
}
@media (max-width: 560px) {
  .announcement { font-size: 8px; }.site-header { height: 66px; }.brand { width: 95px; }.main-nav { display: none; }.button-small { font-size: 8px; }.hero-inner { width: 88%; padding-top: 45px; }.hero-description { font-size: 13px; }.hero-meta { margin-top: 28px; font-size: 8px; }.hero-art { width: 100%; }.section-wrap { width: 88%; }.section-heading h2, .faq-intro h2, .identity-copy h2 { font-size: 30px; }.steps-grid { grid-template-columns: 1fr; }.step-card { min-height: 205px; }.step-card p { min-height: 0; }.identity-section { grid-template-columns: 1fr; gap: 35px; }.identity-art { max-width: 390px; width: 100%; margin: auto; }.identity-art img { width: 100%; }.community-section { padding: 69px 0 76px; }.social-grid { grid-template-columns: 1fr; }.social-card { min-height: 225px; }.support-section { padding: 70px 0 66px; }.support-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 27px; }.support-heading > p { max-width: 560px; }.support-cards { grid-template-columns: 1fr; }.support-card { min-height: 280px; padding: 24px 21px 20px; }.support-note { align-items: flex-start; text-align: left; }.news-heading { align-items: start; flex-direction: column; }.updates-grid { grid-template-columns: 1fr; }.news-card { align-items: start; gap: 14px; padding: 21px 17px; }.news-date { padding-right: 14px; }.news-date span { font-size: 27px; }.news-content h3 { font-size: 15px; }.news-content p { font-size: 10px; }.news-arrow { display: none; }.event-card { min-height: 180px; padding: 21px 18px; }.faq-section { grid-template-columns: 1fr; gap: 22px; }.final-cta { padding: 65px 20px; }.final-cta::before, .final-cta::after { opacity: .35; }.site-footer { flex-direction: column; padding: 28px 6%; text-align: center; }.footer-links { flex-wrap: wrap; justify-content: center; gap: 14px; }.site-footer p { line-height: 1.6; }
}