@charset "UTF-8";
:root{--navy:#0e1b2e;--deep:#091624;--blue:#2a7cc7;--cyan:#6ed1e0;--cream:#f3e9d6;--amber:#f2a654;--muted:#b2c2cd;--line:#ffffff20;--font:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--navy);color:var(--cream);font-family:var(--font);line-height:1.65}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%;height:auto}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:7px}a:hover{color:var(--cyan)}.skip-link{position:absolute;top:-100px;left:20px;z-index:20;padding:12px 20px;background:var(--cream);color:var(--navy)}.skip-link:focus{top:10px}.header{max-width:1360px;padding:26px 54px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.wordmark img{width:45px;height:55px;object-fit:contain}.wordmark>span{font-family:"Arial Black","Segoe UI",sans-serif;font-size:21px;font-weight:900;letter-spacing:.02em;line-height:1.05}.wordmark small{display:block;color:var(--cyan);font-family:var(--font);font-size:10px;letter-spacing:.55em;margin-top:8px}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav-cta{border:1px solid #6ed1e050;padding:10px 17px;border-radius:4px}.nav-cta span{margin-left:14px;color:var(--cyan)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--cream);padding:8px 12px}.hero{max-width:1440px;min-height:650px;position:relative;margin:auto;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;overflow:hidden;padding:64px 0 68px 7.3%;isolation:isolate}.hero-content{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--cyan);margin:0 0 22px;line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #6ed1e04a;vertical-align:middle;margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(48px,5.2vw,77px);margin-bottom:28px;font-weight:800}h1 em{font-style:normal;color:var(--cyan)}.hero-description{color:#c4d1da;max-width:410px;font-size:16px;line-height:1.85;margin-bottom:30px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;font-size:12px;font-weight:750;padding:15px 21px;border-radius:4px;line-height:1.4;transition:transform .2s,background .2s;position:relative}.button:hover{transform:translateY(-2px)}.amber{color:var(--navy);background:var(--amber);border:1px solid var(--amber);box-shadow:0 3px 0 #ad7137}.amber:hover{color:var(--navy);background:#ffc17d}.text-link{display:inline-flex;gap:18px;font-size:12px;align-items:center;font-weight:650;position:relative}.text-link span{color:var(--cyan)}.hero-note{margin:36px 0 0;font-size:10px;letter-spacing:.08em;color:#91a7b9}.hero-art{height:530px;position:relative;align-self:center}.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-mascot{position:absolute;width:81%;height:88%;object-fit:contain;left:8%;bottom:2%;filter:drop-shadow(0 16px 8px #06111e60)}.orbit{position:absolute;inset:22px 40px 14px 8px;border:1px solid #6ed1e018;border-radius:50%}.art-coordinate{position:absolute;bottom:0;left:13%;font:8px monospace;letter-spacing:.14em;color:#91a7b9}.spark{position:absolute;color:var(--cyan);font-size:22px}.spark-one{right:17%;top:12%}.spark-two{left:8%;top:33%;font-size:18px}.genre-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 5.4%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#122338}.genre-strip>span{color:#8ea8bb;font:8px monospace;letter-spacing:.12em}.genre-strip p{margin:0;font-size:12px;letter-spacing:.17em;font-weight:650}.genre-strip i{font-style:normal;color:var(--amber);font-size:10px;margin:0 28px}.section{max-width:1230px;margin:auto;padding:88px 36px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:clamp(30px,3.1vw,43px);font-weight:750;margin-bottom:25px}.section-heading h2{margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 2px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.game-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#122338}.game-art{position:relative;height:204px;background:#142f40;overflow:hidden}.game-art svg{width:100%;height:100%;object-fit:cover}.game-art>span{position:absolute;left:18px;bottom:13px;font:8px monospace;letter-spacing:.12em;color:var(--cream);background:#0e1b2ee8;padding:5px 7px}.management{background:#102c3d}.strategy{background:radial-gradient(ellipse at top,#2e464e,#122b3b)}.card-copy{padding:23px}.card-copy h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin-bottom:13px}.card-copy p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.portfolio{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:25px;padding:20px 0;border-bottom:1px solid var(--line)}.portfolio p{font-size:11px;color:var(--muted);margin:0}.portfolio .text-link{font-size:11px;flex-shrink:0;padding-bottom:13px}a[data-link] small{font-size:9px;font-weight:400;opacity:.8;letter-spacing:.015em;position:absolute;bottom:-3px;left:0;white-space:nowrap}.studio{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:25px;padding-bottom:95px;align-items:center}.studio-illustration{min-height:430px;position:relative;background:var(--cream);border-radius:6px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(circle at 50% 52%,#f7be6e80 0 34%,transparent 34.2%)}.studio-illustration::after{content:"";position:absolute;inset:17px;border:1px solid #0e1b2e25;pointer-events:none}.studio-illustration>.eyebrow{position:absolute;top:32px;left:34px;color:var(--navy);font-size:8px}.studio-illustration img{width:82%;height:340px;object-fit:contain;margin-top:25px;filter:drop-shadow(0 7px 0 #0e1b2e10)}.studio-stamp{position:absolute;bottom:30px;left:0;width:100%;text-align:center;color:var(--navy);font-size:8px;letter-spacing:.14em;font-weight:700}.studio-stamp span{margin:0 10px;color:#946126}.studio-copy p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:20px;line-height:1.9}.studio-copy .text-link{margin-top:8px}.community{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;position:relative;border-block:1px solid #6ed1e028;background:radial-gradient(ellipse at 85% 5%,#25496288,transparent 65%),#142a3d;padding-top:60px;padding-bottom:60px;border-radius:6px}.community::before{content:"✦";position:absolute;right:28%;top:27px;font-size:19px;color:#6ed1e04a}.community h2{font-size:36px;line-height:1.15}.community p:not(.eyebrow){font-size:13px;max-width:440px;color:var(--muted);margin-bottom:0}.community-actions{max-width:300px;width:100%;justify-self:end;display:grid;gap:20px}.community-actions .button{padding-bottom:28px;padding-top:16px}.community-actions .button small{bottom:10px;left:21px;font-size:9px}.outline{border:1px solid #6ed1e066;background:#0e1b2e50;color:var(--cream)}.outline:hover{background:#1b3c52}.community-actions>p{text-align:center;font-size:10px!important;color:#8da5b8!important;letter-spacing:.04em}.goods{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:85px;padding-bottom:70px}.goods>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:370px}.coming-soon{display:inline-block;font:9px monospace;letter-spacing:.12em;color:var(--amber);border:1px solid #f2a65460;border-radius:3px;padding:8px 12px;margin-top:7px}.fine-print{font-size:10px!important;margin-top:13px;color:#91a7b9!important}.merch-display{height:330px;position:relative;background:radial-gradient(ellipse,#29404e66,transparent 70%)}.merch-shirt{position:absolute;width:255px;left:0;top:0;transform:rotate(-9deg)}.merch-shirt img{position:absolute;top:68px;left:87px;width:90px;height:110px;object-fit:contain}.merch-sticker{position:absolute;width:144px;height:144px;right:0;bottom:42px;background:var(--cream);border-radius:50%;border:7px solid #fff8ec;transform:rotate(12deg);box-shadow:0 12px 22px #06111e60;display:grid;place-items:center}.merch-sticker img{width:122px;height:122px;object-fit:contain}.concept-label{position:absolute;bottom:0;left:0;width:100%;text-align:center;font:8px monospace;letter-spacing:.1em;color:#91a7b9}.link-status{padding-block:26px;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;scroll-margin-top:20px}.link-status strong{color:var(--cream)}.link-status p{margin:0}.link-status:target{background:#18384a}.footer{padding-top:30px;padding-bottom:25px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.footer-top>p{font-size:12px;margin:0;color:var(--muted)}.footer-links{display:flex;gap:30px;font-size:12px}.footer-links>a{position:relative;padding-bottom:12px}.footer-links span{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#91a7b9;border-top:1px solid var(--line);padding-top:22px}
@media(min-width:1440px){.hero{padding-left:105px}.hero-art{margin-right:35px}}@media(max-width:1100px){.header{padding-inline:30px}nav{gap:20px}.hero{padding-left:40px}.hero-art{height:440px}.hero{min-height:570px}h1{font-size:57px}.hero-description{font-size:14px}.genre-strip>span{display:none}.genre-strip{justify-content:center}.studio{gap:45px}.section{margin-inline:20px;padding-inline:24px}.community{gap:30px}.game-art{height:175px}.goods{gap:40px}.merch-shirt{width:230px}.merch-shirt img{left:78px;top:63px;width:81px;height:100px}}@media(max-width:760px){.header{padding:18px 24px;flex-wrap:wrap;gap:18px}.wordmark>span{font-size:18px}.wordmark img{width:36px;height:43px}.wordmark small{font-size:8px}.menu-toggle:not([hidden]){display:block}nav{width:100%;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:12px}.menu-toggle:not([hidden])+nav{display:none}.menu-toggle:not([hidden])+nav.is-open{display:flex}.nav-cta{padding:7px 10px}.hero{grid-template-columns:1fr;padding:45px 24px 20px;min-height:0;text-align:center}.eyebrow{font-size:9px;letter-spacing:.15em}h1{font-size:clamp(43px,10vw,66px);margin-bottom:22px}.hero-description{margin-inline:auto;max-width:420px}.actions{justify-content:center;gap:22px}.hero-note{margin-top:25px}.hero-art{height:400px;max-width:470px;width:100%;margin:12px auto 0}.art-coordinate{font-size:6px;left:12%;bottom:9px}.genre-strip{padding:19px 15px}.genre-strip p{font-size:9px;letter-spacing:.1em}.genre-strip i{margin:0 15px}.section{padding:55px 0;margin-inline:24px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:20px}.game-grid{grid-template-columns:1fr;gap:22px}.game-card{display:grid;grid-template-columns:1fr 1.2fr}.game-art{height:100%;min-height:180px}.game-art svg{object-fit:cover}.card-copy{padding:22px 18px}.card-copy h3{font-size:18px}.card-copy p{font-size:12px}.game-art>span{font-size:6px;left:8px;bottom:9px}.portfolio{align-items:flex-start}.portfolio p{font-size:10px;max-width:230px}.portfolio .text-link{font-size:10px;gap:5px}.studio{grid-template-columns:1fr;gap:35px;padding-top:5px}.studio-illustration{min-height:360px;max-width:470px;width:100%;margin:auto}.studio-illustration img{height:295px;width:80%}.studio-copy h2{font-size:37px}.community{grid-template-columns:1fr;padding:35px 26px;gap:30px;margin-inline:16px}.community h2{font-size:30px}.community-actions{justify-self:start;max-width:none;grid-template-columns:1fr 1fr;gap:14px}.community-actions .button{font-size:10px;gap:8px;padding-left:13px;padding-right:13px}.community-actions .button small{left:13px;font-size:7px}.community-actions>p{grid-column:1/-1}.goods{grid-template-columns:1fr;gap:20px}.goods h2{font-size:37px}.merch-display{max-width:430px;width:100%;margin:auto}.merch-shirt{left:10%}.merch-sticker{right:5%}.link-status{padding-block:24px;display:block}.link-status p{margin-top:8px}.footer{padding-top:25px;padding-bottom:25px}.footer-top{flex-wrap:wrap;gap:24px}.footer-top>p{order:3;width:100%;font-size:11px}.footer-bottom{flex-wrap:wrap;font-size:8px}.footer-links{font-size:10px;gap:20px}}@media(max-width:390px){.game-card{grid-template-columns:1fr}.game-art{height:180px}.genre-strip p{font-size:8px}.genre-strip i{margin-inline:10px}.hero-art{height:330px}.community-actions{grid-template-columns:1fr}.community-actions>p{grid-column:auto}.community-actions .button{font-size:12px}.community-actions .button small{font-size:9px}.footer-links{width:100%}.portfolio{display:block}.portfolio .text-link{margin-top:18px}.header{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Scenic splash: the panorama is independent of the live HTML copy and navigation. */
.hero{max-width:none;min-height:clamp(540px,42vw,660px);padding:65px max(48px,calc((100vw - 1230px)/2 + 36px));display:flex;align-items:center;background:#153348;border-bottom:1px solid #6ed1e033;text-align:left}
.hero-panorama{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,20,33,.8),rgba(5,20,33,.6) 27%,rgba(5,20,33,.16) 53%,transparent 72%)}
.hero-content{width:100%;max-width:570px;text-shadow:0 2px 12px #06111e66}
.hero h1{font-size:clamp(48px,4.8vw,72px);line-height:1.08;letter-spacing:-.035em;margin-bottom:25px}
.hero h1 em{color:var(--cream)}
.hero .eyebrow{color:#a8e8f0;font-size:10px;margin-bottom:22px;letter-spacing:.16em}
.hero-description{max-width:380px;color:#f3e9d6;font-size:16px;line-height:1.7;margin-bottom:28px}
.hero .actions{gap:17px;justify-content:flex-start}
.hero .button{font-size:13px;padding:14px 22px;text-shadow:none}
.hero-story{background:#0e1b2e55;border-color:#d0e5e7a0;min-width:120px;justify-content:center;color:var(--cream)}
.hero-story:hover{background:#0e1b2eb3}
@media(min-width:1440px){.hero{padding-left:max(48px,calc((100vw - 1230px)/2 + 36px))}}
@media(max-width:1100px) and (min-width:761px){.hero{min-height:530px;padding-left:44px}.hero h1{font-size:56px}.hero-content{max-width:470px}.hero-description{max-width:335px;font-size:15px}}
@media(max-width:760px){.hero{min-height:740px;padding:40px 24px 340px;align-items:flex-start;text-align:left}.hero-content{max-width:450px}.hero h1{font-size:clamp(42px,9.2vw,60px);margin-bottom:22px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:19px}.hero-description{font-size:15px;max-width:360px;margin-left:0;margin-bottom:24px}.hero .actions{gap:13px}.hero .button{font-size:12px;padding:13px 17px}.hero-story{min-width:100px}.hero-panorama{object-position:62% center}.hero::after{background:linear-gradient(180deg,rgba(5,20,33,.93),rgba(5,20,33,.78) 30%,rgba(5,20,33,.34) 53%,transparent 73%)}}
@media(max-width:390px){.hero{min-height:720px;padding-inline:22px;padding-bottom:320px}.hero .button{padding-inline:14px;font-size:11px}.hero-story{min-width:90px}}
@media(max-width:760px){.hero-panorama{top:230px;height:calc(100% - 230px);object-position:54% center;mask-image:linear-gradient(to bottom,transparent,#000 18%)}}