:root{--paper:#f5f3eb;--ink:#244e43;--muted:#626e60;--line:#d6d9cb;--accent:#c0d58c;--soft:#e9ecdf;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}

*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-underline-offset:5px}
img,svg{max-width:100%}
img{display:block}
button{font:inherit;color:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8c572b;outline-offset:6px}
p{line-height:1.65}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}
h2{font-size:clamp(36px,4.2vw,58px);line-height:1.08}
h3{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.035em;line-height:1.2}
.wrap{max-width:1328px;width:calc(100% - 112px);margin-inline:auto}
.section-space{padding-block:104px}
.eyebrow{font-size:16px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;line-height:1.5;margin-bottom:22px}
.skip-link{position:fixed;left:20px;top:-80px;padding:16px;background:var(--ink);color:white;z-index:10}
.skip-link:focus{top:12px}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:36px;font-weight:700;letter-spacing:-2px;line-height:1}
.site-header nav{display:flex;align-items:center;gap:36px;font-size:16px}
.site-header nav a{text-decoration:none;white-space:nowrap}
.site-header nav a:hover{text-decoration:underline}
.nav-cta{border:1px solid #a6b0a0;padding:13px 18px;border-radius:4px;display:flex;gap:28px;align-items:center}
.nav-cta span{font-size:18px}
.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:670px;padding-block:64px 70px;gap:4px}
.hero-copy{position:relative;z-index:1;min-width:0;container-type:inline-size}
.hero .eyebrow{display:flex;align-items:center;gap:9px}
.status-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#789353}
.hero h1{font-size:clamp(28px,10.6cqw,69px);line-height:1.09;margin-bottom:28px}
.hero h1>span{display:block;white-space:nowrap}
.hero h1 em{font-weight:400;color:#67814e}
.hero-description{font-size:18px;max-width:370px;color:var(--muted);margin-bottom:29px;line-height:1.75}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);text-decoration:none;padding:17px 23px;border-radius:4px;font-size:16px;transition:background .15s}
.button:hover{background:#376657}
.button span{font-size:20px;line-height:1}
.hero-platforms{font-size:16px;color:var(--muted);margin-top:14px}
.hero-art{position:relative;min-width:0}
.world{position:relative;aspect-ratio:1;width:100%;margin:0}
.hero-grid{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 48%,#000 50%,transparent 72%)}
/* Same 43° / −35° ground plane as the game; 4 cells × 193px on our 1000px canvas. */
.hero-grid-plane{position:absolute;width:77.2%;height:77.2%;left:11.4%;top:9.4%;transform:rotateX(43deg) rotateZ(-35deg)}
.hero-grid-lines{position:absolute;inset:-25%;background-image:linear-gradient(#81926c2c 1px,transparent 1px),linear-gradient(90deg,#81926c2c 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 6);background-origin:border-box;border:1px solid #81926c20;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}
.hero-grid-shine{position:absolute;inset:-1px;opacity:0;pointer-events:none;background-image:linear-gradient(#fff6d6b3 1px,transparent 1px),linear-gradient(90deg,#fff6d6b3 1px,transparent 1px);background-size:inherit;mask-image:linear-gradient(90deg,transparent 40%,#0004 46%,#000 50%,#0004 54%,transparent 60%);mask-size:300% 100%;mask-repeat:no-repeat;mask-position:100% 0}
.landscape{position:absolute;inset:0}
.landscape img{position:absolute;max-width:none;width:31.2%;height:auto;user-select:none;pointer-events:none}
.game-facts{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;border-block:1px solid var(--line);padding-block:25px}
.game-facts p{font-size:16px;line-height:1.6}
.game-facts span{color:#7e8d6b;margin-right:12px;font-size:15px}
.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end;margin-bottom:52px}
.section-heading>p,.section-heading>div>p:not(.eyebrow){max-width:405px;color:var(--muted);font-size:17px;line-height:1.8}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.steps article{border-top:1px solid #aebaa2;padding-top:23px}
.step-number{display:block;font-size:15px;font-weight:700;letter-spacing:1.5px;color:#6a7d58;margin-bottom:25px}
.steps h3{margin-bottom:14px}
.steps p{font-size:17px;color:var(--muted);max-width:320px}
.look-section{background:var(--soft)}
.look-section .section-heading{align-items:end}
.view-switch{display:flex;max-width:100%;margin-top:24px;border:1px solid #aeb9a5;border-radius:5px;padding:4px;gap:3px;width:fit-content}
.view-switch[hidden]{display:none}
.view-switch button{line-height:1.5;background:transparent;border:0;border-radius:3px;padding:11px 16px;font-size:16px;cursor:pointer}
.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.view-switch button span{font-size:15px;margin-left:5px;opacity:.8}
.game-preview{border-radius:8px;overflow:hidden;background:#102018;box-shadow:0 16px 35px #223c2510}
.game-preview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.game-preview figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 24px;background:#244e43;color:#f5f3eb;font-size:16px;line-height:1.6}
.game-preview figcaption span:last-child{color:#d3dec6}
.alternate-preview{margin-top:24px}
.characters-section{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}
.character-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:370px;margin-top:24px}
.character-copy .small-note{font-size:16px!important}
.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px}
.characters figure{text-align:center}
.characters img{width:116px;height:116px;object-fit:contain;margin-inline:auto}
.characters figcaption{font-family:var(--serif);font-size:21px;margin-top:10px}
.characters figcaption span{display:block;margin-top:7px;font:15px Arial,Helvetica,sans-serif;letter-spacing:.8px;color:var(--muted)}
.play-section{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:58px 64px 60px;border-radius:6px;margin-bottom:100px}
.play-heading .eyebrow{color:#d2dfbe}
.play-heading h2{font-size:64px}
.play-options{display:grid;gap:27px}
.play-options article{display:flex;gap:23px;align-items:baseline}
.mode-symbol{width:36px;flex-shrink:0;font:24px var(--serif);color:#c8db9e}
.play-options h3{font-size:23px;letter-spacing:-.025em}
.play-options p{font-size:16px;color:#d1dccb;margin-top:7px;max-width:340px}
.download-section{border-top:1px solid var(--line);text-align:center;padding-top:90px;background:linear-gradient(var(--paper),#eef0e4)}
.download-section h2{font-size:clamp(42px,5vw,68px)}
.download-intro{font-size:17px;color:var(--muted);margin-top:23px;line-height:1.8}
.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;text-align:left}
.store-card{position:relative;background:#fafaf4;border:1px solid #cfd5c4;border-radius:6px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.device-icon{width:32px;height:32px;stroke:var(--ink);stroke-width:1.4;fill:none;margin-bottom:28px}
.availability{position:absolute;top:36px;right:26px;font-size:15px;text-transform:uppercase;letter-spacing:1.1px;color:#59733f;border:1px solid #d5dec6;border-radius:20px;padding:3px 8px;background:#eef3e5}
.store-card h3{font-size:29px}
.device-name{font-size:16px;margin-top:9px;color:var(--muted)}
.store-detail{font-size:16px;line-height:1.9;margin-top:25px;margin-bottom:25px;color:var(--muted)}
.store-placeholder{display:block;width:100%;font-size:16px;font-weight:700;border-top:1px solid var(--line);padding-top:20px;margin-top:auto;color:#52674a;line-height:1.7}
.release-note{font-size:16px;color:var(--muted);margin:27px auto 0;line-height:1.9}
.requirements{max-width:720px;margin:32px auto 0;text-align:left;border-block:1px solid #cdd4c2}
.requirements summary{font-size:16px;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none}
.requirements summary::-webkit-details-marker{display:none}
.requirements summary span{font-size:20px;font-weight:400}
.requirements[open] summary span{transform:rotate(45deg)}
.requirements p{font-size:16px;line-height:1.8;color:var(--muted);padding-bottom:20px}
.support-section{padding-block:65px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.support-section .eyebrow{margin-bottom:15px}
.support-section h2{font-size:35px}
.support-section p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:14px}
.contact-link{font-size:18px;text-decoration:none;border-bottom:1px solid #9ca98f;padding-block:10px;display:flex;gap:40px}
.site-footer{flex-wrap:wrap;border-top:1px solid var(--line);padding-block:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.publisher{display:flex;gap:22px;align-items:center}
.publisher img{object-fit:contain}
.publisher p{font-size:16px;line-height:1.8}
.publisher p span{color:var(--muted);font-size:15px}
.footer-links{display:flex;flex-wrap:wrap;gap:24px;color:var(--muted);font-size:16px;align-items:center}
.footer-links a{text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.privacy-content{max-width:720px;margin:70px auto 100px}
.privacy-content h1{font-size:58px;margin-bottom:20px}
.privacy-content h2{font-size:28px;margin:36px 0 14px;letter-spacing:-.03em}
.privacy-content p{color:var(--muted);font-size:17px;margin-bottom:16px}
.privacy-content .eyebrow{font-size:16px;color:var(--ink)}

@media(min-width:1600px){.hero{min-height:740px}
}

@media(max-width:1100px){.wrap{width:calc(100% - 64px)}
.hero{min-height:620px}
.hero-description{max-width:310px;font-size:17px}
.section-heading{gap:50px}
.characters-section{gap:45px}
.play-section{padding:48px}
.store-card{padding:25px 21px}
.availability{right:18px;top:30px;font-size:14px}
.footer-links{gap:16px}
.site-footer{align-items:flex-start}
.publisher{gap:12px}
.publisher img{width:85px}
.game-facts{gap:20px}
.game-facts p{font-size:16px}
.game-facts span{margin-right:6px}
}

@media(max-width:800px){.site-header{height:88px}
.site-header nav{gap:24px}
.site-header nav>a:nth-child(2){display:none}
.hero{grid-template-columns:1fr 1fr;min-height:540px;padding-block:55px}
.hero .eyebrow{font-size:15px;letter-spacing:1.3px}
.hero-description{font-size:18px;max-width:280px}
.hero-platforms{font-size:15px}
.section-space{padding-block:75px}
.game-facts{grid-template-columns:1fr;gap:13px;padding-block:22px}
.game-facts p{font-size:16px}
.game-facts span{margin-right:15px}
.section-heading{gap:35px;grid-template-columns:1fr 1fr}
.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:16px}
.steps{gap:22px}
.steps h3{font-size:24px}
.steps p{font-size:16px}
.characters-section{gap:30px}
.characters{gap:27px 7px}
.characters img{width:95px;height:95px}
.characters figcaption{font-size:19px}
.character-copy>p:not(.eyebrow){font-size:16px}
.play-section{gap:30px;padding:38px;margin-bottom:70px;grid-template-columns:.9fr 1.1fr}
.play-heading h2{font-size:52px}
.play-options h3{font-size:21px}
.play-options p{font-size:16px}
.play-options article{gap:12px}
.mode-symbol{width:23px}
.store-grid{grid-template-columns:1fr;gap:16px}
.store-card{max-width:520px;width:100%;margin-inline:auto}
.store-card{padding:23px 17px}
.store-card h3{font-size:23px}
.availability{position:static;margin-bottom:17px}
.device-icon{margin-bottom:16px}
.device-name{font-size:16px;min-height:0}
.store-detail{font-size:16px;margin-top:16px}
.store-placeholder{font-size:15px}
.support-section{align-items:flex-start;flex-direction:column;gap:20px}
.site-footer{flex-direction:column}
.privacy-content{margin-inline:32px}
.view-switch button{padding:9px 10px;font-size:15px}
}

@media(max-width:580px){.wrap{width:calc(100% - 40px)}
.site-header{height:78px;gap:15px}
.brand{font-size:30px;gap:8px}
.brand img{width:29px;height:29px}
.site-header nav{gap:15px;font-size:16px}
.site-header nav>a:not(.nav-cta){display:none}
.nav-cta{padding:10px 12px;gap:13px}
.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:30px;gap:0;min-height:0}
.hero h1{margin-bottom:23px}
.hero .eyebrow{font-size:15px;margin-bottom:22px;letter-spacing:1.5px}
.hero-description{font-size:17px;max-width:360px;line-height:1.75;margin-bottom:24px}
.hero-platforms{font-size:15px}
.button{padding:15px 20px;font-size:16px;gap:36px}
.hero-art{margin-top:10px}
.game-facts{padding-block:22px;gap:14px}
.game-facts p{font-size:16px}
.game-facts span{margin-right:9px}
.section-space{padding-block:60px}
.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:32px}
h2{font-size:39px}
.eyebrow{font-size:15px;letter-spacing:1.4px;margin-bottom:17px}
.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:17px;max-width:360px}
.steps{grid-template-columns:1fr;gap:30px}
.steps article{padding-top:19px}
.step-number{margin-bottom:15px;font-size:15px}
.steps h3{font-size:27px;margin-bottom:10px}
.steps p{font-size:17px;max-width:none}
.view-switch{margin-top:20px}
.view-switch button{font-size:16px;padding:10px 14px}
.game-preview{border-radius:4px}
.game-preview figcaption{padding:13px 14px;font-size:15px;gap:15px}
.game-preview figcaption span:last-child{max-width:145px;text-align:right}
.characters-section{grid-template-columns:1fr;gap:35px}
.character-copy>p:not(.eyebrow){font-size:17px}
.characters{gap:28px 10px}
.characters img{width:100px;height:100px}
.characters figcaption{font-size:21px}
.characters figcaption span{font-size:15px}
.play-section{grid-template-columns:1fr;gap:35px;padding:32px 26px;margin-bottom:60px}
.play-heading h2{font-size:48px}
.play-options{gap:26px}
.play-options h3{font-size:24px}
.play-options p{font-size:16px}
.play-options article{gap:17px}
.mode-symbol{width:30px}
.download-section h2{font-size:44px}
.download-intro{font-size:17px;margin-top:20px}
.store-grid{grid-template-columns:1fr;gap:15px;margin-top:32px}
.store-card{padding:25px}
.device-icon{margin-bottom:22px}
.availability{position:absolute;top:27px;right:24px;font-size:15px}
.store-card h3{font-size:30px}
.device-name{font-size:16px;min-height:0}
.store-detail{font-size:16px;margin:20px 0}
.store-placeholder{font-size:16px;padding-top:16px}
.release-note{font-size:15px;line-height:1.8}
.release-note br{display:none}
.requirements{margin-top:25px}
.requirements summary{font-size:16px}
.support-section{padding-block:45px}
.support-section h2{font-size:31px}
.contact-link{font-size:16px;gap:25px}
.site-footer{padding-block:28px;gap:26px}
.footer-links{gap:18px;font-size:15px;flex-wrap:wrap}
.publisher img{width:90px}
.publisher{gap:20px}
.privacy-content{margin:45px 20px 65px}
.privacy-content h1{font-size:44px}
.privacy-content h2{font-size:27px}
.privacy-content p{font-size:17px}
}

@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}
.hero-grid-shine{display:none}
*,*::before,*::after{animation:none!important;transition:none!important}
}



/* Anchors projected from the game menu’s connected 14-tile landscape. */
.world-tile-1{left:41.4856%;top:1.6018%;z-index:1;}

.world-tile-2{left:25.6760%;top:9.6978%;z-index:2;}

.world-tile-3{left:52.5556%;top:13.1641%;z-index:3;}

.world-tile-4{left:9.8663%;top:17.7939%;z-index:4;}

.world-tile-5{left:36.7460%;top:21.2603%;z-index:5;}

.world-tile-6{left:63.6257%;top:24.7266%;z-index:6;}

.world-tile-7{left:20.9364%;top:29.3563%;z-index:7;}

.world-tile-8{left:47.8160%;top:32.8227%;z-index:8;}

.world-tile-9{left:5.1267%;top:37.4525%;z-index:9;}

.world-tile-10{left:32.0064%;top:40.9188%;z-index:10;}

.world-tile-11{left:58.8860%;top:44.3851%;z-index:11;}

.world-tile-12{left:16.1968%;top:49.0149%;z-index:12;}

.world-tile-13{left:43.0764%;top:52.4813%;z-index:13;}

.world-tile-14{left:27.2668%;top:60.5773%;z-index:14;}