@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/landing/fonts/barlow-condensed-latin-700-normal.woff2)format("woff2")}:root{color:#f2f5e8;font-synthesis:none;--ink:#0c1917;--text:#f2f5e8;--muted:#aabbb0;--accent:#d2ed83;--line:#31443c;--display:"Barlow Condensed", Impact, "Arial Narrow", sans-serif;background:#0c1917;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body,h1,h2,h3,p,figure,dl,dd{margin:0}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,select,summary{cursor:pointer}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.icon-library{width:0;height:0;position:absolute;overflow:hidden}::selection{background:var(--accent);color:var(--ink)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1320px,100% - 112px);margin-inline:auto}.skip-link{background:var(--accent);color:var(--ink);z-index:100;padding:16px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:14px}.site-header{z-index:20;background:#0c191733;border-bottom:1px solid #ffffff29;position:absolute;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;gap:30px;height:96px;display:flex}.wordmark{font:700 35px/1 var(--display);letter-spacing:1px;align-items:center;gap:11px;display:flex}.wordmark img{width:32px;height:32px}.desktop-nav{align-items:center;gap:34px;font-size:13px;display:flex}.desktop-nav a{color:#dce4d7;padding-block:14px}.desktop-nav a:hover{color:var(--accent)}.header-actions{align-items:center;gap:13px;display:flex}.button{background:var(--accent);color:#14211b;border:1px solid var(--accent);border-radius:3px;justify-content:space-between;align-items:center;gap:42px;min-height:59px;padding:18px 26px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.button:hover{background:#e4ffa1;border-color:#e4ffa1;transform:translateY(-2px)}.button-small{gap:22px;min-height:44px;padding:12px 18px;font-size:12px}.button-small svg{width:18px;height:18px}.button-ghost{color:var(--text);background:#0c191745;border-color:#b6c3a770}.button-ghost:hover{background:#19372c;border-color:#9cae83}.mobile-nav{display:none}.hero{isolation:isolate;align-items:center;min-height:865px;display:flex;position:relative;overflow:hidden}.hero-art,.hero-art img,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-art{z-index:-3}.hero-art img{object-fit:cover;object-position:64% 57%}.hero-shade{z-index:-2;background:linear-gradient(90deg,#081711ed 0%,#081711cb 29%,#08171144 63%,#08171105 100%),linear-gradient(#0c191754 0%,#0000 70%,#0c1917 100%)}.hero-content{padding-block:170px 165px}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:10px;font-weight:600;line-height:1.7;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero h1{max-width:940px;font:700 clamp(78px, 8.3vw, 128px) / .95 var(--display);text-transform:uppercase;letter-spacing:-1.8px;margin-top:28px}.hero h1 span{color:var(--accent);display:block}.hero-description{color:#d8e0d1;max-width:430px;margin-top:29px;font-size:15px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:33px;display:flex}.play-note{color:#c4d0be;margin-top:21px;font-size:10px}.play-note span{color:#8d9f86;padding-inline:9px}.hero-bottom{color:#bdc9b4;text-transform:uppercase;letter-spacing:1.1px;justify-content:space-between;align-items:center;gap:20px;font-size:9px;display:flex;position:absolute;bottom:39px;left:0;right:0}.scroll-cue{align-items:center;gap:13px;display:flex}.scroll-cue svg{width:18px;height:18px;color:var(--accent)}.game-facts{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding-block:34px;display:grid}.game-facts>div{border-left:1px solid var(--line);align-items:center;gap:17px;padding-left:25px;display:flex}.game-facts>div:first-child{border:0;padding:0}.game-facts strong{font:700 46px/1 var(--display);color:var(--accent)}.game-facts span{max-width:110px;color:var(--muted);font-size:11px;line-height:1.6}h2{font:700 clamp(45px, 4.4vw, 67px) / 1 var(--display);letter-spacing:-.7px;text-transform:uppercase}h3{font:700 42px/1.07 var(--display);letter-spacing:-.4px;text-transform:uppercase}.section-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px;display:flex}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{max-width:300px;color:var(--muted);padding-bottom:4px;font-size:14px;line-height:1.8}.game-overview{padding-block:89px 96px}.feature-switch{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:27px;display:grid}.feature-switch a{color:#94a99a;border-bottom:2px solid #0000;align-items:center;gap:18px;min-height:67px;padding-inline:20px;font-size:15px;font-weight:600;display:flex}.feature-switch a span{color:#8ca17f;font-size:10px}.feature-switch a svg{width:19px;height:19px;margin-left:auto}.feature-switch a.active{border-color:var(--accent);color:var(--accent);background:#d2ed8306}.feature-switch a:hover{color:var(--accent)}.showcase-panel{border:1px solid var(--line);background:#15251f;grid-template-columns:1.45fr 1fr;min-height:492px;display:grid}.showcase-panel+.showcase-panel{margin-top:25px}.enhanced .showcase-panel+.showcase-panel{margin-top:0}.scene-art{min-height:490px;position:relative;overflow:hidden}.scene-art img,.scene-art picture{width:100%;height:100%}.scene-art img{object-fit:cover;position:absolute;inset:0}.build-scene img{object-position:78% 80%}.explore-scene img{object-position:33% center}.fight-scene img{object-position:48% 50%}.scene-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 66%,#081711da);position:absolute;inset:0}.scene-art figcaption{color:#ced8c3;z-index:3;justify-content:space-between;align-items:center;gap:15px;font-size:9px;display:flex;position:absolute;bottom:23px;left:23px;right:23px}.scene-tag{text-transform:uppercase;letter-spacing:1.5px}.scene-copy{align-self:center;padding:49px 42px}.scene-copy .eyebrow{letter-spacing:1.1px;margin-bottom:20px;font-size:9px}.scene-copy h3{margin-bottom:20px}.scene-copy>p:not(.eyebrow){color:var(--muted);margin-top:13px;font-size:13px;line-height:1.85}.compact-list{margin:24px 0 0;padding:0;list-style:none}.compact-list li{color:#d5dec9;align-items:center;gap:11px;margin-top:13px;font-size:12px;display:flex}.compact-list svg{color:var(--accent);width:16px;height:16px}.text-link{color:var(--accent);align-items:center;gap:23px;margin-top:26px;font-size:12px;display:inline-flex}.text-link:hover{text-underline-offset:6px;text-decoration:underline}.scene-copy .small-note{color:#d0dcb9;font-size:11px}.fog-mask{z-index:1;background:radial-gradient(circle at 50% 48%, transparent 0 var(--fog-radius,28%), #081711f5 calc(var(--fog-radius,28%) + 13%));position:absolute;inset:0}.explore-control{z-index:3;background:#0c1917e6;border:1px solid #83986b70;align-items:center;gap:20px;padding:13px 17px;display:none;position:absolute;bottom:70px;left:23px;right:23px}.enhanced .explore-control{display:flex}.explore-control label{white-space:nowrap;color:var(--accent);align-items:center;gap:12px;font-size:10px;display:flex}.explore-control label svg{width:16px;height:16px}.explore-control input{width:100%;min-width:0;accent-color:var(--accent);height:25px}.play-section{border-block:1px solid var(--line);background:#10221d}.play-inner{grid-template-columns:.9fr 1.1fr;gap:90px;padding-block:89px;display:grid}.play-intro .eyebrow{margin-bottom:22px}.play-intro>p:not(.eyebrow){max-width:320px;color:var(--muted);margin-top:25px;font-size:14px;line-height:1.8}.mode-switch{border-top:1px solid var(--line);flex-direction:column;margin-top:34px;display:flex}.mode-switch a{border-bottom:1px solid var(--line);grid-template-columns:1fr 26px;gap:7px;padding:22px 15px;display:grid}.mode-switch a>span{font:700 26px/1 var(--display);text-transform:uppercase}.mode-switch a>small{color:#99aa9b;font-size:11px}.mode-switch a>svg{grid-area:1/2/3;align-self:center}.mode-switch a.active{color:var(--accent);background:#d2ed8308}.mode-switch a:hover{color:var(--accent)}.mode-panel{background:#182c23;border:1px solid #4a6146;padding:27px 29px}.mode-panel+.mode-panel{margin-top:24px}.enhanced .mode-panel+.mode-panel{margin-top:0}.mode-panel-top{text-transform:uppercase;letter-spacing:1.4px;color:#d1ddb9;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.mode-status{color:#abbba0;align-items:center;gap:7px;font-size:8px;display:flex}.mode-status .status-dot{width:4px;height:4px}.realm-preview{border-bottom:1px solid #3d513b;grid-template-columns:repeat(4,1fr);gap:10px;padding-block:30px 26px;display:grid}.realm-slot{flex-direction:column;align-items:center;gap:8px;transition:opacity .25s;display:flex}.realm-slot i{border:1px solid var(--realm);background:var(--realm);width:27px;height:27px;margin:7px 0 12px;transform:rotate(45deg);box-shadow:inset 0 0 0 6px #182c2380}.realm-slot strong{font-size:10px;font-weight:500}.realm-slot>span{color:#a6b79d;font-size:8px}.realm-slot.inactive{opacity:.25}.rival-select{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:12px;display:flex}.rival-select select{min-width:118px;color:var(--text);background:#112119;border:1px solid #5c714c;border-radius:2px;padding:12px 15px;font-size:12px}.difficulty-options{border:0;grid-template-columns:repeat(3,1fr);gap:7px;margin:23px 0 0;padding:0;display:grid}.difficulty-options legend{margin-bottom:13px;padding:0;font-size:12px}.difficulty-options label{cursor:pointer;position:relative}.difficulty-options input{opacity:0;width:1px;height:1px;position:absolute}.difficulty-options label>span{border:1px solid #4b6043;flex-direction:column;gap:9px;min-height:81px;padding:15px 10px;transition:background .15s;display:flex}.difficulty-options strong{font-size:12px;font-weight:500}.difficulty-options small{color:#aec09e;font-size:8px;line-height:1.5}.difficulty-options input:checked+span{border-color:var(--accent);background:#d2ed8313}.difficulty-options input:checked+span strong{color:var(--accent)}.difficulty-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.difficulty-note{color:#b2c2a4;min-height:36px;margin-top:16px;font-size:10px;line-height:1.8}.skirmish-form .button{width:100%;min-height:52px;margin-top:23px;font-size:12px}.setup-note{color:#a2b393;text-align:center;margin-top:13px;font-size:9px;line-height:1.7}.defense-preview{text-align:center;border-block:1px solid #3d513b;margin-top:20px;padding-block:32px}.defense-preview>span{font:700 58px/1 var(--display);color:var(--accent)}.defense-preview>span>span{color:#586f4c;padding-inline:9px;font-size:32px}.defense-preview p{color:#b9c5ac;margin-top:12px;font-size:11px}#defense-panel h3{margin-top:29px;font-size:35px}#defense-panel>p:not(.setup-note){color:var(--muted);margin-top:17px;font-size:13px;line-height:1.8}#defense-panel .button{width:100%;min-height:52px;margin-top:29px;font-size:12px}.wilds{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding-block:80px 89px;display:grid}.wild-art{position:relative}.wild-art>img{z-index:1;width:100%;position:relative}.wild-orbit{background:radial-gradient(#7f70301c,#0000 70%);border:1px solid #4a4d3370;border-radius:50%;position:absolute;inset:17% 5% 13%}.wild-caption{text-align:center;color:#9ba785;letter-spacing:1.4px;text-transform:uppercase;margin-top:9px;font-size:8px;display:block}.wild-copy .eyebrow{margin-bottom:20px}.wild-copy>p:not(.eyebrow){color:var(--muted);max-width:400px;margin-top:22px;font-size:13px;line-height:1.8}.encounter-list{border-top:1px solid var(--line);margin-top:29px}.encounter-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:16px;font-size:13px;display:flex}.encounter-list dt{align-items:center;gap:12px;display:flex}.encounter-list dt small{color:#9fad90;margin-left:7px;font-size:8px}.encounter-list dd{color:#c9d4ac;font-size:10px}.encounter-dot{background:#97ae78;border-radius:50%;width:5px;height:5px}.encounter-dot.uncommon{background:#ab99d0}.encounter-dot.rare{background:#e2ae65}.encounter-list .dragon-row{color:#e7c084}.wild-copy>.dragon-note{color:#c1c5a4;font-size:11px}.field-guide{border-top:1px solid var(--line);grid-template-columns:.9fr 1.1fr;gap:90px;padding-block:72px 82px;display:grid}.guide-heading .eyebrow{margin-bottom:20px}.guide-heading>p:not(.eyebrow){color:var(--muted);max-width:340px;margin-top:23px;font-size:13px;line-height:1.8}.guide-notes details{border-bottom:1px solid var(--line)}.guide-notes details:first-child{border-top:1px solid var(--line)}.guide-notes summary{align-items:center;gap:18px;padding-block:23px;font-size:14px;list-style:none;display:flex}.guide-notes summary::-webkit-details-marker{display:none}.guide-notes summary svg{width:16px;height:16px;color:var(--accent);margin-left:auto;transition:transform .2s;transform:rotate(90deg)}.guide-notes details[open] summary svg{transform:rotate(-90deg)}.note-index{color:#90a478;font-size:10px}.detail-body{padding:0 22px 24px 33px}.detail-body p{color:var(--muted);font-size:12px;line-height:1.85}.key-note{color:#aabc9b;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;font-size:9px;display:flex}kbd{color:#dae3c6;background:#1a2c21;border:1px solid #59704c;padding:6px 8px;font:9px system-ui,sans-serif}.key-note span{margin-right:10px}.closing{background:var(--accent);color:#14251b}.closing-inner{justify-content:space-between;align-items:center;gap:40px;padding-block:53px;display:flex}.closing .eyebrow{color:#435c30;margin-bottom:13px;font-size:9px}.closing h2{font-size:80px}.button-dark{color:var(--accent);background:#13271c;border-color:#13271c;min-width:232px}.button-dark:hover{background:#254930;border-color:#254930}.site-footer{padding-block:34px 27px}.footer-wordmark{font:700 clamp(80px, 15.5vw, 250px) / 1 var(--display);letter-spacing:-3px;color:#2a4136;display:block}.footer-bottom{color:#a5b69b;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:29px;padding-top:24px;font-size:9px;display:flex}.footer-bottom a{color:#c9d9b7;align-items:center;gap:20px;display:flex}.footer-bottom svg{width:14px;height:14px}.enhanced .reveal{transition:opacity .6s,transform .6s}.enhanced .reveal.pending{opacity:0;transform:translateY(17px)}@media (width<=1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:800px}.hero h1{max-width:820px;font-size:105px}.hero-content{padding-block:160px}.showcase-panel{grid-template-columns:1.2fr 1fr}.scene-copy{padding:35px 28px}.scene-copy h3{font-size:37px}.play-inner,.field-guide{gap:50px}.wilds{gap:47px}.mode-panel{padding:24px}.difficulty-options small{font-size:8px}.game-facts>div{gap:13px;padding-left:18px}.game-facts strong{font-size:39px}.game-facts span{font-size:10px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}html{scroll-padding-top:24px}.header-inner{gap:13px;height:78px}.wordmark{letter-spacing:.5px;gap:8px;font-size:28px}.wordmark img{width:25px;height:25px}.desktop-nav{display:none}.button-small{gap:12px;min-height:40px;padding:11px 12px;font-size:10px}.button-small svg{width:15px;height:15px}.header-actions{gap:10px}.mobile-nav{display:block}.mobile-nav summary{border:1px solid #ffffff40;border-radius:2px;justify-content:center;align-items:center;width:38px;height:40px;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{background:#13271d;border-bottom:1px solid #6c8350;padding:12px 20px 22px;display:grid;position:absolute;top:78px;left:0;right:0}.mobile-nav nav a{border-bottom:1px solid #344b38;padding:17px 0;font-size:14px}.hero{align-items:flex-start;min-height:810px}.hero-content{padding-block:160px}.hero-art img{object-position:68% center}.hero-shade{background:linear-gradient(90deg,#081711cf,#08171166),linear-gradient(#0c191759 0%,#0c191726 72%,#0c1917 100%)}.hero .eyebrow{letter-spacing:1px;gap:8px;font-size:8px}.hero h1{letter-spacing:-1px;max-width:520px;margin-top:24px;font-size:clamp(66px,12.5vw,90px)}.hero-description{max-width:305px;margin-top:25px;font-size:13px}.desktop-break{display:none}.hero-actions{gap:10px;margin-top:27px}.hero-actions .button{gap:20px;min-height:53px;padding:16px 17px;font-size:12px}.hero-actions .button svg{width:18px;height:18px}.play-note{margin-top:18px;font-size:8px;line-height:1.7}.play-note span{padding-inline:6px}.hero-bottom{letter-spacing:.7px;font-size:7px;bottom:30px}.hero-bottom>span{text-align:right;max-width:142px;line-height:1.7}.scroll-cue{gap:9px}.game-facts{grid-template-columns:1fr 1fr;gap:24px 20px;padding-block:25px}.game-facts>div{border:0;gap:13px;padding:0}.game-facts strong{font-size:38px}.game-facts span{max-width:95px;font-size:9px}.game-overview{padding-block:52px}h2{font-size:47px}.section-heading{margin-bottom:23px;display:block}.section-heading .eyebrow{margin-bottom:16px;font-size:8px}.section-heading>p{max-width:400px;margin-top:21px;font-size:13px}.feature-switch{margin-bottom:20px}.feature-switch a{gap:9px;min-height:58px;padding-inline:10px;font-size:12px}.feature-switch a span{font-size:8px}.feature-switch a svg{width:14px;height:14px}.showcase-panel{grid-template-columns:1fr;min-height:auto}.scene-art{min-height:330px}.scene-copy{padding:29px 24px}.scene-copy h3{font-size:41px}.scene-copy>p:not(.eyebrow){font-size:13px}.scene-art figcaption{font-size:8px;bottom:18px;left:17px;right:17px}.explore-control{gap:10px;padding:10px 13px;bottom:54px;left:17px;right:17px}.explore-control label{gap:7px;font-size:9px}.play-inner{grid-template-columns:1fr;gap:29px;padding-block:51px}.play-intro>p:not(.eyebrow){max-width:400px;margin-top:20px;font-size:13px}.mode-switch{flex-direction:row;margin-top:26px}.mode-switch a{grid-template-columns:1fr;gap:8px;width:50%;padding:18px 12px}.mode-switch a>span{font-size:22px}.mode-switch a>small{font-size:9px}.mode-switch a>svg{display:none}.mode-panel{padding:23px 20px}.mode-panel-top{letter-spacing:1px;font-size:8px}.mode-status{letter-spacing:.8px;font-size:7px}.realm-preview{gap:5px;padding-block:28px 22px}.realm-slot i{width:22px;height:22px;margin:7px 0 11px;box-shadow:inset 0 0 0 5px #182c2380}.realm-slot strong{font-size:9px}.realm-slot>span{font-size:7px}.difficulty-options{gap:6px}.difficulty-options label>span{min-height:86px;padding:13px 8px}.difficulty-options small{font-size:8px}.difficulty-options strong{font-size:12px}.wilds{grid-template-columns:1fr;gap:40px;padding-block:45px 53px}.wild-art{max-width:510px;margin-inline:auto}.wild-copy .eyebrow{font-size:8px}.wild-copy>p:not(.eyebrow){max-width:none;font-size:13px}.encounter-list>div{font-size:13px}.encounter-list dt small{margin-left:3px;font-size:8px}.field-guide{grid-template-columns:1fr;gap:30px;padding-block:48px 51px}.guide-heading>p:not(.eyebrow){max-width:430px}.guide-notes summary{gap:12px;font-size:13px}.detail-body{padding-left:26px}.closing-inner{flex-direction:column;align-items:flex-start;gap:25px;padding-block:35px}.closing h2{font-size:67px}.closing .eyebrow{max-width:290px;font-size:8px}.closing .button{min-width:222px;min-height:53px;font-size:12px}.site-footer{padding-block:25px}.footer-wordmark{letter-spacing:-1px;font-size:clamp(70px,18.5vw,145px)}.footer-bottom{flex-wrap:wrap;gap:19px;margin-top:22px;padding-top:20px;font-size:8px}.footer-bottom>span:first-child{flex-basis:100%}.footer-bottom>span:last-child{margin-left:auto}}@media (width<=360px){.wrap{width:calc(100% - 32px)}.wordmark{gap:7px;font-size:25px}.wordmark img{width:22px;height:22px}.header-actions{gap:7px}.button-small{gap:9px;padding-inline:10px}.mobile-nav summary{width:32px}.hero h1{font-size:65px}.hero-actions .button{gap:17px;font-size:11px}.mode-panel{padding:21px 16px}.feature-switch a{gap:7px;padding-inline:7px}.feature-switch a svg{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.enhanced .reveal.pending{opacity:1;transform:none}}.showcase-panel:focus-visible,.mode-panel:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.preview-interactive{display:none}.enhanced .preview-interactive{display:flex}.preview-surface{width:100%;min-width:0;position:relative}.preview-surface canvas{opacity:0;width:100%;height:auto;display:block}.preview-loaded canvas{opacity:1}.preview-fallback{object-fit:contain;width:48%;height:auto;max-height:85%;position:absolute;bottom:7%;left:26%}.preview-loaded .preview-fallback{display:none}.preview-loading{color:var(--muted);text-align:center;font-size:11px;display:none;position:absolute;bottom:20px;left:20px;right:20px}.enhanced .preview-loading{display:block}.hero{background:radial-gradient(at 78% 45%,#2f49312e,#0000 57%);min-height:890px}.hero-content{grid-template-columns:.9fr 1.3fr;align-items:center;gap:20px;padding-block:145px 110px;display:grid}.hero h1{letter-spacing:-1px;font-size:clamp(69px,6.5vw,99px)}.hero-description{max-width:370px}.hero-actions{gap:11px}.hero-actions .button{gap:22px;padding-inline:21px}.village-demo{min-width:0}.preview-topline{color:#cbdab7;text-transform:uppercase;letter-spacing:1.1px;justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}.preview-topline>span{align-items:center;gap:8px;display:flex}.preview-topline button{color:#c6d7b1;text-transform:none;background:#183024;border:1px solid #49633d;border-radius:2px;padding:9px 11px;font-size:9px}.village-surface{margin-top:-13px}.village-console{background:#14271ee8;border:1px solid #3d543b;border-radius:3px;margin-top:-35px;padding:15px 17px;position:relative;box-shadow:0 15px 60px #0002}.demo-actions{align-items:center;gap:8px}.demo-actions button{color:#dce9c6;background:#203729;border:1px solid #546b46;border-radius:2px;justify-content:center;align-items:center;gap:6px;min-height:41px;padding:7px 11px;font-size:10px;display:flex}.demo-actions button img{object-fit:contain;width:22px;height:27px}.demo-actions button[aria-pressed=true]{border-color:var(--accent);background:#34482c}.demo-actions button:disabled{opacity:.45;cursor:default}.demo-actions #preview-reset{color:var(--muted);background:0 0;border-color:#3b5239;margin-left:auto;padding-inline:10px;font-size:9px}.demo-stock{color:#aebb9e;gap:19px;margin-top:15px;font-size:10px;display:flex}.demo-stock output{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:6px;font-weight:600}#village-status{color:#d3debf;min-height:17px;margin-top:10px;font-size:10px;line-height:1.7}.village-console>small{color:#9aaa91;margin-top:5px;font-size:8px;display:block}.asset-showcase{background:radial-gradient(at 50% 38%,#d2ed830b,#0000 67%),#10221a;min-width:0;padding:28px;overflow:hidden}.hall-stage{justify-content:center;align-items:center;height:290px;display:flex;position:relative}.hall-stage:before{content:"";background:#d2ed830b;border:1px solid #76965635;border-radius:50%;width:73%;height:45px;position:absolute;bottom:9px}.hall-stage img{object-fit:contain;width:auto;max-width:85%;height:auto;max-height:285px;position:relative}.hall-showcase>figcaption{text-align:center;flex-direction:column;gap:9px;min-height:73px;padding-block:13px;display:flex}.hall-showcase figcaption strong{font:700 25px/1 var(--display);text-transform:uppercase}.hall-showcase figcaption span{color:#b6c7a2;font-size:10px;line-height:1.7}.hall-levels,.pose-controls{justify-content:center;gap:7px}.hall-levels button,.pose-controls button{color:#b9cca3;background:#1a3123;border:1px solid #4c6540;border-radius:2px;min-height:38px;padding:10px 16px;font-size:10px}.hall-levels button[aria-pressed=true],.pose-controls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#d2ed831a}.palette-controls{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:17px}.palette-controls button{color:#b2c1a3;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:6px;padding:8px 7px;font-size:9px;display:flex}.palette-controls button:before{content:"";background:var(--realm);border-radius:50%;width:6px;height:6px;display:block}.palette-controls button[aria-pressed=true]{border-color:var(--realm);color:var(--text)}.asset-caption{text-align:center;color:#a1b38f;margin-top:16px;font-size:9px;line-height:1.8}.exploration-showcase{flex-direction:column;justify-content:center;display:flex}.exploration-surface{margin-top:-25px}.scout-control{background:#172d21;border:1px solid #445d3b;flex-direction:column;gap:13px;padding:15px}.scout-control label{color:var(--accent);align-items:center;gap:16px;font-size:11px;display:flex}.scout-control label svg{width:15px;height:15px}.scout-control input{width:100%;accent-color:var(--accent);min-height:28px}.troop-showcase{padding-top:0}.troop-surface{max-width:490px;margin-inline:auto}.troop-picks,.creature-picks{justify-content:center;gap:6px}.troop-picks button,.creature-picks button{color:#c1d0b1;background:#1c3224;border:1px solid #405b36;border-radius:2px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;padding:9px;font-size:9px;display:flex}.troop-picks button img{object-fit:contain;width:35px;height:44px}.troop-picks button[aria-pressed=true],.creature-picks button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#2d432a}.troop-showcase .pose-controls{margin-top:17px}.troop-detail{text-align:center;border-top:1px solid #354e32;margin-top:22px;padding-top:19px}.troop-detail strong{font:700 28px/1 var(--display);text-transform:uppercase}.troop-detail p{color:var(--muted);min-height:43px;margin-top:11px;font-size:12px;line-height:1.75}.troop-detail>span{color:#c6dba8;margin-top:11px;font-size:10px;display:block}.realm-slot img.realm-hall{object-fit:contain;width:72px;height:63px;margin-bottom:4px}.creature-showcase{min-width:0}.creature-picks{gap:8px}.creature-picks button{min-height:83px}.creature-picks img{object-fit:contain;width:44px;height:44px}.creature-surface{margin-block:0 7px}.creature-info{border-block:1px solid var(--line);margin-top:25px;padding-block:23px}#creature-rarity{text-transform:uppercase;letter-spacing:1.5px;color:#d5b780;font-size:9px}.creature-info h3{margin-top:13px;font-size:34px}.creature-info dl{margin-top:20px}.creature-info dl>div{border-top:1px solid #293e30;justify-content:space-between;gap:18px;padding-block:11px;font-size:12px;display:flex}.creature-info dt{color:#a9bc98}.creature-info dd{color:#dae5bd;font-variant-numeric:tabular-nums}#creature-hint{color:#b4c39c;margin-top:15px;font-size:12px;line-height:1.8}.preview-surface:focus-visible{outline:2px solid var(--accent)}@media (width<=1100px){.hero-content{grid-template-columns:.9fr 1.1fr;gap:10px}.hero h1{font-size:78px}.hero-actions .button{gap:15px;padding-inline:17px;font-size:12px}.village-console{padding-inline:12px}.demo-actions button{padding-inline:8px;font-size:9px}.demo-actions button img{width:18px;height:23px}.asset-showcase{padding:23px}.troop-showcase{padding-top:0}.palette-controls button{padding-inline:5px;font-size:8px}}@media (width<=760px){.hero{min-height:auto}.hero-content{grid-template-columns:1fr;gap:46px;padding-block:135px 102px}.hero h1{max-width:500px;font-size:clamp(64px,12.5vw,90px)}.hero-description{max-width:370px}.hero-actions{gap:10px}.hero-actions .button{gap:17px;padding-inline:17px;font-size:12px}.hero-bottom{bottom:26px}.hero-bottom>span{max-width:155px}.village-console{margin-top:-15px;padding:13px 14px}.preview-topline{font-size:8px}.preview-topline button{padding:8px;font-size:8px}.demo-actions button{min-height:42px;padding:7px 9px;font-size:10px}.demo-actions button img{width:20px;height:25px}.demo-actions #preview-reset{padding-inline:8px;font-size:8px}.demo-stock{margin-top:12px}#village-status{font-size:10px}.asset-showcase{padding:24px 19px}.hall-stage{height:260px}.hall-stage img{max-width:94%;max-height:254px}.hall-showcase figcaption span{font-size:9px}.palette-controls{gap:6px}.palette-controls button{font-size:8px}.troop-showcase{padding-top:0}.troop-picks{gap:5px}.troop-picks button{padding:8px 4px;font-size:8px}.troop-picks button img{width:28px;height:39px}.creature-showcase{width:100%;max-width:520px;margin-inline:auto}.creature-picks button{padding:9px 7px;font-size:9px}.creature-picks img{width:40px;height:40px}.creature-info h3{font-size:34px}.realm-slot img.realm-hall{width:54px;height:49px}}@media (width<=360px){.demo-actions{gap:5px}.demo-actions button{padding-inline:7px;font-size:9px}.demo-actions #preview-reset{padding-inline:6px}.palette-controls{gap:2px}.palette-controls button{font-size:7px}}