/* Hallmark · macrostructure: Split Studio · tone: compact urban game shop · anchor hue: cyan
 * theme: custom · vibe: night taxi / shop counter / neon signage · paper: oklch(16.5% .016 280) · accent: oklch(90.5% .1545 194.77)
 * display: Tomorrow + Noto Sans SC · body: Noto Sans SC · axes: dark / condensed sans / cool · nav: N7 · footer: Ft1
 * Pre-emit critique: P4 H5 E4 S5 R5 V4 */
@import url('tokens.css');
@import url('fonts.css');
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.75}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0;line-height:1.25}h1,h2{font-weight:900}h2{font-size:var(--text-title);letter-spacing:-.03em}h3{font-size:var(--text-lede);font-weight:700}p{color:var(--color-muted)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:var(--color-clear)}a:not(.photo){white-space:nowrap}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}button[data-state=loading]{cursor:wait}button[data-state=error]{border-color:var(--color-error)}button[data-state=success]{border-color:var(--color-success)}img{display:block;width:100%;height:auto}figure{min-width:0}figcaption{font-size:var(--text-small);color:var(--color-muted);padding-top:12px;display:flex;justify-content:space-between;gap:16px}dt,dd{margin:0}dt{color:var(--color-muted)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.small{font-size:var(--text-small)}.skip{position:fixed;top:-100px;left:20px;z-index:60;background:var(--color-accent);color:var(--color-accent-ink);padding:12px}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:var(--color-paper);border-bottom:2px solid var(--color-rule)}.nav-inner{max-width:1440px;padding:16px 40px;margin:auto;display:flex;align-items:center;gap:32px}.brand{font-size:30px;font-weight:900;line-height:1;display:block;letter-spacing:-.04em}.brand span{font-family:var(--font-display);color:var(--color-accent)}.brand small{display:block;margin-top:8px;font-size:9px;letter-spacing:.11em;font-family:var(--font-display);font-weight:700}.header nav{display:flex;align-items:center;gap:28px;margin-left:auto}.header nav a{display:flex;align-items:center;min-height:44px;font-size:15px;border-bottom:2px solid var(--color-clear)}.header nav [aria-current=page]{border-color:var(--color-accent);color:var(--color-accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 24px;min-height:56px;font-weight:700;border:1px solid var(--color-clear);border-radius:var(--radius-sm);position:relative;transition:transform var(--dur-fast) var(--ease-out)}.primary{background:var(--color-pink);color:var(--color-pink-ink);box-shadow:inset 0 0 0 1px var(--color-pink)}.primary span{font-size:22px;line-height:1}.primary:active{transform:translateY(2px)}.nav-cta{padding:10px 18px;min-height:44px;font-size:14px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:40px;padding-bottom:44px;min-height:calc(100svh - 88px)}.hero-media{min-width:0}.media-label,.media-foot{display:flex;justify-content:space-between;font-size:14px}.media-label{padding:12px 0;border-top:1px solid var(--color-rule);color:var(--color-accent)}.hero-media>img{aspect-ratio:16/9;object-fit:cover}.hero-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.hero-thumbs a{display:block;background:var(--color-panel);font-size:12px}.hero-thumbs img{aspect-ratio:16/9;object-fit:cover}.hero-thumbs span{display:block;padding:8px 10px}.media-foot{padding-top:18px;color:var(--color-muted)}.hero-copy .tags{margin-bottom:20px}.tags{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.tags span{padding:2px 10px;border:1px solid var(--color-rule);color:var(--color-muted)}.hero h1{font-size:var(--text-display);line-height:1;letter-spacing:-.06em}.hero h1>span{color:var(--color-accent);font-family:var(--font-display)}.hero h1 small{display:block;font-size:clamp(24px,2.5vw,36px);letter-spacing:-.02em;margin-top:15px}.english{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.4;letter-spacing:.08em;color:var(--color-accent)}.hero .english{margin-top:24px;font-size:19px}.hero-lede{margin-top:24px;font-size:18px;line-height:1.7}.quick-spec{margin:24px 0;font-size:14px;border-top:1px solid var(--color-rule)}.quick-spec>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--color-rule)}.quick-spec dd small{display:inline;margin-left:8px;color:var(--color-muted);font-size:12px}.hero-copy>.button{width:100%;font-size:20px}.hero-copy .small{margin-top:12px}.secondary{display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:15px;margin-top:8px;padding:8px 0;border-bottom:1px solid var(--color-rule)}.info-strip{background:var(--color-panel)}.info-strip>.wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.4fr);padding-block:24px;gap:24px}.info-strip p{font-size:14px;color:var(--color-ink)}.info-strip span{display:block;font-size:12px;margin-bottom:8px;color:var(--color-muted)}.section{padding-block:80px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:72px;align-items:center}.story-copy h2{margin-bottom:28px}.story-copy p{margin-bottom:20px}.text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--color-accent);border-bottom:1px solid var(--color-accent);font-size:15px}.play-section{padding:64px 0;background:var(--color-panel)}.play-section .split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.play-section h2{margin-bottom:28px}.feature-row{padding-block:18px;border-top:1px solid var(--color-rule)}.feature-row p{font-size:15px;margin-top:8px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-head p{margin-top:12px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.photo{display:block;position:relative;padding:0;width:100%;border:0;background:var(--color-panel);overflow:clip}.photo img{aspect-ratio:16/9;object-fit:cover;transition:transform var(--dur-normal) var(--ease-out)}.zoom{position:absolute;bottom:12px;right:12px;background:var(--color-paper);color:var(--color-ink);width:40px;height:40px;display:grid;place-items:center;font-size:24px}.reader-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:72px;padding-block:48px;border-block:1px solid var(--color-rule)}.reader-section>div>p{margin-top:18px}.reader-list article{padding-block:18px;border-bottom:1px solid var(--color-rule)}.reader-list article:last-child{border:0}.reader-list p{margin-top:6px;font-size:15px}.updates details,.faq-list details{border-bottom:1px solid var(--color-rule)}summary{list-style:none;cursor:pointer;min-height:64px;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:16px;align-items:center;line-height:1.6}summary::-webkit-details-marker{display:none}summary span{flex-shrink:0}summary span:after{content:'＋';font-size:22px;color:var(--color-accent)}details[open] summary span:after{content:'−'}.updates time{font-size:14px;font-weight:400;color:var(--color-muted)}details>p{padding:0 0 24px;font-size:15px}.faq-section{padding-block:64px;background:var(--color-panel)}.faq-section .split{align-items:start}.faq-section h2+p{margin:20px 0}.final-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:64px}.final-cta h2{font-size:clamp(32px,4vw,52px)}.final-cta p{margin-top:16px}.final-cta .button{min-width:260px}.footer{background:var(--color-panel);padding:40px 0 32px;border-top:1px solid var(--color-rule)}.footer-head{display:flex;align-items:center;gap:48px}.footer-head p{font-size:14px}.footer-head>a:last-child{margin-left:auto;min-height:44px;display:flex;align-items:center;font-size:14px}.footer-nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin-block:28px}.footer-nav a{font-size:14px;min-height:44px;display:flex;align-items:center}.related{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:20px;border-top:1px solid var(--color-rule);font-size:13px;color:var(--color-muted)}.related>span{width:100%;font-weight:700;color:var(--color-ink)}.related a{display:flex;min-height:44px;align-items:center}.legal{font-size:12px;margin-top:24px;line-height:1.9}.mobile-cta{display:none}.page-intro{padding:40px 0 48px;border-bottom:1px solid var(--color-rule)}.back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-bottom:28px;color:var(--color-muted)}.page-intro h1{font-size:clamp(36px,5vw,64px);margin:16px 0 20px}.lede{font-size:var(--text-lede);max-width:42em}.page-intro>.lede{max-width:38em}.gallery-page{padding-top:32px;padding-bottom:32px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.filters button{background:var(--color-clear);border:1px solid var(--color-rule);padding:9px 24px;min-height:44px;font-size:15px}.filters button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent);font-weight:700}#filter-status{margin-bottom:24px}.download-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;background:var(--color-panel);padding:40px;margin-top:40px;align-items:center}.download-panel h2{font-size:32px;margin:20px 0}.download-panel p{font-size:14px;margin-top:12px}.download-panel .button{margin-top:28px;min-width:240px}.specs{font-variant-numeric:tabular-nums}.specs>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);padding:14px 0;border-bottom:1px solid var(--color-rule);gap:24px}.specs dd{font-weight:700}.steps-section{padding-block:48px;background:var(--color-panel)}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;counter-reset:step;margin:36px 0 0}.steps li:before{counter-increment:step;content:'0' counter(step);display:block;font-family:var(--font-display);font-size:36px;color:var(--color-accent);margin-bottom:16px}.steps p{margin-top:16px;font-size:15px}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:72px;padding-top:48px}.toc{position:sticky;top:124px;align-self:start;display:flex;flex-direction:column;gap:4px}.toc h2{font-size:18px;margin-bottom:16px}.toc a{min-height:44px;display:flex;align-items:center;font-size:14px;color:var(--color-muted);border-bottom:1px solid var(--color-rule)}.toc a:last-child{color:var(--color-accent)}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-cards article{background:var(--color-panel);padding:24px}.guide-cards h2{font-size:22px}.guide-cards p{font-size:15px;margin:12px 0}.guide-chapter{padding:56px 0 12px;scroll-margin-top:20px}.guide-chapter h2{font-size:30px}.guide-chapter .lede{margin:12px 0 24px;color:var(--color-ink)}.guide-chapter>p:not(.lede){margin-bottom:24px}.guide-chapter figure{margin:32px 0}.article-body{max-width:850px;padding-top:48px;padding-bottom:80px}.article-body h2{font-size:28px;margin:40px 0 20px}.article-body>h2:first-child{margin-top:0}.article-body p{margin-bottom:24px}.article-lead{font-size:20px;color:var(--color-ink)}.language-table{background:var(--color-panel);padding:8px 24px;margin-bottom:24px}.language-table>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--color-rule)}.language-table>div:last-child{border:0}.article-body .specs{margin-bottom:24px}.article-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}dialog{position:fixed;inset:0;margin:auto;width:min(1200px,calc(100% - 32px));max-width:none;height:fit-content;max-height:calc(100svh - 32px);background:var(--color-paper);color:var(--color-ink);padding:20px;border:1px solid var(--color-rule);overflow:auto}dialog::backdrop{background:var(--color-scrim)}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.lightbox-top p{font-size:16px;color:var(--color-ink)}dialog button{min-height:44px;padding:8px 16px;background:var(--color-panel);border:1px solid var(--color-rule);font-size:14px;white-space:nowrap}.lightbox-image{margin:16px 0;position:relative;min-height:120px;display:grid;place-items:center}.lightbox-image img{max-height:calc(100svh - 210px);object-fit:contain}.lightbox-bottom>span{font-size:14px;color:var(--color-muted)}#image-state{position:absolute;padding:20px;background:var(--color-paper);color:var(--color-ink);text-align:center;max-width:90%}
@media(hover:hover){a:hover{color:var(--color-accent)}.primary:hover{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:none}.photo:hover img{transform:scale(1.025)}button:hover:not([aria-pressed=true]){border-color:var(--color-accent)}summary:hover{color:var(--color-accent)}}
@media(min-width:1440px){.hero{min-height:760px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.nav-inner{padding-inline:24px;gap:24px}.header nav{gap:20px}.hero{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.split{gap:40px}.quick-spec dd small{display:block;margin-left:0}.hero-thumbs span{font-size:11px;padding-inline:6px}.guide-layout{gap:36px;grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:820px){.header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--color-panel);border-bottom:1px solid var(--color-rule);padding:20px 24px;margin:0;flex-wrap:wrap}.header nav.is-open{display:flex}.menu-toggle{display:block;background:var(--color-clear);border:1px solid var(--color-rule);padding:8px 14px;min-height:44px;margin-left:auto;font-size:14px}.nav-inner{gap:16px}.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:28px;min-height:0}.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px}.hero-copy .tags{grid-column:1/-1}.hero-copy .english{grid-column:1;margin-top:20px}.hero-copy .hero-lede{grid-column:2;grid-row:2/4;margin:0;align-self:center}.hero-copy .quick-spec{grid-column:1/-1}.hero-copy .small{grid-column:1/-1}.hero-copy>.secondary{margin:0;padding:12px}.hero-media{order:2}.hero-thumbs span{font-size:14px;padding-inline:12px}.split,.play-section .split{grid-template-columns:minmax(0,1fr);gap:32px}.play-section figure{order:2}.info-strip>.wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.info-strip p:first-child{grid-column:1/-1}.section{padding-block:56px}.reader-section{gap:32px;grid-template-columns:minmax(0,1fr)}.reader-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reader-list article{border:0}.final-cta .button{min-width:200px}.download-panel{padding:28px;gap:28px}.download-panel h2{font-size:28px}.steps{gap:24px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:32px}.toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 20px}.toc h2{width:100%;margin-bottom:0}.toc a{border:0}.download-panel{grid-template-columns:minmax(0,1fr)}.download-panel figure{order:-1}}
@media(max-width:639px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 32px)}body{padding-bottom:80px}.nav-inner{padding:14px 16px;gap:12px}.brand{font-size:28px}.brand small{font-size:8px}.nav-cta{display:none}.hero{padding-top:24px;padding-bottom:28px;gap:28px}.hero-copy{display:block}.hero-copy .tags{margin-bottom:20px}.hero h1{font-size:64px}.hero h1 small{font-size:28px}.hero .english{font-size:14px;margin-top:18px}.hero .english br{display:none}.hero .english br:after{content:' '}.hero-lede{font-size:17px!important;margin-top:20px!important}.hero-copy .quick-spec{margin:20px 0}.quick-spec>div{gap:12px;padding-block:8px}.quick-spec dd small{display:inline;margin-left:6px;font-size:10px}.hero-copy>.button{min-height:56px;font-size:18px}.hero-copy>.secondary{padding:10px 0;margin-top:8px}.hero-copy .small{font-size:12px}.hero-thumbs{gap:8px;margin-top:12px}.hero-thumbs span{font-size:10px;padding:8px 5px}.media-label,.media-foot{font-size:12px}.media-foot{gap:12px}.info-strip>.wrap{gap:20px;padding-block:24px}.info-strip p{font-size:12px}.info-strip p:first-child{font-size:13px}.section{padding-block:44px}.split{gap:28px}.story-copy h2{margin-bottom:24px}h2{font-size:28px}.story-copy p{font-size:16px}.play-section{padding-block:40px}.feature-row{padding-block:16px}.section-head{display:block;margin-bottom:24px}.section-head .text-link{margin-top:12px}.gallery-grid{grid-template-columns:minmax(0,1fr);gap:28px}.reader-section{padding-block:32px;gap:20px}.reader-list{display:block}.reader-list article{padding:20px 0;border-bottom:1px solid var(--color-rule)}.reader-list article:last-child{border:0}.faq-section{padding-block:36px}.faq-section .split{gap:24px}summary{font-size:15px;min-height:60px;gap:12px}details p{font-size:15px}.final-cta{display:block;padding-block:40px}.final-cta .button{width:100%;margin-top:24px}.footer{padding-top:32px}.footer-head{gap:20px;flex-wrap:wrap}.footer-head p{font-size:12px}.footer-head>a:last-child{margin-left:0}.footer-nav{gap:4px 22px;margin:16px 0}.footer-nav a{font-size:13px}.related{gap:4px 16px;font-size:12px}.legal{font-size:11px}.mobile-cta{display:flex;position:fixed;inset:auto 0 0;z-index:25;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--color-paper);border-top:1px solid var(--color-rule)}.mobile-cta>span{font-weight:700;line-height:1.5}.mobile-cta small{display:block;font-size:11px;color:var(--color-muted);font-weight:400}.mobile-cta .button{min-height:48px;padding:10px 20px;min-width:160px}.page-intro{padding:24px 0 32px}.back{margin-bottom:20px}.page-intro h1{font-size:38px;margin-block:12px 20px}.lede{font-size:17px}.filters{gap:8px}.filters button{padding:8px 17px;font-size:14px}.gallery-page{padding-top:24px}.download-panel{padding:20px;margin-top:28px;gap:24px}.download-panel .button{width:100%}.download-panel h2{font-size:28px}.specs{font-size:14px}.specs>div{gap:20px}.steps-section{padding-block:36px}.steps{display:block;margin-top:24px}.steps li{padding-block:20px;border-top:1px solid var(--color-rule)}.steps li:before{font-size:28px;margin-bottom:12px}.steps p{margin-top:8px}.guide-layout{padding-top:28px}.guide-cards{gap:12px}.guide-cards article{padding:18px 14px}.guide-cards h2{font-size:20px}.guide-cards p{font-size:13px}.guide-chapter{padding-top:40px}.guide-chapter h2{font-size:26px}.article-body{padding-top:32px;padding-bottom:44px}.article-body h2{font-size:24px;margin-top:32px}.article-lead{font-size:18px}.language-table{padding-inline:16px}.language-table>div{font-size:14px}.article-links{gap:12px 24px}dialog{padding:12px;width:calc(100% - 20px);max-height:calc(100svh - 20px)}.lightbox-top{gap:8px}.lightbox-top p{font-size:14px}dialog button{padding:8px 12px}.lightbox-bottom>span{font-size:12px}.lightbox-image img{max-height:calc(100svh - 190px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Shared interaction feedback. */
a:active:not(.primary),button:active,summary:active{opacity:.8}button[aria-busy=true]{cursor:wait}dialog[data-state=error]{border-color:var(--color-error)}