.game-page{--paper:#080b10;--ink:#f3efe6;--muted:#a9b6c1;--line:#303c48;--accent:#f47b3a;--blue:#9bcee8;--focus:var(--blue);background:var(--paper);color:var(--ink)}
.game-page [hidden]{display:none!important}
.game-page .site-header{background:var(--paper)}
.game-page .site-nav{min-height:88px}
.game-page .brand{font-size:12px}
.game-page .nav-links{font-size:13px}
.game-page .nav-links a:last-child{font-weight:400}
.game-page .skip{background:var(--accent);color:var(--paper)}
.game-page .button-accent{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.game-page .button-accent:focus-visible{outline-color:var(--ink)}
.game-page .nav-toggle{color:var(--ink)}
.game-page .button-accent:hover{background:#ff995d;border-color:#ff995d}
.game-page .site-footer{border-top:1px solid var(--line)}
.g-hero{position:relative;isolation:isolate;min-height:min(800px,calc(100svh - 88px));padding-top:clamp(50px,5.5vw,88px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.g-hero-art{position:absolute;z-index:-1;width:64%;right:-4%;top:0;bottom:28px;display:flex;align-items:center;justify-content:center;pointer-events:none;mix-blend-mode:screen;transform:translate3d(var(--ship-x,0px),var(--ship-y,0px),0);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.g-hero-art img{width:100%;height:auto;max-height:100%;object-fit:contain;animation:g-arrive 1.2s cubic-bezier(.22,1,.36,1) both}
.g-hero-copy{position:relative;max-width:68%;padding-bottom:54px}
.g-release-line{display:flex;align-items:center;gap:10px;font-size:12px;color:#c5cacc;margin-bottom:30px}
.g-release-line>span{width:6px;height:6px;background:var(--accent);border-radius:50%}
.g-hero h1{font:700 clamp(80px,12vw,186px)/.81 Oxanium,Arial,sans-serif;letter-spacing:-.085em;margin:0 0 34px -7px}
.g-hero h1>span{display:block;animation:g-title-in .8s cubic-bezier(.22,1,.36,1) both}
.g-hero h1>span+span{animation-delay:.08s}
.g-period{color:var(--accent)}
.g-tagline{font-size:clamp(27px,2.8vw,42px);line-height:1.07;letter-spacing:-.04em;margin-bottom:34px}
.g-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);position:relative;padding-block:22px;color:var(--muted);font-size:12px}
.g-hero-bottom p:last-child{color:#d7dcda}
.g-hero-bottom p>span{padding-inline:9px;color:var(--accent)}
.g-gameplay{padding-block:100px 76px;background:#101720}
.g-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}
.g-section-heading h2,.g-details h2{font-size:clamp(45px,6.2vw,94px);font-weight:500;line-height:.94;letter-spacing:-.065em}
.g-section-heading h2 span{color:var(--blue)}
.g-section-heading>p{font-size:13px;color:var(--muted);padding-bottom:7px}
.g-gallery{width:100%;max-width:680px;margin-inline:auto}
.g-screen{margin:0}
.g-phone-display>.g-shot-view{display:block;position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);background:#000}

.g-phone-display>.g-shot-view{touch-action:pan-y pinch-zoom}
.g-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .18s ease}
.g-screen.is-loading img{opacity:.65}
.g-screen figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:19px;min-height:67px}
.g-screen figcaption>p{font-size:14px}
.g-gallery-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
#g-shot-count{font:400 12px Oxanium,Arial,sans-serif;color:var(--muted);min-width:48px;margin-right:14px;font-variant-numeric:tabular-nums}
.g-arrow{width:44px;height:44px;background:transparent;color:var(--ink);border:1px solid var(--line);font-size:23px;line-height:1;transition:background .2s,border-color .2s}
.g-arrow:hover{background:#ff995d;border-color:#ff995d;color:var(--paper)}
.g-thumbnails{display:flex;overflow-x:auto;gap:14px;margin-top:24px;padding:5px 0 2px;scrollbar-width:thin;scrollbar-color:#546364 transparent}
.g-thumbnail{padding:0;border:0;background:transparent;color:var(--muted);text-align:left;min-width:0;position:relative}
.g-thumbnail img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--paper);opacity:.48;transition:opacity .2s;outline:1px solid transparent;outline-offset:3px}
.g-thumbnail span{display:block;font-size:11px;margin-top:12px;white-space:nowrap}
.g-thumbnail:hover img,.g-thumbnail[aria-pressed=true] img{opacity:1}
.g-thumbnail[aria-pressed=true]{color:var(--ink)}
.g-thumbnail[aria-pressed=true] img{outline-color:var(--accent)}
.g-play-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:62px;border-top:1px solid var(--line);padding-top:28px}
.g-play-facts p{font-size:18px;font-weight:500;letter-spacing:-.03em}
.g-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:85px}
.g-details-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px}
.g-detail-intro{color:var(--muted);font-size:14px;margin-top:28px}
.g-detail-list{margin:0}
.g-detail-list>p{font-size:16px;color:var(--muted);line-height:1.65;padding:24px 0;border-bottom:1px solid var(--line);max-width:510px}
.g-detail-list>p:first-child{padding-top:0}
.g-detail-list>p:last-child{padding-bottom:0;border:0}
.g-detail-list>div{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;padding:26px 0;border-bottom:1px solid var(--line)}
.g-detail-list>div:first-child{padding-top:0}
.g-detail-list>div:last-child{border:0;padding-bottom:0}
.g-detail-list dt{font-size:17px;line-height:1.35;font-weight:500;letter-spacing:-.025em}
.g-detail-list dd{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
.g-coming{padding-top:94px;padding-bottom:66px}
.g-coming h2{font-size:clamp(64px,11.3vw,168px);font-weight:500;line-height:.92;letter-spacing:-.075em}
.g-coming h2>span{color:var(--accent)}
.g-coming-bottom{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-top:47px}
.g-coming-bottom>p{font-size:18px;line-height:1.6;letter-spacing:-.02em}
.g-coming-bottom>p>span{font-size:13px;color:var(--muted);letter-spacing:0}
.g-coming-bottom .text-link>span{color:var(--accent)}
@keyframes g-arrive{from{opacity:0;transform:translate3d(20px,8px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes g-title-in{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.g-hero{min-height:820px}.g-hero-art{width:65%;right:-2%}}
@media(max-width:1100px){.g-hero{min-height:660px}.g-hero h1{font-size:12.2vw}.g-hero-art{width:67%;right:-7%}.g-hero-copy{max-width:72%}.g-hero-bottom{font-size:11px;align-items:start}.g-hero-bottom p:last-child{max-width:255px;text-align:right}.g-thumbnails{gap:12px}.g-thumbnail span{font-size:10px}.g-details-grid{gap:40px;grid-template-columns:.85fr 1.15fr}.g-detail-list>div{grid-template-columns:1fr;gap:10px}}
@media(max-width:760px){.game-page .site-nav{min-height:76px}.game-page .brand{font-size:11px}.g-hero{min-height:0;padding-top:40px;overflow:hidden}.g-hero-copy{max-width:none;padding-bottom:0}.g-release-line{font-size:11px;margin-bottom:28px}.g-hero h1{font-size:clamp(82px,18.3vw,139px);margin-left:-4px;max-width:75%;margin-bottom:24px}.g-tagline{font-size:27px;margin-bottom:26px}.g-hero-art{width:79%;right:-16%;top:90px;bottom:auto;height:380px;opacity:.94}.g-hero .button{position:relative;z-index:1;margin-top:22px}.g-hero-bottom{margin-top:40px;flex-direction:column;gap:6px;font-size:11px;padding-block:20px}.g-hero-bottom p:last-child{max-width:none;text-align:left}.g-hero-bottom p>span{padding-inline:4px}.g-gameplay{padding-block:56px 44px}.g-section-heading{margin-bottom:28px;align-items:end}.g-section-heading h2,.g-details h2{font-size:clamp(43px,8.7vw,64px)}.g-section-heading>p{font-size:11px;max-width:90px;text-align:right}.g-screen figcaption{gap:12px;padding-top:14px;align-items:center;min-height:63px}.g-screen figcaption>p{font-size:12px;max-width:52%;line-height:1.5}.g-gallery-controls{gap:6px}#g-shot-count{font-size:11px;margin-right:5px;min-width:36px}.g-arrow{width:38px;height:44px;font-size:21px}.g-thumbnails{display:flex;overflow-x:auto;gap:14px;margin-top:18px;padding:5px 4px 10px;scroll-snap-type:x proximity}.g-thumbnail{flex:0 0 108px;scroll-snap-align:start}.g-thumbnail span{font-size:11px}.g-play-facts{grid-template-columns:1fr;gap:22px;margin-top:33px;padding-top:25px}.g-play-facts p{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:baseline}.g-play-facts strong{font-size:15px;margin:0}.g-play-facts span{font-size:12px}.g-details{padding-block:52px}.g-details-grid{grid-template-columns:1fr;gap:38px}.g-detail-intro{margin-top:20px;font-size:13px}.g-detail-list>div{grid-template-columns:.9fr 1.1fr;gap:24px;padding-block:23px}.g-detail-list dt{font-size:15px}.g-detail-list dd{font-size:12px}.g-coming{padding-top:56px;padding-bottom:40px}.g-coming h2{font-size:clamp(53px,12.6vw,92px)}.g-coming-bottom{margin-top:30px;align-items:start;flex-direction:column;gap:20px}.g-coming-bottom>p{font-size:16px}.g-coming-bottom>p>span{font-size:12px}.g-coming-bottom .text-link{font-size:13px}}
@media(max-width:430px){.g-hero-art{width:91%;height:335px;right:-23%;top:121px}.g-hero h1{font-size:18.1vw}.g-tagline{font-size:25px;position:relative;z-index:1}.g-hero .button{margin-top:35px;font-size:12px;padding:16px 19px;gap:32px}.g-hero-bottom{margin-top:30px}.g-play-facts p{grid-template-columns:1fr;gap:4px}.g-play-facts{gap:22px}.g-detail-list>div{grid-template-columns:1fr;gap:8px}.g-section-heading>p{max-width:70px}}
@media(max-width:760px){.g-play-facts p{display:block;font-size:15px}.g-detail-list>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.g-hero-art{transform:none}.g-hero-art img,.g-hero h1>span{animation:none}.g-screen img{transition:none}}

/* Game information continues the approved monochrome layout. */
.g-play-facts p{display:block;font-size:15px;font-weight:400;line-height:1.7;letter-spacing:0;color:var(--muted)}
.g-play-facts strong,.g-mini-context strong,.g-detail-list strong{font-weight:600;color:var(--ink)}
.g-minigames{padding-top:20px;padding-bottom:90px}
.g-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,88px)}
.g-mini{min-width:0;border-top:1px solid var(--line);padding-top:28px}
.g-mini-copy{min-width:0;max-width:56ch}
.g-mini-copy h3{font-size:clamp(28px,3.1vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin-bottom:22px;overflow-wrap:break-word}
.g-mini-copy p,.g-mini-context p{font-size:15px;line-height:1.7;color:var(--muted)}
.g-mini-copy p+p{margin-top:16px}
.g-mini-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:52px;padding-top:28px;border-top:1px solid var(--line)}
.g-release-copy{min-width:0}
.g-release-copy p:first-child{font-size:18px;line-height:1.6;letter-spacing:-.02em;color:var(--ink)}
.g-release-copy p+p{font-size:13px;line-height:1.65;color:var(--muted);margin-top:5px}
@media(max-width:1050px){.game-page .nav-links{gap:18px}}
@media(max-width:760px){.game-page .nav-links{gap:0}.g-minigames{padding-top:12px;padding-bottom:52px}.g-mini-list{grid-template-columns:minmax(0,1fr);gap:36px}.g-mini{padding-top:22px}.g-mini-copy h3{font-size:28px;margin-bottom:14px}.g-mini-context{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:36px;padding-top:24px}.g-play-facts p,.g-mini-copy p,.g-mini-context p{font-size:14px}.g-release-copy p:first-child{font-size:16px}.g-release-copy p+p{font-size:12px}}

.g-gameplay-intro{max-width:72ch;margin:-12px 0 36px;font-size:clamp(16px,1.4vw,19px);line-height:1.7;color:var(--muted)}
.g-release-copy{max-width:66ch}
.g-release-copy a{text-decoration:underline;text-underline-offset:.2em}
@media(max-width:760px){.g-gameplay-intro{margin-top:-4px;margin-bottom:28px}}

/* A compact landscape phone: ~6.5in screen diagonal at CSS 96dpi, responsive below that. */
.g-phone-scene{perspective:1200px;padding:18px 22px 30px}
.g-phone{position:relative;isolation:isolate;width:100%;max-width:618px;margin-inline:auto;padding:12px 25px;border:1px solid #818181;border-radius:38px;background:linear-gradient(145deg,#a3a3a3 0%,#303030 7%,#080808 26%,#181818 69%,#686868 97%,#c5c5c5 100%);box-shadow:inset 0 0 0 2px #151515,inset 0 0 0 3px #626262,0 6px 0 #252525,0 8px 0 #080808,0 24px 36px -15px #0009;transform:rotateX(4deg) rotateY(-7deg) rotateZ(-1deg);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.g-phone::before{content:"";position:absolute;left:9px;top:calc(50% - 18px);width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555,#070707 58%);box-shadow:0 0 0 1px #5c5c5c,0 0 0 3px #101010;pointer-events:none}
.g-phone::after{content:"";position:absolute;left:92px;top:-4px;width:52px;height:3px;border:1px solid #737373;border-radius:2px;background:linear-gradient(#b5b5b5,#333);pointer-events:none}
.g-phone-speaker{position:absolute;left:11px;top:calc(50% + 4px);width:3px;height:20px;border-radius:3px;background:#030303;box-shadow:inset 1px 0 #7775;pointer-events:none}
.g-phone-display{position:relative;aspect-ratio:1920/892;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #030303,0 0 0 2px #74747455;color-scheme:dark}
.g-phone-display>video{position:absolute;inset:4px;display:block;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;background:#000}
.g-phone:hover,.g-phone:focus-within{transform:rotateX(0) rotateY(0) rotateZ(0)}
.g-phone:focus-within{outline:2px solid var(--ink);outline-offset:8px}
.g-gallery .g-thumbnail{flex:0 0 76px;align-self:flex-start}
.g-gallery .g-thumbnail span{font-size:10px;line-height:1.4;white-space:normal;margin-top:9px}
.g-thumbnail.is-film::after{content:"▶";position:absolute;left:50%;top:20px;transform:translate(-50%,-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0b0b0bd9;color:#f3efe6;font-size:11px;padding-left:2px;pointer-events:none}
.g-screen figcaption>p{line-height:1.5;min-width:0}
.g-mini-visual{margin:0 0 24px}
.g-mini-visual .g-phone-scene{padding:12px 6px 28px}
.g-mini-visual .g-phone{max-width:520px}
.g-mini-visual .g-phone-display{aspect-ratio:219/101}
@media(max-width:760px){.g-phone-scene{padding:12px 2px 24px}.g-phone{padding:9px 18px;border-radius:29px;transform:none}.g-phone-display{border-radius:10px}.g-phone::before{left:5px;width:6px;height:6px}.g-phone-speaker{left:7px;height:16px}.g-screen figcaption{align-items:flex-start;gap:10px}.g-screen figcaption>p{max-width:none;flex:1;font-size:12px}.g-gallery-controls{gap:5px}#g-shot-count{margin-right:0;min-width:32px}.g-gallery .g-thumbnail{flex-basis:82px}.g-thumbnail.is-film::after{top:23px}}
@media(prefers-reduced-motion:reduce){.g-phone{transform:none;transition:none}}
@media(orientation:landscape) and (max-height:500px) and (max-width:1100px){.g-mini-list{grid-template-columns:minmax(0,1fr)}.g-mini-copy{margin-inline:auto}.g-mini-visual .g-phone{max-width:618px}.g-phone,.g-phone:hover,.g-phone:focus-within{transform:none}}