/* Shared navigation and closing chapter for the public Elven pages. */
html{scroll-padding-top:88px}
html{scrollbar-color:#73866b #07150f;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#07150f}
::-webkit-scrollbar-thumb{background:#506d53;border:2px solid #07150f;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#baaa75}
.skip-link{position:fixed;z-index:250;left:16px;top:-80px;padding:13px 17px;background:#ead49b;color:#06170e;font-size:13px;font-weight:700;box-shadow:0 10px 25px #0008}
.skip-link:focus{left:16px;top:12px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:84px;padding-inline:clamp(24px,4.5vw,84px);background:linear-gradient(180deg,#03120de9,#041a12c9);backdrop-filter:blur(14px);border-bottom:1px solid #d8c98b2c}
.site-header .brand img{width:148px}
.site-header .main-nav{gap:clamp(22px,2.5vw,43px)}
.site-header .main-nav a{font-size:11px;letter-spacing:.14em;color:#f4f2e5dd}
.site-header .main-nav a[aria-current="page"],.site-header .main-nav a.is-section-current{color:#e8d093}
.main-nav__edition{display:none}
.site-header .header-cta{padding:14px 22px;background:#082016ad;border-color:#d4bd7cbd}
.site-header .header-cta:hover,.site-header .header-cta:focus-visible{background:#d9bd7d;color:#09180e}
.hero-motion-control{position:absolute;z-index:4;top:106px;right:clamp(24px,4.5vw,84px);display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 11px;border:1px solid #d9bd7d82;background:#07190fc9;color:#ebd39c;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.hero-video{opacity:0;transition:opacity .55s ease}
.hero-video.is-ready{opacity:1}
.hero-motion-control[hidden]{display:none}
.hero-motion-control:hover,.hero-motion-control:focus-visible{border-color:#f1dba2;background:#173c28;color:#fff0c6}
.hero-motion-control__icon{display:grid;place-items:center;width:15px;font-size:17px;line-height:1}
.realm-top.is-obscured{opacity:0;pointer-events:none}
body.menu-open .realm-top{opacity:0;pointer-events:none}
.elven-form .form-submit:disabled{opacity:.78;cursor:progress;transform:none}
.auth-panel .form-control{font:400 16px/1.4 'DM Sans',sans-serif}
.auth-panel textarea.form-control{line-height:1.6}
.auth-panel .form-control[aria-invalid="true"]{border-color:#e6a08c}
.auth-panel-copy strong{overflow-wrap:anywhere}
.password-field{position:relative}
.password-field .form-control{padding-right:86px}
.password-field__toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);min-width:64px;min-height:44px;padding:5px 9px;border:0;background:#173326;color:#e5cd91;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.password-field__toggle:hover,.password-field__toggle:focus-visible{background:#2b4d36;color:#fff0bc}
.elven-form .remember-option{min-height:44px;font-size:12px}
.auth-switch{font-size:13px}
.prelaunch-eyebrow{margin:0 0 13px;color:#d9bd7d;font-size:9px;font-weight:700;letter-spacing:.22em}
.prelaunch-opening{display:flex;flex-direction:column;gap:8px;margin:29px 0 26px;padding:21px 23px;border:1px solid #d9bd7d66;background:radial-gradient(circle at 90% 40%,#28523770,transparent 65%),#10251a}
.prelaunch-opening>span,.prelaunch-opening small{color:#d9bd7d;font-size:9px;font-weight:700;letter-spacing:.18em}
.prelaunch-opening time{color:#f0e7d1;font:500 clamp(27px,3vw,35px)/1 Cinzel,Georgia,serif}
.prelaunch-opening time em{font:italic 600 1.17em/1 'Cormorant Garamond',Georgia,serif}
.prelaunch-opening small{color:#c4d0c3;font-size:10px;letter-spacing:.13em}
.prelaunch-actions{display:flex;flex-direction:column;align-items:stretch}
.prelaunch-actions .prelaunch-guide{display:flex;align-items:center;min-height:44px;margin:0;border-bottom:1px solid #d9bd7d3b;color:#d8dece;text-decoration:none;transition:color .2s,padding-left .2s}
.prelaunch-actions .prelaunch-guide:hover,.prelaunch-actions .prelaunch-guide:focus-visible{color:#f1d99f;padding-left:5px}
@media(min-width:1241px){
  .site-header .main-nav a{position:relative}
  .site-header .main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:#e7d094;transition:right .22s ease}
  .site-header .main-nav a:hover::after,.site-header .main-nav a:focus-visible::after,.site-header .main-nav a[aria-current="page"]::after,.site-header .main-nav a.is-section-current::after{right:0}
}
.features-hero{border-bottom:1px solid #d9bd7d61}
.features-hero__inner{position:relative;z-index:1}
.features-hero .kicker{display:flex;align-items:center;gap:13px}
.features-hero .kicker::before{content:"";display:block;width:29px;height:1px;background:#e4c987}
.features-hero h1,.features-cta h2{text-wrap:balance}
.features-hero__inner>p:not(.kicker){max-width:550px}
.download-hero{background:linear-gradient(90deg,#06140ff7 0%,#06140fd9 40%,#06140f59 100%),url('../img/elven/elven-gateway-official.jpg') center 57%/cover}
.support-hero{background:linear-gradient(90deg,#06140ff7 0%,#06140fd9 38%,#06140f4f 100%),url('../img/elven/elven-worldtree-official.jpg') center 48%/cover}
.guide-hub__grid a:nth-child(3)::before{background-image:linear-gradient(0deg,#07150ff5,#07150f9c 42%,#07150f25),url('../img/elven/elven-gateway-official.jpg')}
.features-split__cards article:first-child{background:linear-gradient(180deg,#07150fcc 0%,#07150f15 36%,#07150f0d 52%,#07150fee 100%),url('../img/elven/elven-sanctuary-official.jpg') 65% center/cover}
.features-split__cards article:last-child{background:linear-gradient(180deg,#07150fcc 0%,#07150f15 36%,#07150f0d 52%,#07150fee 100%),url('../img/elven/elven-guardian-official.jpg') 65% center/cover}
.features-split__cards article>span{color:#f4dca0}
.features-split__cards article p{color:#e0e8da}
.features-service-grid article{position:relative;background:radial-gradient(circle at 94% 0%,#36654763,transparent 48%),linear-gradient(145deg,#173b29,#0b1d14);border-color:#d9bd7d59}
.features-service-grid article::after{content:"";position:absolute;inset:9px;border:1px solid #d9bd7d1d;pointer-events:none}
.pvp-panel__art{background:linear-gradient(90deg,#06130cf7 0%,#06130ce8 27%,#06130ca0 55%,#06130c55 100%),url('../img/elven/elven-templar-official.jpg') center 44%/cover}
.launch-roadmap__steps li.is-available{position:relative;transition:background .2s ease}
.launch-roadmap__steps li.is-available:hover,.launch-roadmap__steps li.is-available:focus-within{background:#2b5236e8}
.launch-roadmap__hit{position:absolute;inset:0;z-index:2}
.launch-roadmap__hit:focus-visible{outline:2px solid #f3dda5;outline-offset:-4px}
.feature-row::after{display:none}
.feature-row:hover{padding-left:25px}
.faq-list p a{color:#ead092;text-decoration:underline;text-decoration-color:#ead0929c;text-underline-offset:3px}
.faq-list p a:hover,.faq-list p a:focus-visible{color:#ffe5aa}
.faq-help{max-width:340px;margin-top:76px;padding-top:23px;border-top:1px solid #d9bd7d55}
.faq-help>span{color:#d9c58c;font-size:9px;font-weight:700;letter-spacing:.2em}
.faq-help p{max-width:290px;margin:11px 0 17px;color:#bfcdbf;font:14px/1.65 'DM Sans',sans-serif}
.faq-help a{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#ead092;font-size:10px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid #d9bd7d77}
.faq-help a:hover,.faq-help a:focus-visible{color:#fff0c8;border-color:#fff0c8}
.faq-help a:focus-visible{outline:2px solid #fff0c8;outline-offset:4px}
#consultas .feature-row .text-link{display:inline;margin:0;padding:0;border:0;border-bottom:1px solid currentColor;color:#e8cf95;font-family:inherit;font-size:inherit;font-weight:600;line-height:inherit;letter-spacing:0;text-transform:none;text-underline-offset:3px}
#consultas .feature-row .text-link:hover,#consultas .feature-row .text-link:focus-visible{color:#ffe4aa}
.features-cta .support-signup{margin:19px 0 0;color:#c5d1c4;font-size:13px;line-height:1.5}
.support-signup a{color:#ebd39b;text-decoration:underline;text-underline-offset:4px}
.support-signup a:hover,.support-signup a:focus-visible{color:#fff0c8}
.download-prep{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:620px;border-block:1px solid #d9bd7d52;background:#10291b}
.download-prep__art{position:relative;min-height:620px;background:linear-gradient(180deg,#06160b16 18%,#06160bc9 100%),url('../img/elven/elven-guardian-official.jpg') center/cover}
.download-prep__art::after{content:"";position:absolute;inset:22px;border:1px solid #ead59b7a;pointer-events:none}
.download-prep__art span{position:absolute;z-index:1;left:clamp(40px,6vw,105px);bottom:66px;color:#f0db9e;font-size:10px;font-weight:700;letter-spacing:.25em}
.download-prep__content{align-self:center;width:min(650px,100%);padding:80px clamp(36px,6.5vw,110px)}
.download-prep h2{margin:20px 0 13px;font:500 clamp(42px,4.3vw,65px)/1.1 Cinzel,Georgia,serif;text-wrap:balance}
.download-prep h2 em{display:block;font:italic 600 1.17em/1 'Cormorant Garamond',Georgia,serif}
.download-prep__intro{max-width:490px;color:#c9d5c9;font-size:15px;line-height:1.75}
.download-prep__steps{list-style:none;margin:35px 0 17px;padding:0;border-top:1px solid #d9bd7d75}
.download-prep__steps li{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:start;gap:17px;padding:19px 0;border-bottom:1px solid #d9bd7d56}
.download-prep__steps li>span{color:#dfc688;font:italic 29px/1 'Cormorant Garamond',Georgia,serif}
.download-prep__steps strong{color:#f2eadb;font:500 17px/1.3 Cinzel,Georgia,serif}
.download-prep__steps p{margin:7px 0 0;color:#bccbbd;font-size:12px;line-height:1.55}
.download-prep__steps small{padding-top:4px;color:#d8c58c;font-size:10px;font-weight:700;letter-spacing:.1em;white-space:nowrap}
.site-footer{display:block;padding:0 clamp(24px,5.8vw,100px) 34px;background:linear-gradient(90deg,#050f0af4,#050f0aec),linear-gradient(0deg,#050f0a,transparent 70%),url('../img/elven/elven-city-official.jpg') center 75%/cover}
.site-footer::before{display:none}
.footer-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) auto;align-items:center;gap:clamp(25px,4vw,75px);max-width:1268px;margin:auto;padding:49px 0;border-bottom:1px solid #d9bd7d4e}
.footer-lead__eyebrow,.footer-lead__opening>span,.footer-lead__opening small,.footer-links>div>span{display:block;color:#cdb983;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.footer-lead__eyebrow i{padding:0 8px;font-style:normal}
.footer-lead p{margin:12px 0 0;color:#f1e9d9;font:500 clamp(28px,3vw,42px)/1.1 Cinzel,Georgia,serif;text-wrap:balance}
.footer-lead p em{display:inline-block;color:#e4ca8e;font:italic 600 1.3em/1 'Cormorant Garamond',Georgia,serif}
.footer-lead__opening{display:flex;flex-direction:column;gap:7px;padding-left:23px;border-left:1px solid #d9bd7d55}
.footer-lead__opening time{color:#f3ead7;font:500 27px/1 Cinzel,Georgia,serif;white-space:nowrap}
.footer-lead__opening time em{font:italic 600 30px/1 'Cormorant Garamond',Georgia,serif}
.footer-lead__opening small{color:#bdcbb9;font-size:10px;letter-spacing:.14em}
.footer-lead__action{display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:180px;padding:17px 19px;background:#e6ce91;color:#0b1d12;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s}
.footer-lead__action:hover,.footer-lead__action:focus-visible{background:#f5dfaa;color:#0b1d12;transform:translateY(-3px)}
.footer-main{max-width:1268px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,.8fr);gap:clamp(50px,9vw,160px);align-items:start;margin:auto;padding:57px 0 62px}
.footer-identity{max-width:430px}
.footer-brand img{width:150px}
.footer-main .footer-identity>p{max-width:365px;margin:15px 0 19px;color:#bfccbd;font:400 16px/1.7 'DM Sans',sans-serif}
.footer-main .social-preview{gap:9px;margin-top:20px;font-size:10px}
.footer-main .social-preview span{padding:8px 12px;background:#e2c98f0b;border-color:#d9bd7d5e}
.footer-main .social-preview small{width:100%;padding-top:3px;font-size:10px}
.footer-main .social-preview a{padding:8px 12px;border:1px solid #9da5ff;background:#5865f2;color:#fff;font-size:10px;font-weight:800;letter-spacing:.09em;transition:filter .2s,transform .2s}
.footer-main .social-preview a:hover,.footer-main .social-preview a:focus-visible{filter:brightness(1.18);transform:translateY(-2px);color:#fff}
.footer-main .social-preview a.social-preview__facebook{border-color:#7ab0ff;background:#1877f2}
.footer-main nav.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;max-width:none;justify-content:stretch}
.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.footer-links>div>span{margin-bottom:13px}
.footer-main nav.footer-links a{display:block;padding:5px 0;color:#dce2d5;font-size:11px;line-height:1.5;letter-spacing:.08em;transition:color .2s,transform .2s}
.footer-main nav.footer-links a:hover,.footer-main nav.footer-links a:focus-visible{color:#f1d99f;transform:translateX(3px)}
.footer-bottom{max-width:1268px;margin:auto;padding-top:22px}
.hero-opening .countdown strong{font-variant-numeric:tabular-nums}
@media(min-width:2100px){.hero-layout{width:clamp(660px,30.5vw,780px)}.hero-story{max-width:clamp(630px,29.3vw,750px)}.hero h1{font-size:clamp(90px,4.15vw,106px)}.hero h1 em{font-size:clamp(106px,4.85vw,124px)}.hero-lead{max-width:610px;font-size:clamp(18px,.78vw,20px)}.hero-actions .button-primary{min-width:clamp(245px,10.9vw,280px);min-height:clamp(56px,2.5vw,64px)}}
@media(max-width:1240px){
  .menu-toggle{display:flex;order:3;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer}
  .menu-toggle span{width:25px;height:2px;background:var(--gold)}
  .site-header .main-nav{top:84px}
  .site-header .header-cta{margin-left:auto}
  body.menu-open .site-header{backdrop-filter:none}
  .site-header .main-nav__edition{display:flex;flex-direction:column;align-items:center;gap:7px;width:min(470px,100%);margin:33px auto 0;padding:24px 15px 0;border-top:1px solid #d9bd7d55;text-align:center}
  .main-nav__edition span,.main-nav__edition small{font-size:9px;font-weight:700;letter-spacing:.22em;color:#c4cdbd}
  .main-nav__edition time{font:500 25px/1.2 Cinzel,serif;letter-spacing:.08em;color:#f2ead6}
  .main-nav__edition em{font-size:.72em}
}
@media(max-width:950px){.site-header{height:74px}.site-header .main-nav{top:74px}.site-header .brand img{width:118px}.auth-entry .auth-intro{display:block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-entry .auth-intro>:not(h1){display:none}.download-prep{grid-template-columns:1fr}.download-prep__art{min-height:370px;background-position:center 45%}.download-prep__content{width:100%;padding:65px clamp(30px,7vw,70px)}.footer-lead{grid-template-columns:1fr auto}.footer-lead__opening{grid-column:1}.footer-lead__action{grid-column:2;grid-row:1/3}}
@media(max-width:950px){.faq-help{margin-top:27px}}
@media(min-width:621px) and (max-width:950px){.hero-motion-control{top:90px;left:24px;right:auto;justify-content:center;width:44px;height:44px;padding:0}.hero-motion-control__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(max-width:700px){.footer-main{display:block}.footer-main nav.footer-links{margin-top:45px}}
@media(max-width:1240px) and (max-height:600px){.site-header .main-nav{justify-content:flex-start;padding-top:18px;padding-bottom:24px}}
@media(max-width:620px){
  html{scroll-padding-top:74px}
  .text-link,.hero-discover{display:inline-flex;align-items:center;min-height:44px}
  .features-hero:not(.rules-hero):not(.wiki-hero):not(.download-hero){background-position:70% center}
  .download-hero{background-position:67% center}
  .support-hero{background-position:58% center}
  .pvp-panel__art{background:linear-gradient(90deg,#06130ce8,#06130c96),linear-gradient(0deg,#06130ce0,transparent 65%),url('../img/elven/elven-templar-official.jpg') 62% center/cover}
  .site-header{height:74px;padding:0 21px}
  .site-header .brand img{width:115px}
  .site-header .header-cta{display:inline-flex;align-items:center;min-height:44px;padding:11px 13px}
  .site-header .menu-toggle{width:44px;height:44px}
  .hero-motion-control{top:90px;right:24px;justify-content:center;width:44px;height:44px;padding:0}
  .hero-motion-control__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .hero-story__footnote{font-size:10px;letter-spacing:.11em;line-height:1.55}
  .download-prep__art{min-height:310px}.download-prep__art::after{inset:13px}.download-prep__art span{left:28px;bottom:29px;font-size:8px}
  .download-prep__content{padding:60px 23px 67px}.download-prep h2{font-size:41px}.download-prep__intro{font-size:14px}
  .download-prep__steps li{grid-template-columns:31px minmax(0,1fr);gap:12px}.download-prep__steps strong{font-size:15px}.download-prep__steps small{grid-column:2;padding-top:0}
  .feature-row:hover{padding-left:5px}
  .launch-roadmap__steps p{font-size:13px;line-height:1.6}
  .faq-list summary{font-size:14px;line-height:1.5}
  .faq-list summary::before{margin-right:12px;font-size:21px}
  .site-footer{padding:0 23px 85px}
  .auth-footer a{display:flex;align-items:center;min-height:44px}
  .footer-lead{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding:46px 0 42px}
  .footer-lead p{font-size:32px}
  .footer-lead__opening{padding-left:16px}
  .footer-lead__action{justify-content:space-between;width:100%;min-height:53px}
  .footer-main{display:block;padding:43px 0 47px}
  .footer-main .footer-identity>p{font-size:14px}
  .footer-main nav.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:47px}
  .footer-main nav.footer-links a{display:flex;align-items:center;min-height:44px;padding:7px 0;font-size:11px}
  .footer-bottom{gap:13px}
  .footer-bottom a{display:flex;align-items:center;min-height:44px}
  .realm-top{display:none}
}
@media(min-width:480px) and (max-width:620px) and (max-height:430px) and (orientation:landscape){
  .hero{min-height:720px;padding:90px 0 0}
  .hero-layout{width:52%;margin:0 0 0 auto;padding:0 22px 45px 0}
  .hero-shade{background:linear-gradient(90deg,#04130d38 0%,#04150dd9 49%,#04150df5 100%)}
  .hero-motion-control{left:24px;right:auto}
  .hero-story__overline{margin-bottom:10px;font-size:8px}
  .hero h1{font-size:clamp(33px,6vw,39px)}
  .hero h1 em{font-size:clamp(49px,8.6vw,55px)}
  .hero-lead{font-size:12px;line-height:1.45;margin:8px 0 12px}
  .hero-actions .button-primary{min-height:46px}
  .hero-story__footnote{margin-top:16px}
}
@media(max-width:360px){.site-header .header-cta{font-size:8px;padding:10px}.site-header .header-cta[data-short-label]{font-size:0}.site-header .header-cta[data-short-label]::before{content:attr(data-short-label);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.site-header .header-cta[data-short-label] span{display:none}.site-header .brand img{width:101px}.site-header{gap:7px}.features-hero h1{font-size:34px}.hero-story__footnote i:last-of-type{display:none}}
@media(prefers-reduced-motion:reduce){.site-header .main-nav a::after,.footer-lead__action,.footer-main nav.footer-links a,.launch-roadmap__steps li.is-available,.hero-video{transition:none}[data-reveal].is-visible{animation:none}.hero-motion-control{display:none}}

/* Opening scene: an editorial frame for the moving Lineage II artwork. */
.hero-shade{background:radial-gradient(ellipse 38% 70% at 76% 43%,#12472b35,transparent 78%),linear-gradient(90deg,#04150c05 0%,#061b1430 39%,#04160ddc 68%,#04140cf0 100%),linear-gradient(180deg,#03110b75 0%,transparent 24%,#03110b5e 72%,#03110bb0 100%)}
.hero-story{position:relative;padding-left:29px;border-left:1px solid #d5ba7559}
.hero-story::before{content:"";position:absolute;top:0;left:-2px;width:3px;height:49px;background:linear-gradient(#f4e0a6,#ab8545);box-shadow:0 0 19px #ecd0926b}
.hero-story__overline{display:flex;align-items:center;gap:13px;margin-bottom:26px}
.hero-story__spark{display:inline-block;font-size:19px}
.hero h1{letter-spacing:-.038em}
.hero h1 em{margin-top:5px;letter-spacing:-.035em}
.hero-lead{max-width:535px;margin-top:35px;margin-bottom:31px}
.hero-actions .button-primary{position:relative;overflow:hidden;border:1px solid #f7e5ae;transition:transform .22s,background .22s,box-shadow .22s}
.hero-actions .button-primary::after{content:"";position:absolute;inset:0 auto 0 -65%;width:42%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#fff9db48,transparent);transition:left .55s ease}
.hero-actions .button-primary:hover::after,.hero-actions .button-primary:focus-visible::after{left:125%}
.hero-discover{min-height:48px}
.hero-story__footnote{margin-top:36px;padding-top:16px;border-top:1px solid #d5c58d42}
.hero-art-caption{position:absolute;z-index:2;left:clamp(35px,6.5vw,120px);bottom:131px;display:flex;align-items:center;gap:13px;color:#e5dfc4ba;font-size:9px;font-weight:700;letter-spacing:.22em;text-shadow:0 2px 12px #000}
.hero-art-caption i{width:26px;height:1px;background:#e1c887a8}
.hero .hero-opening{min-height:100px;padding-top:17px;padding-bottom:17px;background:linear-gradient(95deg,#061b13f7,#09261bf5 55%,#06160ff7);box-shadow:inset 0 1px 0 #f6e7b219,0 -26px 75px #06120b9c}
.hero-opening__date{align-items:center;gap:17px}
.hero-opening__date>span{display:flex;flex-direction:column;gap:5px}
.hero-opening__date>span b{color:#90a995;font-size:8px;letter-spacing:.18em}
.hero-opening__date time{font-size:34px}
.hero-opening__date small{padding-left:16px;border-left:1px solid #d6c58b50}
.hero-opening__count{padding-left:29px;border-left:1px solid #d6c58b50}
.hero-opening .countdown strong{font-size:30px}
.hero-opening__link{min-height:42px;align-items:center;padding-bottom:0}
@media(max-width:1300px){.hero-art-caption{bottom:127px}}
@media(max-width:1100px){.hero-story{padding-left:21px}.hero-art-caption{display:none}.hero-opening__count{padding-left:18px}.hero-opening__date small{padding-left:11px}.hero-opening__date time{font-size:29px}}
@media(min-width:621px) and (max-width:950px){.hero-story{padding-left:0;border-left:0}.hero-story::before{display:none}.hero-shade{background:linear-gradient(90deg,#04150c09 0%,#04180fac 44%,#04150df2 100%),linear-gradient(180deg,#03110b75 0%,transparent 24%,#03110b5e 72%,#03110bb0 100%)}}
@media(max-width:760px){.hero-opening__date small{padding-left:0;border-left:0}.hero-opening__count{padding-left:0;border-left:0}}
@media(max-width:620px){.hero-shade{background:linear-gradient(180deg,#04130d39 0%,#04130d0a 23%,#04160daf 39%,#04150def 62%,#04150df8 100%)}.hero-layout{padding-bottom:42px}.hero-story{padding-left:17px}.hero-story::before{height:41px}.hero-story__overline{gap:9px;margin-bottom:15px}.hero-lead{margin-top:23px;margin-bottom:25px}.hero-story__footnote{margin-top:28px;padding-top:14px}.hero .hero-opening{min-height:0;padding-top:27px;padding-bottom:31px}.hero-opening__date>span{display:block}.hero-opening__date>span b{display:inline;color:#c5d3bf}.hero-opening__date time{font-size:31px}.hero-opening__count{margin-top:25px}}
@media(min-width:480px) and (max-width:620px) and (max-height:430px) and (orientation:landscape){.hero-story{padding-left:12px}.hero-story__overline{margin-bottom:9px}.hero-lead{margin-top:9px;margin-bottom:13px}.hero-story__footnote{margin-top:12px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){.hero-actions .button-primary::after{display:none}}

/* The supplied Elven wordmark is the opening scene's focal point. */
.hero .hero-brandmark{position:relative;isolation:isolate;width:min(620px,100%);max-width:none;margin:0 0 -18px -17px;font-size:0;line-height:0;filter:drop-shadow(0 18px 26px #000a);animation:elven-mark-enter 1.15s cubic-bezier(.16,1,.3,1) both}
.hero-brandmark::before{content:"";position:absolute;z-index:-1;inset:17% 5%;border-radius:50%;background:radial-gradient(ellipse,#cba85737 0%,#5187441c 48%,transparent 75%);filter:blur(30px);animation:elven-mark-aura 5s ease-in-out infinite}
.hero-brandmark::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 37%,#fff2c075 49%,transparent 59%);background-size:250% 100%;background-position:150% 0;-webkit-mask:url('../img/elven/logo-web.png') center/contain no-repeat;mask:url('../img/elven/logo-web.png') center/contain no-repeat;mix-blend-mode:screen;animation:elven-mark-sheen 1.55s 1.05s ease-out both}
.hero-brandmark img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 10px #d8a9504b) drop-shadow(0 0 28px #6da05420)}
.hero .hero-lead{max-width:480px;margin:0 0 29px;color:#e6eadf;font-size:clamp(17px,1.22vw,19px);line-height:1.65}
.hero-story__overline{margin-bottom:2px}
.hero-story{padding-bottom:8px}
@keyframes elven-mark-enter{from{opacity:0;transform:translateY(20px) scale(.93);filter:drop-shadow(0 0 0 #0000)}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 18px 26px #000a)}}
@keyframes elven-mark-aura{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes elven-mark-sheen{from{opacity:0;background-position:150% 0}20%{opacity:1}to{opacity:0;background-position:-80% 0}}
@media(max-width:1100px){.hero .hero-brandmark{margin-left:-12px;margin-bottom:-10px}.hero .hero-lead{font-size:16px}}
@media(max-width:620px){.hero .hero-brandmark{width:calc(100% + 8px);margin-left:-12px;margin-bottom:-8px}.hero .hero-lead{font-size:15px;line-height:1.6;margin-bottom:24px}.hero-story__overline{margin-bottom:3px}.hero-story{padding-bottom:0}}
@media(min-width:480px) and (max-width:620px) and (max-height:430px) and (orientation:landscape){.hero .hero-brandmark{width:min(290px,100%);margin-bottom:-11px}.hero .hero-lead{font-size:12px;margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.hero .hero-brandmark,.hero-brandmark::before,.hero-brandmark::after{animation:none}.hero-brandmark::after{display:none}}

/* Let the character and the mark read as one scene. */
.hero-shade{background:radial-gradient(ellipse 43% 64% at 72% 46%,#113d29a1 0%,#08231988 52%,transparent 84%),linear-gradient(90deg,#04150c05 0%,#061b1425 42%,#04170dc0 72%,#04140ce5 100%),linear-gradient(180deg,#03110b7a,transparent 24%,#03110b53 70%,#03110bab)}
.hero-layout{width:min(680px,49vw)}
.hero-story{max-width:none;padding:0;border:0;text-align:center}
.hero-story::before{display:none}
.hero .hero-brandmark{width:min(640px,100%);margin:0 auto -11px}
.hero-brandmark::before{inset:14% 0;background:radial-gradient(ellipse,#d3aa4842 0%,#5887471f 45%,transparent 73%);filter:blur(34px)}
.hero .hero-lead{display:flex;align-items:center;justify-content:center;gap:13px;max-width:none;margin:0 auto 36px;color:#ebdfbb;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.2em;white-space:nowrap;text-shadow:0 2px 16px #000}
.hero .hero-lead::before,.hero .hero-lead::after{content:"";width:35px;height:1px;background:linear-gradient(90deg,transparent,#dcc4829c)}
.hero .hero-lead::after{transform:rotate(180deg)}
.hero .hero-lead span{color:#dcb96d;font-size:9px}
.hero-actions{justify-content:center;gap:28px}
.hero-actions .button-primary{min-width:248px}
.hero-discover{gap:10px}
.hero-art-caption{display:none}
@media(max-width:1100px){.hero-layout{width:min(550px,53vw)}.hero .hero-brandmark{margin-bottom:-3px}.hero .hero-lead{gap:8px;font-size:9px;letter-spacing:.12em}.hero .hero-lead::before,.hero .hero-lead::after{width:18px}.hero-actions{gap:13px}.hero-actions .button-primary{min-width:205px}}
@media(min-width:621px) and (max-width:950px){.hero-story{text-align:left}.hero .hero-brandmark{margin-left:-12px}.hero .hero-lead{justify-content:flex-start;white-space:normal;flex-wrap:wrap;margin-bottom:23px}.hero .hero-lead::before,.hero .hero-lead::after{display:none}.hero-actions{justify-content:flex-start}}
@media(max-width:620px){.hero-layout{width:auto}.hero-story{text-align:center}.hero .hero-brandmark{width:100%;margin:0 auto -4px}.hero .hero-lead{gap:7px;margin-bottom:25px;font-size:9px;letter-spacing:.1em;white-space:normal;flex-wrap:wrap}.hero .hero-lead::before,.hero .hero-lead::after{display:none}.hero-actions{align-items:stretch;justify-content:center}.hero-discover{align-self:center}}
@media(min-width:480px) and (max-width:620px) and (max-height:430px) and (orientation:landscape){.hero-layout{width:52%}.hero-story{text-align:left}.hero .hero-brandmark{margin-left:-8px}.hero .hero-lead{justify-content:flex-start;font-size:8px;margin-bottom:10px}.hero-actions{justify-content:flex-start}.hero-discover{align-self:flex-start}}

/* The home scene carries the identity; keep the public menu free of a second logo. */
@media(min-width:1241px){.site-header .main-nav{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-header .header-cta{margin-left:auto}}
@media(max-width:1240px){.site-header .menu-toggle{order:0}.site-header .header-cta{order:2;margin-left:auto}}

/* Final homepage composition: connect the figure, wordmark, and opening date. */
@media(min-width:1101px){
  .hero-layout{width:min(720px,52vw);transform:translateX(-1.5vw)}
  .hero .hero-brandmark{width:min(680px,100%)}
  .hero-shade{background:radial-gradient(ellipse 46% 67% at 73% 46%,#174c32a3 0%,#0a2b1ca1 46%,transparent 81%),linear-gradient(90deg,#04150c05 0%,#061b1420 43%,#04170da9 70%,#04140cda 100%),linear-gradient(180deg,#03110b7a,transparent 26%,#03110b47 70%,#03110ba5)}
}
.hero .hero-opening{min-height:112px;grid-template-columns:minmax(0,1fr) auto auto;gap:clamp(28px,4vw,76px);padding-top:17px;padding-bottom:17px;background:linear-gradient(100deg,#061b13f8 0%,#0b291cf7 47%,#06160ff8 100%)}
.hero-opening__date{gap:21px}
.hero-opening__date>span{gap:7px}
.hero-opening__date time{display:inline-flex;align-items:baseline;gap:10px;font:500 24px/1 Cinzel,Georgia,serif}
.hero-opening__date time strong{color:#f3e4bf;font:500 50px/.85 Cinzel,Georgia,serif;letter-spacing:-.08em}
.hero-opening__date time span{color:#e8d3a3;white-space:nowrap}
.hero-opening__date time em{display:block;margin-top:4px;color:#aa9e7d;font:500 12px/1 Cinzel,Georgia,serif;letter-spacing:.18em}
.hero-opening__date small{padding-left:21px;font-size:10px;line-height:1.5}
.hero-opening__count{gap:24px}
.hero-opening .countdown span{min-width:65px}
.hero-opening .countdown strong{font-size:31px}
.hero-opening__link{letter-spacing:.18em}
@media(max-width:1300px){.hero .hero-opening{gap:23px}.hero-opening__date{gap:12px}.hero-opening__date time strong{font-size:40px}.hero-opening__date time span{font-size:21px}.hero-opening__date small{padding-left:12px}.hero-opening .countdown span{min-width:52px;padding-inline:8px}}
@media(max-width:1100px){.hero-layout{transform:none}.hero .hero-opening{min-height:100px}.hero-opening__date time strong{font-size:35px}.hero-opening__date time span{font-size:19px}.hero-opening__date time em{font-size:10px}.hero-opening__date small{font-size:9px}}
@media(min-width:621px) and (max-width:950px){.hero-layout{transform:translateX(14px)}}
@media(max-width:760px){.hero-opening__date small{padding-left:0}}
@media(max-width:620px){.hero .hero-opening{min-height:0;padding-block:27px 31px}.hero-opening__date time{gap:12px}.hero-opening__date time strong{font-size:46px}.hero-opening__date time span{font-size:24px}.hero-opening__date time em{font-size:11px}.hero-opening__date small{margin-top:14px}.hero-opening__count{margin-top:25px}.hero-opening .countdown span{min-width:0}}
@media(prefers-reduced-motion:reduce){.hero-layout{transition:none}}
.site-header .main-nav a{font-family:"DM Sans",sans-serif;font-size:13px;font-weight:600;letter-spacing:.035em;text-transform:none}
.site-header .header-cta,.footer-lead__action{position:relative;overflow:hidden;border:1px solid #ecd39b;background:radial-gradient(ellipse at 50% -100%,#fff2c9b5,transparent 73%),repeating-linear-gradient(135deg,#fff5ce19 0 1px,transparent 1px 10px),linear-gradient(105deg,#bc9656,#f2d99c 50%,#b58a4b);box-shadow:inset 0 1px 0 #fff5d9b8,inset 0 -1px 0 #7b54276b,0 10px 28px #0006;color:#132218}
.site-header .header-cta::before,.footer-lead__action::before{content:"";position:absolute;inset:4px;border:1px solid #74562866;pointer-events:none}
.site-header .header-cta:hover,.site-header .header-cta:focus-visible,.footer-lead__action:hover,.footer-lead__action:focus-visible{background:linear-gradient(105deg,#d2ac66,#ffe7a9 50%,#c69b58);color:#0b1d11}
.footer-main nav a{transition:color .2s ease,transform .2s ease}
.footer-main nav a:hover,.footer-main nav a:focus-visible{color:#f1d69b;transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.footer-main nav a{transition:none}}

/* Illustrated entry cards for the files that will be published at launch. */
.download-section{background:radial-gradient(ellipse at 72% 24%,#31543a55,transparent 50%),#07170f}
.download-section .features-section-heading h2{max-width:850px;margin:20px 0 14px;font-size:clamp(40px,4.2vw,64px);line-height:1.1;text-wrap:balance}
.download-section .features-section-heading>p:last-child{max-width:690px;font-size:15px}
.download-grid{gap:20px}
.download-grid article{isolation:isolate;min-height:355px;padding:31px 34px;border:1px solid #d9bd7d91;background:#081b12;box-shadow:inset 0 0 0 6px #07180fbd,inset 0 0 0 7px #d9bd7d4f,0 25px 60px #0007}
.download-grid article::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(115deg,#e9d69d0d 0 1px,transparent 1px 10px),linear-gradient(180deg,#06150d1c 2%,#06150d8c 50%,#06150df2 100%),var(--download-art) center/cover no-repeat;filter:saturate(.83)}
.download-grid article:first-child{--download-art:url('../img/elven/elven-city-official.jpg')}
.download-grid article:nth-child(2){--download-art:url('../img/elven/elven-guardian-official.jpg')}
.download-grid article::after{content:"";z-index:2;top:7px;right:auto;left:50%;width:11px;height:11px;transform:translateX(-50%) rotate(45deg);border:1px solid #ffe3a4;background:linear-gradient(135deg,#6d5127,#e7c887 55%,#755529);box-shadow:0 0 0 3px #07150fcc,0 0 12px #e7c88777;pointer-events:none}
.download-grid article>span{color:#f1d99f;text-shadow:0 2px 8px #000}
.download-grid h3{color:#fff0d2;font:600 clamp(29px,2.6vw,39px)/1.08 "Cormorant Garamond",Georgia,serif;text-shadow:0 3px 14px #000}
.download-grid p{max-width:390px;color:#d8e1d3;font-size:14px;line-height:1.55;text-shadow:0 2px 10px #000}
.download-grid strong{border-color:#e1c68599;background:#071c13d9;box-shadow:inset 0 0 0 3px #172d1dbb;color:#f1d99f}
.guide-hub__grid a{box-shadow:inset 0 0 0 6px #06160fc4,inset 0 0 0 7px #e5d19c53,0 22px 45px #0005}
.guide-hub__grid a::after{content:"";position:absolute;top:7px;left:50%;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);border:1px solid #ffe3a4;background:#c9aa71;box-shadow:0 0 0 3px #07150fc9;pointer-events:none}
.features-cta .button-primary{position:relative;overflow:hidden;border:1px solid #ecd39b;background:radial-gradient(ellipse at 50% -100%,#fff2c9b5,transparent 73%),repeating-linear-gradient(135deg,#fff5ce19 0 1px,transparent 1px 10px),linear-gradient(105deg,#bc9656,#f2d99c 50%,#b58a4b);box-shadow:inset 0 1px 0 #fff5d9b8,inset 0 -1px 0 #7b54276b,0 10px 28px #0006;color:#132218}
.features-cta .button-primary::before{content:"";position:absolute;inset:4px;border:1px solid #74562866;pointer-events:none}
.features-cta .button-primary:hover,.features-cta .button-primary:focus-visible{background:linear-gradient(105deg,#d2ac66,#ffe7a9 50%,#c69b58);color:#0b1d11}
@media(max-width:620px){.download-section .features-section-heading h2{font-size:clamp(36px,9vw,47px)}.download-grid article{min-height:300px;padding:24px}.download-grid h3{font-size:31px}.download-grid p{font-size:13px}}

/* Rules and help should read like part of the same illustrated guide. */
.features-details{background:radial-gradient(ellipse at 88% 8%,#2b513565,transparent 52%),#081b12}
.features-details .features-section-heading{position:relative}
.features-details .features-section-heading::after{content:"";display:block;width:92px;height:1px;margin:27px 0 26px;background:linear-gradient(90deg,#efd89f,transparent)}
.feature-row{isolation:isolate;overflow:hidden;align-items:center;min-height:140px;padding:24px 29px;border-left:1px solid #d9bd7d3b;border-right:1px solid #d9bd7d3b;background:#0a2117;transition:background .3s ease,border-color .3s ease}
.feature-row:last-child{border-bottom:1px solid #d9bd7d4c}
.feature-row::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(120deg,#eddca50b 0 1px,transparent 1px 10px),linear-gradient(90deg,#112b1d 0%,#081d14eb 55%,#071a11aa 100%),var(--row-art) right center/32% auto no-repeat;opacity:.9;transition:opacity .3s ease}
.feature-row:nth-of-type(3n+1){--row-art:url('../img/elven/elven-worldtree-official.jpg')}
.feature-row:nth-of-type(3n+2){--row-art:url('../img/elven/elven-guardian-official.jpg')}
.feature-row:nth-of-type(3n){--row-art:url('../img/elven/elven-sanctuary-official.jpg')}
.feature-row:hover{padding-left:29px;border-color:#d9bd7d85;background:#183c29}
.feature-row:hover::before{opacity:1}
.feature-row>span{color:#edd49b;font:italic 35px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:0}
.feature-row h3{color:#f3e8d0;font:600 clamp(24px,2.2vw,31px)/1.08 "Cormorant Garamond",Georgia,serif;text-shadow:0 2px 8px #0009}
.feature-row p{max-width:530px;color:#d2ded0;font-size:14px;line-height:1.7;text-shadow:0 2px 8px #000a}
@media(max-width:950px){.feature-row{min-height:0}.feature-row::before{background:repeating-linear-gradient(120deg,#eddca50b 0 1px,transparent 1px 10px),linear-gradient(90deg,#112b1d 0%,#081d14ef 68%,#071a11d0 100%),var(--row-art) right center/45% auto no-repeat}}
@media(max-width:620px){.features-details .features-section-heading::after{margin:22px 0}.feature-row{padding:21px 15px;gap:10px 13px}.feature-row:hover{padding-left:15px}.feature-row>span{font-size:29px}.feature-row h3{font-size:22px}.feature-row p{font-size:13px}.feature-row::before{background:repeating-linear-gradient(120deg,#eddca508 0 1px,transparent 1px 10px),linear-gradient(90deg,#112b1df5,#081d14ef)}}

/* The compact menu becomes a clear chapter list on phones and tablets. */
@media(max-width:1240px){
  .site-header .main-nav{counter-reset:elven-nav;background:repeating-linear-gradient(115deg,#e6d49c09 0 1px,transparent 1px 11px),linear-gradient(90deg,#06170ff2,#081d14ed),url('../img/elven/elven-worldtree-official.jpg') 46% center/cover}
  .site-header .main-nav.is-open{display:flex;align-items:center;justify-content:flex-start;padding-top:clamp(16px,5vh,50px)}
  .site-header nav.main-nav a{counter-increment:elven-nav;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:60px;padding:10px 15px;border-bottom:1px solid #d9bd7d4a;color:#eae6d6;font:600 clamp(21px,2.4vw,29px)/1.15 "Cormorant Garamond",Georgia,serif;letter-spacing:0;text-align:left;text-transform:none}
  .site-header nav.main-nav a::before{content:counter(elven-nav,decimal-leading-zero);color:#d9bd7d;font:italic 20px/1 "Cormorant Garamond",Georgia,serif}
  .site-header nav.main-nav a::after{content:"↗";position:static;display:block;justify-self:end;width:auto;height:auto;border:0;background:none;color:#d9bd7d;font:16px/1 "DM Sans",sans-serif;opacity:.72;transition:transform .2s ease,opacity .2s ease}
  .site-header nav.main-nav a:hover,.site-header nav.main-nav a:focus-visible,.site-header nav.main-nav a[aria-current="page"]{color:#f5d995;background:linear-gradient(90deg,#d9bd7d16,transparent 75%)}
  .site-header nav.main-nav a:hover::after,.site-header nav.main-nav a:focus-visible::after{transform:translate(3px,-3px);opacity:1}
  .site-header .main-nav__edition{margin-top:22px}
}
@media(max-width:620px){.site-header nav.main-nav a{min-height:55px;padding-inline:11px;font-size:23px}.site-header .main-nav__edition{margin-top:19px}}
@media(max-width:1240px) and (max-height:760px){.site-header .main-nav.is-open{justify-content:flex-start;padding-top:16px}.site-header nav.main-nav a{min-height:49px}.site-header .main-nav__edition{margin-top:15px;padding-top:15px}}
@media(prefers-reduced-motion:reduce){.site-header nav.main-nav a::after{transition:none}}
.site-header nav.main-nav .main-nav__pending{cursor:default;color:#c5ccbd}
.site-header nav.main-nav .main-nav__pending small{display:block;color:#d9bd7d;font:700 8px/1.2 "DM Sans",sans-serif;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:1240px){.site-header nav.main-nav .main-nav__pending::after{content:"—";opacity:.55}.site-header nav.main-nav .main-nav__pending small{grid-column:2;font-size:10px}.site-header nav.main-nav .main-nav__pending{row-gap:2px}}

/* Service cards with game art and the same framed material as the home chapters. */
.features-service-grid{gap:18px}
.features-service-grid article{isolation:isolate;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border:1px solid #d9bd7d83;background:#091c13;box-shadow:inset 0 0 0 6px #07180fbd,inset 0 0 0 7px #d9bd7d4f,0 21px 46px #0005}
.features-service-grid article::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(115deg,#f1dba90a 0 1px,transparent 1px 9px),linear-gradient(180deg,#07170e2b 0%,#07170e97 46%,#07170ef2 100%),var(--service-art) center/cover no-repeat;filter:saturate(.82);transition:transform .5s ease,filter .3s ease}
.features-service-grid article:nth-child(1){--service-art:url('../img/elven/elven-worldtree-official.jpg')}
.features-service-grid article:nth-child(2){--service-art:url('../img/elven/elven-gateway-official.jpg')}
.features-service-grid article:nth-child(3){--service-art:url('../img/elven/elven-templar-official.jpg')}
.features-service-grid article:hover::before{transform:scale(1.05);filter:saturate(1.05)}
.features-service-grid article::after{inset:8px;border-color:#ead6a439}
.features-service-grid article>span{position:absolute;top:26px;left:29px;margin:0;color:#efd39a;font-size:37px;text-shadow:0 2px 12px #000}
.features-service-grid h3{position:relative;margin:0 0 11px;color:#fff0d4;font:600 clamp(24px,2.15vw,31px)/1.06 "Cormorant Garamond",Georgia,serif;text-shadow:0 2px 11px #000}
.features-service-grid p{position:relative;margin:0;max-width:350px;color:#d9e1d5;font-size:14px;line-height:1.6;text-shadow:0 2px 10px #000}
@media(max-width:620px){.features-service-grid article{min-height:255px;padding:25px}.features-service-grid article>span{top:24px;left:25px}.features-service-grid h3{font-size:28px}.features-service-grid p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.features-service-grid article::before{transition:none}}

/* Account entry keeps the visual promise made by the main call to action. */
.auth-entry .auth-panel{position:relative;border-color:#dfc68b9e;background:radial-gradient(ellipse at 100% 0%,#1c3b2a5c,transparent 45%),#081a11ee;box-shadow:inset 0 0 0 5px #07180fbd,inset 0 0 0 6px #d9bd7d45,0 25px 80px #000a}
.auth-entry .auth-panel::before{content:"";position:absolute;z-index:2;top:-5px;left:50%;width:11px;height:11px;transform:translateX(-50%) rotate(45deg);border:1px solid #f2da9e;background:linear-gradient(135deg,#6d5127,#e7c887 55%,#755529);box-shadow:0 0 0 3px #07150fcc,0 0 12px #e7c88777;pointer-events:none}
.auth-entry .auth-panel__top{background:repeating-linear-gradient(115deg,#e7d39a0e 0 1px,transparent 1px 10px),linear-gradient(90deg,#1c3826,#152c20);border-bottom-color:#dfc78c80}
.auth-entry .auth-panel .title{color:#f2e8d4;font:600 clamp(29px,2.4vw,36px)/1.08 "Cormorant Garamond",Georgia,serif}
.auth-entry .form-control{background:#06140dc9;border-color:#d9bd7d80;box-shadow:inset 0 2px 6px #0005}
.auth-entry .form-control:focus{border-color:#f2d89d;box-shadow:inset 0 2px 6px #0005,0 0 0 3px #d9bd7d2c}
.auth-entry .form-submit{position:relative;overflow:hidden;border:1px solid #ecd39b;background:radial-gradient(ellipse at 50% -100%,#fff2c9b5,transparent 73%),repeating-linear-gradient(135deg,#fff5ce19 0 1px,transparent 1px 10px),linear-gradient(105deg,#bc9656,#f2d99c 50%,#b58a4b);box-shadow:inset 0 1px 0 #fff5d9b8,inset 0 -1px 0 #7b54276b,0 10px 28px #0006;color:#132218}
.auth-entry .form-submit::before{content:"";position:absolute;inset:4px;border:1px solid #74562866;pointer-events:none}
.auth-entry .form-submit:hover,.auth-entry .form-submit:focus-visible{background:linear-gradient(105deg,#d2ac66,#ffe7a9 50%,#c69b58);color:#0b1d11}
@media(max-width:360px){.site-header .header-cta[data-short-label]::before{position:static;inset:auto;display:block;border:0;white-space:nowrap;pointer-events:auto}}

/* The feature index echoes the illustrated chapter links on the landing page. */
.server-spec-bar{background:#07190f}
.server-spec-bar a{isolation:isolate;overflow:hidden;justify-content:flex-end;min-height:170px;background:#0c2318;transition:background .3s ease}
.server-spec-bar a::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(115deg,#ead69c09 0 1px,transparent 1px 10px),linear-gradient(180deg,#07180e66 0%,#07180edc 65%,#07180ef5),var(--spec-art) center/cover no-repeat;filter:saturate(.7);transition:filter .3s ease,transform .5s ease}
.server-spec-bar a:nth-child(1){--spec-art:url('../img/elven/elven-city-official.jpg')}
.server-spec-bar a:nth-child(2){--spec-art:url('../img/elven/elven-worldtree-official.jpg')}
.server-spec-bar a:nth-child(3){--spec-art:url('../img/elven/elven-guardian-official.jpg')}
.server-spec-bar a:nth-child(4){--spec-art:url('../img/elven/elven-templar-official.jpg')}
.server-spec-bar a::after{content:"";position:absolute;top:0;left:0;right:100%;height:2px;background:#eddaab;transition:right .3s ease}
.server-spec-bar a:hover::before,.server-spec-bar a:focus-visible::before{filter:saturate(1) brightness(1.1);transform:scale(1.04)}
.server-spec-bar a:hover::after,.server-spec-bar a:focus-visible::after{right:0}
.server-spec-bar strong{color:#f4ead3;font:600 clamp(22px,2.2vw,30px)/1.1 "Cormorant Garamond",Georgia,serif;text-shadow:0 2px 10px #000}
.server-spec-bar small,.server-spec-bar span{text-shadow:0 2px 8px #000}
@media(max-width:620px){.server-spec-bar a{min-height:136px;padding:17px 13px}.server-spec-bar strong{font-size:19px}.server-spec-bar span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.server-spec-bar a::before,.server-spec-bar a::after{transition:none}}
.download-prep__action{position:relative;overflow:hidden;min-width:235px;margin-top:24px;border:1px solid #ecd39b;background:radial-gradient(ellipse at 50% -100%,#fff2c9b5,transparent 73%),repeating-linear-gradient(135deg,#fff5ce19 0 1px,transparent 1px 10px),linear-gradient(105deg,#bc9656,#f2d99c 50%,#b58a4b);box-shadow:inset 0 1px 0 #fff5d9b8,inset 0 -1px 0 #7b54276b,0 10px 28px #0006;color:#132218}
.download-prep__action::before{content:"";position:absolute;inset:4px;border:1px solid #74562866;pointer-events:none}
.download-prep__action:hover,.download-prep__action:focus-visible{background:linear-gradient(105deg,#d2ac66,#ffe7a9 50%,#c69b58);color:#0b1d11}
@media(max-width:620px){.download-prep__action{width:100%}}
.features-split__cards article{border-color:#d9bd7d8f;box-shadow:inset 0 0 0 6px #07180f9e,inset 0 0 0 7px #d9bd7d53,0 20px 50px #0005}
.features-split__cards article::before{content:"";position:absolute;z-index:2;top:6px;left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border:1px solid #ffe3a4;background:linear-gradient(135deg,#6d5127,#e7c887 55%,#755529);box-shadow:0 0 0 3px #07150fcc,0 0 12px #e7c88777;pointer-events:none}
.features-split__cards article h3{color:#fff0d6;font:600 clamp(25px,2.2vw,32px)/1.08 "Cormorant Garamond",Georgia,serif;text-shadow:0 2px 10px #000}
.features-split__cards article p{font-size:14px;text-shadow:0 2px 9px #000}