@charset "UTF-8";
:root{color-scheme:dark;--bg:#101612;--panel:#171d17;--ink:#e9e4d7;--muted:#a9af9f;--gold:#c5a76d;--line:rgba(197,167,109,.21);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#72613f;color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.section{padding-block:110px}.eyebrow{margin:0 0 23px;font:10px/1.5 var(--sans);letter-spacing:2.7px;color:var(--gold);font-weight:600;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(48px,5.6vw,82px);line-height:1.12;letter-spacing:-2.2px;margin-bottom:25px}h2{font-size:clamp(36px,3.8vw,53px);line-height:1.15;letter-spacing:-1.5px;margin-bottom:26px}em{font-weight:400;color:#cfc29e}p{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:13px 22px;border:1px solid var(--gold);font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.4px;transition:background .2s,transform .2s,color .2s}.button:hover{background:#d5bb88;color:#151a13;transform:translateY(-2px)}.button-primary{background:var(--gold);color:#181d15;min-height:56px;padding-inline:25px;gap:15px;font-size:13px}.button-primary svg{width:17px;height:17px;fill:currentColor}.button-primary>span:last-child{margin-left:10px;font-size:19px;font-weight:400}.button-small{min-height:40px;padding:10px 15px;font-size:11px}.skip{position:fixed;top:-70px;left:12px;z-index:20;background:var(--gold);color:var(--bg);padding:12px}.skip:focus{top:10px}
.site-header{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;height:94px;margin-inline:56px;border-bottom:1px solid rgba(221,217,189,.18)}.wordmark{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif);font-size:23px;letter-spacing:4px;line-height:1}.sigil{font-size:38px;color:var(--gold);font-family:var(--serif);line-height:1}.site-header nav{display:flex;gap:30px;font-size:11px;color:#c2c7b9}.site-header nav a:hover{color:var(--gold)}.hero{position:relative;min-height:790px;height:min(900px,100svh);isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-2;background:url('/assets/village.webp') center 55%/cover no-repeat}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,16,13,.93) 0%,rgba(10,16,13,.69) 36%,rgba(10,16,13,.12) 74%),linear-gradient(0deg,#101612 0%,transparent 28%,rgba(11,17,13,.22) 78%)}.hero-content{padding-top:56px}.hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:26px}.hero .eyebrow>span{width:20px;height:1px;background:var(--gold)}.hero-copy{font-size:15px;line-height:1.9;color:#c4c8b9;margin-bottom:30px}.hero-note{font-size:10px;letter-spacing:.3px;color:#b1b7a7;margin-top:17px}.scroll-cue{position:absolute;bottom:43px;left:56px;color:#a5ac99;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:15px}.scroll-cue>span{font-size:23px;color:var(--gold)}.hero-caption{position:absolute;bottom:51px;right:56px;font-size:8px;letter-spacing:1.7px;color:#b1b7a4;display:flex;align-items:center;gap:12px}.small-sigil{font-size:19px;color:var(--gold)}.intro-strip{display:flex;justify-content:space-between;gap:20px;padding-block:26px;border-bottom:1px solid var(--line);font-size:11px;color:#b4baa8}.intro-strip span{display:flex;gap:12px;align-items:center}.intro-strip i{font-style:normal;color:var(--gold);font-size:17px}
.combat{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.combat-copy>p:not(.eyebrow){max-width:455px;font-size:14px}.combat-steps{list-style:none;margin:32px 0 0;padding:0}.combat-steps li{display:flex;gap:20px;padding-block:20px;border-top:1px solid var(--line)}.step-number{font:italic 16px var(--serif);color:var(--gold);padding-top:5px;width:22px;flex-shrink:0}.combat-steps h3{font-size:21px;margin:0 0 6px}.combat-steps p{font-size:12px;line-height:1.7;margin:0;max-width:345px}.combat-visual{position:relative;display:flex;justify-content:center;padding:15px 30px 25px;isolation:isolate}.visual-aura{position:absolute;z-index:-1;inset:50px -25px;background:radial-gradient(ellipse,#54604455,transparent 67%)}.phone-frame{width:264px;transform:rotate(3deg);border:5px solid #222a20;border-radius:23px;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 0 1px #6a6b4f88;background:#12160f}.phone-frame img{width:100%;height:auto}.tactical-note{position:absolute;bottom:7px;left:0;display:flex;gap:15px;align-items:center;border:1px solid #655c3b;background:#1c221bea;padding:16px 20px;box-shadow:0 10px 35px #0005}.tactical-note>span{font-size:28px;color:var(--gold)}.tactical-note>div{font-size:9px;letter-spacing:1.7px;color:var(--gold)}.tactical-note small{display:block;color:#b9beaf;font:12px/1.8 var(--serif);letter-spacing:0}
.world{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid var(--line);padding-block:105px;background:#17201a}.world-backdrop{position:absolute;inset:0;z-index:-2;background:url('/assets/battle-mist.webp') center 48%/cover no-repeat;opacity:.35}.world::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101811b8,#111a1280)}.world-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px}.world h2{margin:0}.world-copy p{font-size:14px;color:#bec5b5}.world-copy .world-line{color:var(--gold);font-family:var(--serif);font-style:italic;font-size:15px;margin:23px 0 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:43px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:12px;line-height:1.8;max-width:240px;margin-bottom:3px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.path-card{position:relative;min-height:455px;isolation:isolate;display:flex;align-items:end;overflow:hidden;border:1px solid #68705355}.path-art{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .8s}.arena-card .path-art{background-image:url('/assets/arena.webp');background-position:55% 30%}.trails-card .path-art{background-image:url('/assets/battle-mist.webp');background-position:30% center}.path-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101812 0%,#101812e8 20%,#10181244 65%,#10181211)}.path-card:hover .path-art{transform:scale(1.035)}.path-content{padding:35px;max-width:480px}.path-content .eyebrow{font-size:9px;margin-bottom:16px}.path-content h3{font-size:34px;line-height:1.13;letter-spacing:-.5px;margin-bottom:17px}.path-content>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#bec4b5;margin-bottom:22px}.path-tag{font-size:9px;letter-spacing:1px;color:var(--gold)}.village-note{display:flex;align-items:center;justify-content:center;gap:16px;padding:27px 20px 0}.village-note>span{color:var(--gold);font-size:27px}.village-note p{font-size:11px;margin:0}.village-note strong{font-weight:400;color:#d4d8c9}
.screenshots{background:#151c16;border-block:1px solid var(--line)}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1000px;margin:60px auto 0}.screenshot-grid figure{margin:0;min-width:0}.screen-link{display:block;position:relative;overflow:hidden;border:1px solid #62695077;background:#10160f;padding:6px;box-shadow:0 20px 50px #0003}.screen-link img{width:100%;height:auto}.expand-mark{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;background:#101612df;border:1px solid var(--line);width:32px;height:32px;color:var(--gold)}.screen-link:hover{border-color:var(--gold)}figcaption{font:21px var(--serif);padding:22px 0 0}figcaption>span{color:var(--gold);font:9px var(--sans);margin-right:10px;vertical-align:middle}figcaption small{display:block;color:var(--muted);font:11px/1.6 var(--sans);margin-top:8px;margin-left:25px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;padding-block:22px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:var(--gold);font-size:20px;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:12px;line-height:1.85;padding:0 24px 20px 0;margin:0}.closing{position:relative;isolation:isolate;padding:90px 0 95px;text-align:center;overflow:hidden;border-block:1px solid var(--line);background:#182019}.closing-art{position:absolute;inset:0;z-index:-2;background:url('/assets/village.webp') center 62%/cover no-repeat;opacity:.18}.closing::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101612b0,#10161266)}.closing-sigil{display:block;font:52px/1 var(--serif);color:var(--gold);margin-bottom:25px}.closing .eyebrow{font-size:9px;margin-bottom:16px}.closing h2{font-size:clamp(44px,5vw,64px);margin-bottom:14px}.closing-inner>p:not(.eyebrow):not(.closing-note){font-family:var(--serif);font-size:17px;margin-bottom:25px}.closing-inner .closing-note{font-size:9px;margin:18px 0 0;color:#b0b7a6}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:35px}.site-footer .wordmark{font-size:17px;letter-spacing:3px}.site-footer .sigil{font-size:30px}.site-footer p{font-size:10px;margin:0}.site-footer>a:last-child{font-size:10px;color:#bac0af}
dialog{color:var(--ink);background:#111812;border:1px solid var(--line);padding:54px 18px 18px;max-width:min(600px,95vw);max-height:94dvh;overflow:auto}dialog::backdrop{background:#050a08e8;backdrop-filter:blur(5px)}dialog img{width:auto;max-width:100%;max-height:calc(90dvh - 110px);margin:auto;object-fit:contain}dialog>p{font-size:11px;margin:14px 0 0;text-align:center}.viewer-close{position:absolute;top:10px;right:14px;background:none;border:0;color:var(--ink);cursor:pointer;display:flex;gap:15px;align-items:center;font-size:12px;padding:5px}.viewer-close span{font-size:24px}
@media(min-width:1600px){.site-header{margin-inline:calc((100% - 1200px)/2)}.hero-caption{right:calc((100% - 1200px)/2)}.scroll-cue{left:calc((100% - 1200px)/2)}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.site-header{margin-inline:32px}.site-header nav{gap:20px}.combat{gap:35px}.world-inner{gap:45px}.intro-strip{gap:12px;flex-wrap:wrap}.intro-strip span{width:calc(50% - 12px)}.faq{gap:45px}.hero-caption{right:32px}.scroll-cue{left:32px}.screenshot-grid{gap:23px}.section{padding-block:80px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:77px;margin-inline:20px;gap:10px}.site-header nav{display:none}.wordmark{font-size:19px;letter-spacing:3px;gap:8px}.sigil{font-size:32px}.button-small{font-size:10px;min-height:36px;padding:8px 11px;gap:12px}.hero{height:auto;min-height:760px;align-items:flex-start}.hero-content{padding-top:161px}.hero-art{background-position:63% center}.hero::before{background:linear-gradient(90deg,#0b120edb,#0b120e45),linear-gradient(0deg,#101612 0%,transparent 35%,#10161233 60%,#10161255)}h1{font-size:49px;line-height:1.12;letter-spacing:-1.7px;max-width:540px}.hero .eyebrow{font-size:8px;letter-spacing:2.2px;margin-bottom:26px}.hero-copy{font-size:13px;line-height:1.95;max-width:330px;margin-bottom:27px}.hero-note{font-size:9px;max-width:310px;line-height:1.8}.hero-caption{display:none}.scroll-cue{left:20px;bottom:38px;font-size:7px;letter-spacing:1.8px}.intro-strip{padding-block:23px;font-size:9px;row-gap:13px}.intro-strip span{gap:7px}.intro-strip i{font-size:14px}.section{padding-block:65px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:20px}h2{font-size:37px;letter-spacing:-1px}.combat{grid-template-columns:1fr;gap:42px}.combat-copy>p:not(.eyebrow){font-size:13px}.combat-steps{margin-top:25px}.combat-steps li{padding-block:17px;gap:15px}.combat-steps h3{font-size:20px}.combat-steps p{font-size:11px}.combat-visual{width:min(100%,390px);margin:auto;padding-bottom:30px}.phone-frame{width:245px}.tactical-note{left:0;bottom:0;padding:13px 17px}.world-inner{grid-template-columns:1fr;gap:27px}.world-copy p{font-size:13px}.world-copy .world-line{font-size:14px}.world-backdrop{background-position:38% center}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;font-size:11px;margin:19px 0 0}.path-grid{grid-template-columns:1fr;gap:20px}.path-card{min-height:420px}.path-content{padding:27px}.path-content h3{font-size:33px}.path-content>p:not(.eyebrow){font-size:12px}.village-note{padding:24px 0 0;gap:12px;align-items:start}.village-note p{font-size:10px}.village-note strong{display:block;margin-bottom:4px}.village-note>span{font-size:25px;line-height:1.2}.screenshot-grid{grid-template-columns:repeat(3,75%);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;margin:35px -20px 0;padding:0 20px 22px;scrollbar-color:#716344 #20281d;scrollbar-width:thin}.screenshot-grid figure{scroll-snap-align:center}figcaption{font-size:20px}figcaption small{font-size:10px}.faq{grid-template-columns:1fr;gap:20px}.faq summary{font-size:12px;padding-block:20px}.faq details p{font-size:12px}.closing{padding-block:65px}.closing h2{font-size:45px}.closing .eyebrow{font-size:7px;letter-spacing:1.8px}.closing-inner .closing-note{font-size:8px;line-height:1.8}.site-footer{flex-wrap:wrap;padding-block:29px;row-gap:18px}.site-footer .wordmark{font-size:16px}.site-footer p{order:3;flex-basis:100%;font-size:9px}.site-footer>a:last-child{font-size:9px}}
@media(max-width:360px){h1{font-size:43px}.hero{min-height:720px}.hero-content{padding-top:145px}.intro-strip span{font-size:8px}.button-small{font-size:9px;padding-inline:9px}.wordmark{font-size:17px;letter-spacing:2px}.hero-note{font-size:8px}h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}