@font-face{font-family:Cinzel;src:url('/assets/cinzel.ttf') format('truetype');font-display:swap} :root{color-scheme:dark;--bg:#141713;--panel:#1b201a;--text:#efeee2;--muted:#b8bbae;--gold:#d9bc7b;--line:#353d31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Segoe UI',Arial,sans-serif}::selection{background:var(--gold);color:var(--bg)}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}h1,h2,h3,h4,p{margin:0}h1,h2,.game-title{font-family:Cinzel,Georgia,serif;font-weight:400;text-wrap:balance}h2{font-size:clamp(28px,3vw,42px);line-height:1.25}h3{font-size:22px;line-height:1.35}p{color:var(--muted)}[hidden]{display:none!important}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;max-width:1440px;margin:auto;gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-family:Cinzel,Georgia,serif;font-size:21px;line-height:1.2}.brand svg{width:34px;height:40px;fill:none;stroke:var(--gold);stroke-width:1.4}.brand small{display:block;font:11px/1.5 'Segoe UI',sans-serif;letter-spacing:.27em;margin-top:5px}nav{display:flex;gap:32px}nav a,.nav-play{font-size:14px;text-decoration:none}.nav-play{color:var(--gold);border-bottom:1px solid #6e6349;padding:10px 0}.nav-play span{margin-left:22px}.hero{position:relative;min-height:590px;display:flex;align-items:center;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero-image{position:absolute;inset:0;z-index:-2;background:url('/assets/forest-hero.webp') 70% 50%/cover}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,19,13,.97) 10%,rgba(14,19,13,.82) 40%,rgba(14,19,13,.1) 100%),linear-gradient(0deg,#141713 0%,transparent 30%)}.hero-content{width:calc(100% - 96px);max-width:1240px;margin:0 auto;padding:65px 0 100px}h1{font-size:clamp(40px,5.1vw,70px);line-height:1.14;letter-spacing:-.025em}.hero-content>p{max-width:510px;margin:26px 0 30px;font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--gold);color:#1a2117;text-decoration:none;border:1px solid var(--gold);padding:15px 24px;font-size:15px;font-weight:650;transition:background .2s}.button:hover{background:#efdaa6}.hero-note{font-size:12px;color:#c8c6b7;margin-top:16px}.hero-caption{position:absolute;bottom:24px;left:48px;right:48px;display:flex;justify-content:space-between;font-size:12px;color:#b8bbae}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-top a{font-size:14px;color:var(--gold);white-space:nowrap}.play-section{padding-top:65px}.game-shell{position:relative;aspect-ratio:16/9;background:#090d09;border:1px solid #48503d}.game-cover{position:absolute;inset:0;overflow:hidden}.game-cover img{width:100%;height:100%;object-fit:cover;opacity:.38}.game-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,13,8,.85),rgba(8,13,8,.18))}.game-cover-content{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:12px}.game-title{font-size:clamp(26px,4vw,50px);color:var(--text)}.game-cover-content .button{margin-top:10px}.small{font-size:12px}.game-shell iframe{display:block;border:0;width:100%;height:100%;background:#080b07}#game-mount{height:100%}.game-toolbar{display:flex;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.game-toolbar p{flex:1;font-size:13px}.game-toolbar button{border:0;background:none;color:var(--gold);font-size:13px;padding:8px 0}.compatibility{font-size:13px;margin-top:12px;max-width:850px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:100px}.intro>div>p{margin-top:26px;max-width:440px}.guide-list article+article{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.guide-list p{margin-top:9px}.controls-section{background:#20251d;padding:70px 0}.controls-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.controls-layout p{margin:24px 0;max-width:410px}.text-link{color:var(--gold);font-size:14px}.controls{margin:0}.controls>div{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #3a4334}.controls dt{display:flex;gap:6px;align-items:center}.controls dd{margin:0;font-size:14px;color:#d3d6c8}kbd{display:inline-block;min-width:28px;padding:2px 7px;text-align:center;border:1px solid #69735f;border-radius:3px;color:#edeadd;background:#2b3325;font:13px/1.7 'Segoe UI',sans-serif}.world{padding-block:90px}.section-top p{font-size:14px}.world-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:start}.world figure{margin:0}.world img{width:100%;display:block;aspect-ratio:1.4;object-fit:cover}.world figcaption{font-size:12px;color:var(--muted);margin-top:10px}.world-layout p{margin-top:18px}.zone-list{list-style:none;margin:24px 0 0;padding:0}.zone-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.zone-list span{color:var(--muted);font-size:12px}.roster{margin-top:60px;padding-top:40px;border-top:1px solid var(--line)}.roster>p{max-width:760px;margin-top:14px}.factions{display:flex;gap:100px;margin-top:28px}.factions h4{font-family:Cinzel,Georgia,serif;font-weight:400;color:var(--gold);font-size:20px}.factions p{margin-top:8px}.class-list{font-size:13px}.faq{display:grid;grid-template-columns:.85fr 1.25fr;gap:75px;padding-block:50px 90px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:17px}.faq details p{padding:15px 0 4px;font-size:15px}.inline-button{border:0;background:none;padding:0;color:var(--gold);text-decoration:underline;text-underline-offset:4px;font:inherit}.closing{display:flex;justify-content:space-between;align-items:center;padding:45px 0;border-block:1px solid var(--line)}footer{padding:40px 0}.footer-top{display:flex;gap:30px;align-items:center;margin-bottom:25px}.footer-top>span{margin-right:auto;font-family:Cinzel,Georgia,serif;font-size:20px}.footer-top small{display:block;font:12px 'Segoe UI',sans-serif;color:var(--muted);margin-top:8px}.footer-top>a{font-size:13px;color:var(--gold)}footer>p{font-size:12px;max-width:920px;margin-top:10px}.consent{position:fixed;z-index:10;bottom:20px;left:24px;right:24px;max-width:1100px;margin:auto;background:#283022;border:1px solid #687455;padding:20px 24px;display:flex;gap:24px;align-items:center}.consent>div{flex:1}.consent p{font-size:13px;margin-top:4px}.consent>button{white-space:nowrap;font-size:13px}.consent>button:not(.button){color:var(--text);background:none;border:0;text-decoration:underline;padding:12px}.skip{position:fixed;top:-100px;left:10px;background:var(--gold);color:var(--bg);z-index:20;padding:10px}.skip:focus{top:10px}body:has(.consent:not([hidden])){padding-bottom:130px}@media(max-width:800px){header{height:85px;padding:0 24px}nav{display:none}.wrap{width:calc(100% - 40px)}.brand{font-size:17px}.brand svg{width:27px}.nav-play{font-size:12px}.nav-play span{margin-left:4px}.hero{min-height:530px}.hero-content{width:calc(100% - 40px)}.hero-content>p{font-size:16px;max-width:440px}.hero:after{background:linear-gradient(90deg,rgba(14,19,13,.96),rgba(14,19,13,.5)),linear-gradient(0deg,#141713,transparent)}.hero-caption{left:20px;right:20px;font-size:11px}.section-top{align-items:start;flex-direction:column;gap:15px}.play-section{padding-top:45px}.intro,.controls-layout,.world-layout,.faq{grid-template-columns:1fr;gap:36px}.intro{padding-block:65px}.controls-section{padding-block:50px}.controls>div{grid-template-columns:145px 1fr}.game-shell{aspect-ratio:4/3}.game-cover-content{gap:6px}.game-cover-content>p:not(.game-title){font-size:12px}.game-cover-content .button{padding:10px 18px}.game-toolbar{gap:13px;flex-wrap:wrap}.game-toolbar p{flex-basis:100%}.world{padding-block:60px}.world img{aspect-ratio:16/10}.factions{gap:24px;flex-direction:column}.faq{padding-block:30px 60px}.closing{gap:20px}.closing .button{padding:12px 15px;font-size:13px}.footer-top{flex-wrap:wrap;gap:18px}.footer-top>span{width:100%}.consent{left:12px;right:12px;bottom:12px;padding:16px;gap:12px;flex-wrap:wrap}.consent>div{flex-basis:100%}body:has(.consent:not([hidden])){padding-bottom:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.classes{padding-bottom:80px}.class-picker{display:grid;grid-template-columns:repeat(9,1fr);border-block:1px solid var(--line)}.class-picker button{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;color:var(--muted);padding:24px 8px;font-size:12px;border-bottom:2px solid transparent}.class-picker button[aria-pressed=true]{color:var(--gold);background:#242a1f;border-bottom-color:var(--gold)}.class-picker svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.class-detail{display:flex;align-items:center;gap:30px;padding:35px;background:var(--panel)}.class-emblem svg{width:70px;height:70px;fill:none;stroke:var(--gold);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.class-detail p{margin-top:8px}.class-skill{font-size:13px}.class-skill strong{margin:0 12px;color:var(--gold)}.upgrades{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding-bottom:90px;align-items:center}.upgrades p{margin-top:22px}.upgrades figure{margin:0}.upgrades img{width:100%;display:block}.upgrades figcaption{font-size:12px;color:var(--muted);margin-top:10px}.upgrade-scale{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.upgrade-scale span{padding:6px 10px;border:1px solid currentColor;font-size:12px}.upgrade-scale span:nth-child(2){color:#a9cf77}.upgrade-scale span:nth-child(3){color:#7fb6ef}.upgrade-scale span:nth-child(4){color:#cca1ea}.upgrade-scale span:nth-child(5){color:#efb06d}@media(max-width:800px){.class-picker{grid-template-columns:repeat(3,1fr)}.class-picker button{padding:18px 8px}.class-detail{gap:20px;padding:22px}.class-emblem svg{width:45px;height:45px}.upgrades{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.classes{padding-bottom:60px}}