/* Hallmark · macrostructure: Workbench · tone: editorial game shop · anchor hue: cyan/pink
 * custom: dark countryside media index · nav: N7 (user brief) · footer: Ft4
 * audience: adult game players · purpose: game information and download · heavy sans + Noto Sans SC
 * pre-emit critique: P4 H5 E4 S4 R5 V4 */
@import url('tokens.css');
@font-face{font-family:'Noto Sans SC';src:url('fonts/noto-sans-sc-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('fonts/noto-sans-sc-700.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:var(--color-clear)}button{border:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}p+p{margin-top:var(--space-md)}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.35;overflow-wrap:anywhere;min-width:0}h1{font-weight:900}h2{font-size:clamp(1.65rem,2.6vw,2.35rem);font-weight:700}h3{font-size:var(--text-lg)}p{color:var(--color-muted)}h1+ p,h2+p,h3+p{margin-top:var(--space-md)}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}a:hover{color:var(--color-cyan)}button:active,.button:active{transform:translateY(1px)}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}button[data-state=loading]{cursor:progress}button[data-state=error]{outline:2px solid var(--color-error)}button[data-state=success]{outline:2px solid var(--color-success)}[hidden]{display:none!important}::selection{background:var(--color-cyan);color:var(--color-paper)}.wrap{width:calc(100% - 40px);max-width:1280px;margin-inline:auto}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.skip{position:fixed;top:-90px;left:16px;z-index:100;background:var(--color-cyan);color:var(--color-paper);padding:12px}.skip:focus{top:12px}.button{min-height:48px;padding:12px 20px;display:inline-flex;justify-content:center;align-items:center;gap:20px;white-space:nowrap;font-weight:700;font-size:.95rem;transition:transform var(--dur-short) var(--ease-out);border:1px solid var(--color-rule);border-radius:var(--radius-sm)}.button.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.primary:hover{outline:1px solid var(--color-accent);outline-offset:4px}.secondary{background:var(--color-panel);color:var(--color-ink)}.secondary:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.button span{font-size:1.15rem}.text-link,.under-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-weight:700;border-bottom:1px solid var(--color-rule)}.text-link:hover,.under-link:hover{border-color:var(--color-cyan)}.site-header{position:sticky;top:0;z-index:20;background:var(--color-paper);border-bottom:2px solid var(--color-rule)}.header-inner{max-width:1440px;margin:auto;min-height:80px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:1.12rem;font-weight:700;line-height:1.3}.brand small{display:block;font:10px/1.5 var(--font-mono);letter-spacing:.13em;margin-top:4px;color:var(--color-muted)}.brand-seal{display:grid;place-items:center;border:1px solid var(--color-cyan);color:var(--color-cyan);width:42px;height:42px;font-size:25px;font-weight:900}.desktop-nav{display:none}.header-actions{display:flex;align-items:center;gap:12px}.header-actions .primary{display:none}.menu-toggle{min-height:44px;min-width:64px;background:var(--color-panel);border:1px solid var(--color-rule)}.menu-toggle:hover{border-color:var(--color-cyan)}.mobile-nav{padding:0 20px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-nav a{min-height:44px;padding:8px 12px;background:var(--color-panel);white-space:nowrap}.hero{display:grid;gap:36px;padding-block:32px 48px}.hero-copy{grid-row:1}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tags span{font:12px/1.5 var(--font-mono);padding:5px 10px;border:1px solid var(--color-rule);color:var(--color-cyan)}.hero h1{font-size:var(--text-display);line-height:1.18;letter-spacing:-.055em}.english-name{font:clamp(1.2rem,2vw,1.6rem)/1.2 var(--font-mono);color:var(--color-muted);margin-top:20px;letter-spacing:-.06em}.hero-lede{font-size:1.15rem;color:var(--color-ink);line-height:1.8;margin-top:24px}.hero-copy>.muted{font-size:.9rem;max-width:30em}.hero-spec{margin:24px 0;display:grid;gap:7px;font-size:.85rem}.hero-spec div{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-rule);padding-bottom:7px}.hero-spec dt{color:var(--color-muted)}dd{margin:0}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-buttons .button{flex:1}.under-link{margin-top:8px;color:var(--color-muted);font-size:.85rem;border:0}.hero-media{min-width:0;align-self:center}.media-heading,.media-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding-block:12px;letter-spacing:.02em}.media-heading{border-bottom:1px solid var(--color-cyan);font-family:var(--font-mono);color:var(--color-cyan)}.media-heading span:last-child{color:var(--color-muted)}.hero-image{display:block;margin-top:12px}.hero-image img{width:100%;aspect-ratio:1280/600;object-fit:cover}.media-caption{font-size:.78rem;border-bottom:1px solid var(--color-rule)}.media-caption a{white-space:nowrap;min-height:32px;display:flex;align-items:center}.hero-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.hero-thumbs a{position:relative;display:block}.hero-thumbs img{aspect-ratio:16/9;object-fit:cover;width:100%;filter:brightness(.85)}.hero-thumbs a span{display:block;font-size:.75rem;padding:8px 0}.media-note{display:none}.info-strip{border-block:1px solid var(--color-rule);background:var(--color-panel)}.info-strip>.wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:24px;font-size:.85rem}.info-strip span{display:grid;gap:4px}.info-strip small{font-size:.72rem;color:var(--color-muted)}.section{padding-block:56px;border-bottom:1px solid var(--color-rule)}.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}.section-heading p{font-size:.9rem}.story-columns{display:grid;gap:24px}.large-copy{font-size:clamp(1.4rem,2.1vw,1.8rem);line-height:1.65;color:var(--color-ink);font-weight:700}.story-columns>div{max-width:650px}.play-layout{display:grid;gap:28px}.phone-feature{align-self:start;min-width:0}.phone-feature img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--color-panel)}.phone-feature figcaption{display:flex;gap:16px;align-items:center;font-size:.85rem;padding:20px 0}.feature-list{display:grid;gap:20px}.feature-list article{border-left:2px solid var(--color-cyan);padding-left:20px}.feature-list p{font-size:.9rem;margin-top:8px}.feature-list h3{font-size:1.1rem}kbd,code{font-family:var(--font-mono);background:var(--color-raised);color:var(--color-cyan);padding:3px 7px;border-radius:2px}kbd{border:1px solid var(--color-rule);border-bottom-width:3px;white-space:nowrap}.shot-grid,.gallery-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.shot{min-width:0}.shot-open{position:relative;display:block;width:100%;padding:0;background:var(--color-panel);border:1px solid var(--color-rule)}.shot-open img{width:100%;aspect-ratio:16/9;object-fit:contain;transition:opacity var(--dur-short) var(--ease-out)}.shot-open:hover img{opacity:.82}.zoom{position:absolute;bottom:12px;right:12px;background:var(--color-paper);color:var(--color-cyan);border:1px solid var(--color-cyan);width:36px;height:36px;display:grid;place-items:center}.shot figcaption{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;padding:12px 0}.shot figcaption .muted{font-size:.72rem}.updates{display:grid;gap:28px}.updates summary small{display:block;font:12px/1.8 var(--font-mono);color:var(--color-muted);margin-bottom:6px}.updates summary{font-family:var(--font-mono)}details{border-bottom:1px solid var(--color-rule)}details:first-child{border-top:1px solid var(--color-rule)}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;min-height:72px;padding:18px 0;font-size:.95rem;font-weight:700}summary::-webkit-details-marker{display:none}summary>span:last-child{flex-shrink:0;color:var(--color-cyan);font-size:1.15rem}details[open]>summary>span:last-child{transform:rotate(45deg)}summary:hover{color:var(--color-cyan)}.answer{padding:0 24px 24px 0}.answer p{font-size:.9rem;line-height:1.9}.audience>div{display:grid;gap:28px;margin-top:28px}.audience h3{font-size:1.1rem}.audience p{font-size:.9rem}.faq{margin-top:24px}.closing{padding-block:48px;display:flex;align-items:flex-start;flex-direction:column;gap:24px}.closing h2{font-size:clamp(1.5rem,2.7vw,2.2rem)}.closing p{font-size:.9rem}.site-footer{padding-top:32px;padding-bottom:112px;border-top:2px solid var(--color-cyan)}.footer-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-head strong{font-size:1.15rem}.footer-head p{font-size:.8rem;margin-top:8px}.footer-head .text-link{font-size:.8rem}.footer-nav{display:flex;flex-wrap:wrap;gap:4px 20px;margin:24px 0}.footer-nav a,.related a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-size:.8rem}.related{display:grid;gap:12px;border-block:1px solid var(--color-rule);padding-block:20px}.related>span{font-size:.8rem;color:var(--color-muted)}.related>div{display:flex;flex-wrap:wrap;gap:0 24px}.legal{padding-top:24px;font-size:.72rem;color:var(--color-muted)}.legal p+p{margin-top:4px}.mobile-cta{position:fixed;inset:auto 0 0;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-paper);border-top:1px solid var(--color-rule);padding:12px 16px calc(12px + env(safe-area-inset-bottom));font-size:.8rem}.mobile-cta small{display:block;color:var(--color-muted);font:10px/1.8 var(--font-mono)}.mobile-cta .button{padding:10px 16px;min-height:44px;font-size:.85rem;gap:12px}.page-intro{padding-block:48px 36px}.eyebrow{font:12px/1.5 var(--font-mono);letter-spacing:.09em;color:var(--color-cyan);margin-bottom:20px}.page-intro h1{font-size:clamp(2.1rem,4vw,3.9rem);max-width:1000px;letter-spacing:-.04em}.page-intro .lede{max-width:740px;font-size:1rem;margin-top:20px}.gallery-section{padding-bottom:56px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-block:1px solid var(--color-rule);padding:16px 0;margin-bottom:28px}.filter{background:var(--color-panel);color:var(--color-ink);min-height:44px;padding:8px 18px;white-space:nowrap;border:1px solid var(--color-rule);font-size:.85rem}.filter:hover{border-color:var(--color-cyan)}.filter.active{background:var(--color-cyan);color:var(--color-paper);font-weight:700;border-color:var(--color-cyan)}#gallery-count{font:12px var(--font-mono);color:var(--color-muted);margin-left:auto}.gallery-help{font-size:.8rem;margin-top:24px}.lightbox{position:fixed;inset:0;margin:auto;padding:0;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);width:calc(100% - 24px);max-width:1320px;max-height:92dvh;height:fit-content;overflow:auto}.lightbox::backdrop{background:var(--color-backdrop)}.lightbox-media{min-height:200px;display:grid;place-items:center;background:var(--color-panel);position:relative}.lightbox img{width:100%;max-height:72dvh;object-fit:contain}.lightbox img[data-state=loading]{opacity:.3}.lightbox img[data-state=error]{display:none}.image-error{padding:32px}.lightbox-bar{padding:16px;display:flex;flex-direction:column;gap:16px}.lightbox-bar p{font-size:.85rem}.lightbox-controls{display:flex;gap:8px}.lightbox-controls button{min-height:44px;min-width:48px;padding:8px 16px;background:var(--color-raised);border:1px solid var(--color-rule);white-space:nowrap}.lightbox-controls button:hover{border-color:var(--color-cyan)}.download-panel{display:grid;border:1px solid var(--color-rule)}.download-main{padding:28px}.download-main h2{font-size:1.65rem;margin-top:16px}.download-main>p{font-family:var(--font-mono);font-size:.85rem}.platform-label{font:12px/1.5 var(--font-mono);color:var(--color-cyan)}.download-spec{display:grid;gap:14px;margin:28px 0}.download-spec>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--color-rule);padding-bottom:12px;font-size:.9rem}.download-spec dt{color:var(--color-muted)}.download-main>.button{width:100%;max-width:440px}.download-main p.small{font-family:var(--font-body);font-size:.75rem;margin-top:16px}.download-aside{background:var(--color-panel);color:var(--color-ink);padding:28px}.download-aside h3{font-size:1.2rem}.memory{display:grid;margin-block:28px}.memory strong{font:700 3.4rem/1.3 var(--font-mono);color:var(--color-cyan);letter-spacing:-.07em}.memory span{font-size:.8rem;color:var(--color-muted)}.download-aside .text-link{margin-top:24px;font-size:.85rem}.install-steps{list-style:none;margin:0;padding:0;display:grid;gap:28px}.install-steps li>span{font:32px/1.4 var(--font-mono);color:var(--color-cyan);display:block;margin-bottom:16px}.install-steps p{font-size:.9rem}.save-section{display:grid;gap:24px}.prose-list{padding-left:24px;color:var(--color-muted)}.prose-list li{padding-left:6px;margin-block:16px}.file-route{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--color-panel);color:var(--color-ink);padding:20px;font-family:var(--font-mono);font-size:.8rem}.file-route b{color:var(--color-cyan)}.guide-index{display:grid;gap:16px;padding-bottom:48px}.guide-index article{background:var(--color-panel);color:var(--color-ink);padding:24px;border-top:2px solid var(--color-rule)}.guide-index h2{font-size:1.25rem}.guide-index p{font-size:.85rem;margin-top:12px}.guide-index a{font-size:.85rem;margin-top:12px}.document-layout{display:grid;gap:24px;padding-bottom:64px}.toc{display:flex;gap:8px 16px;flex-wrap:wrap;align-content:flex-start;border-top:1px solid var(--color-cyan);padding-top:16px}.toc strong{width:100%;font-size:.9rem}.toc a{display:flex;align-items:center;min-height:44px;font-size:.8rem;white-space:nowrap;color:var(--color-muted)}.toc a:hover{color:var(--color-cyan)}.prose{min-width:0;max-width:860px}.prose section{padding-block:32px;border-bottom:1px solid var(--color-rule);scroll-margin-top:100px}.prose section:first-child{padding-top:0}.prose h2{font-size:1.65rem;margin-bottom:24px}.prose p{line-height:2;font-size:1rem}.prose img{width:100%;margin-top:28px}.note{background:var(--color-panel);color:var(--color-ink);border-left:2px solid var(--color-cyan);padding:24px;margin-block:24px}.note p{font-size:.9rem;margin-top:12px}.prose .button{margin-top:24px}.article-lead{font-size:1.2rem!important;color:var(--color-ink)}.article-bottom{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.article-bottom .text-link{margin-top:24px}
@media(min-width:40rem){.wrap{width:calc(100% - 64px)}.header-inner{padding-inline:32px}.header-actions .primary{display:inline-flex}.hero-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.media-note{display:flex;gap:16px;align-items:center;padding-left:16px;border-left:1px solid var(--color-rule)}.media-note>span{font:700 40px/1 var(--font-mono);letter-spacing:-.1em;color:var(--color-cyan)}.media-note p{font-size:.75rem;line-height:1.9}.shot-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-index{grid-template-columns:repeat(2,minmax(0,1fr))}.lightbox-bar{flex-direction:row;justify-content:space-between;align-items:center}.file-route{flex-direction:row;align-items:center;flex-wrap:wrap}.install-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.info-strip>.wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy{max-width:680px}.download-main,.download-aside{padding:36px}}
@media(min-width:48rem){.section-heading{flex-direction:row;align-items:center;justify-content:space-between}.section{padding-block:64px}.audience>div{grid-template-columns:repeat(3,minmax(0,1fr))}.audience article+article{border-left:1px solid var(--color-rule);padding-left:28px}.closing{flex-direction:row;align-items:center;justify-content:space-between}.story-columns{grid-template-columns:4fr 6fr;gap:48px}.updates{grid-template-columns:4fr 6fr;gap:48px}.download-panel{grid-template-columns:6fr 4fr}.download-aside{border-left:1px solid var(--color-rule)}.save-section{grid-template-columns:4fr 6fr;gap:48px}.related{grid-template-columns:100px minmax(0,1fr)}}
@media(min-width:64rem){.header-inner{min-height:88px}.desktop-nav{display:flex;gap:28px}.desktop-nav a{white-space:nowrap;display:flex;align-items:center;min-height:44px;font-size:.85rem;color:var(--color-muted);border-bottom:2px solid var(--color-clear)}.desktop-nav a[aria-current=page]{color:var(--color-ink);border-color:var(--color-cyan)}.desktop-nav a:hover{color:var(--color-cyan)}.menu-toggle{display:none}.mobile-nav{display:none}.hero{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:48px;padding-block:48px 56px;min-height:720px;align-items:center}.hero-copy{grid-row:auto}.hero-media{align-self:center}.hero-image img{aspect-ratio:16/10;object-fit:cover;object-position:64% center}.hero-thumbs img{aspect-ratio:16/10}.hero-buttons{flex-direction:column;gap:10px}.hero-buttons .button{flex:auto}.hero-copy{max-width:460px}.english-name br{display:none}.english-name{font-size:1.25rem}.hero-lede{font-size:1.15rem}.hero-spec{margin-block:20px}.media-caption{font-size:.85rem}.play-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px}.feature-list{gap:24px}.mobile-cta{display:none}.site-footer{padding-bottom:40px}.page-intro{padding-block:64px 48px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.document-layout{grid-template-columns:240px minmax(0,1fr);gap:64px}.toc{position:sticky;top:120px;align-self:start;display:grid;gap:8px}.prose section{padding-block:40px}.guide-index{gap:24px}.hero h1{font-size:clamp(3rem,4.4vw,4.5rem)}.section-heading p{max-width:430px}}
@media(min-width:80rem){.hero{gap:64px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.hero-buttons{flex-direction:row}.hero-buttons .button{padding-inline:16px;font-size:.85rem;gap:12px}.hero-copy{max-width:480px}.hero h1{font-size:4.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}button:active,.button:active{transform:none}}
@media(max-width:63.99rem){
 .hero{display:flex;flex-direction:column;gap:20px;padding-top:24px}
 .hero-copy{display:contents}.hero .tags{order:0;margin:0}.hero h1{order:1}.hero .english-name{order:2;margin:0;font-size:1rem}.hero .english-name br{display:none}
 .hero-media{order:3;width:100%;margin:0}.hero-thumbs{display:none}.media-heading{padding-top:4px}.hero-lede{order:4;margin:0}.hero-copy>.muted{order:5;margin:0}.hero-spec{order:6;margin:0}.hero-buttons{order:7}.hero .under-link{order:8;margin:0;align-self:flex-start}
}