/* Hallmark · macrostructure: Narrative Workflow · tone: industrial game store · anchor hue: warning yellow
 * custom: coal black, gunmetal, maze paths · display: Barlow Condensed + Noto Sans SC · body: Noto Sans SC
 * enrichment: E4 real gameplay screenshots · nav: N3 tab strip · footer: Ft3 index
 * axes: dark / condensed sans / yellow · pre-emit critique: P4 H5 E4 S5 R4 V4 */
@import url('../tokens.css');
@import url('fonts.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px;overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.8;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-style:normal}h2{font-size:clamp(1.6rem,2.5vw,2rem);font-weight:700;line-height:1.45;letter-spacing:-.03em}h3{font-size:var(--text-xl);line-height:1.5}p{color:var(--color-muted);margin-top:var(--space-md)}small,.small{font-size:var(--text-xs)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.muted{color:var(--color-muted)}.skip{position:fixed;left:16px;top:-80px;z-index:110;background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-md)}.skip:focus{top:8px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}button:active,a:active{transform:translateY(2px)}[data-state=loading]{opacity:.65;cursor:progress}[data-state=error]{outline:2px solid var(--color-error)}[data-state=success]{border-color:var(--color-cta)}.site-header{position:fixed;inset:0 0 auto;z-index:60;background:var(--color-paper);box-shadow:0 4px 20px var(--color-veil)}.nav-inner{width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:var(--space-xl);height:80px}.brand{display:inline-flex;align-items:center;gap:var(--space-md);font-size:1.125rem;font-weight:800;white-space:nowrap;line-height:1.2}.brand small{font-family:var(--font-display);font-weight:500;font-size:var(--text-xs);letter-spacing:.1em;display:block;margin-top:var(--space-xs);color:var(--color-muted)}.brand-mark{background:var(--color-accent);color:var(--color-accent-ink);height:40px;width:32px;display:grid;place-items:center;font-family:var(--font-display);font-size:2rem;font-weight:800;clip-path:polygon(0 0,100% 0,100% 80%,75% 100%,0 100%)}#navigation{display:flex;gap:var(--space-lg);margin-left:auto;align-items:center;height:100%}#navigation a{font-size:var(--text-sm);height:100%;display:flex;align-items:center;white-space:nowrap;position:relative;color:var(--color-muted)}#navigation a[aria-current]{color:var(--color-ink)}#navigation a[aria-current]:after{content:'';position:absolute;bottom:0;height:3px;background:var(--color-accent);width:100%}.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-lg);min-height:52px;padding:var(--space-md) var(--space-lg);line-height:1.2;white-space:nowrap;font-size:var(--text-sm);font-weight:700;position:relative;overflow:hidden;border:1px solid var(--color-rule);transition:transform var(--dur-fast) var(--ease-out)}.download{background:var(--color-cta);border-color:var(--color-cta);color:var(--color-accent-ink);box-shadow:0 4px 0 color-mix(in oklch,var(--color-cta),var(--color-paper) 50%)}.download:after{content:'';position:absolute;inset:0;transform:translateX(-120%) skew(-18deg);background:linear-gradient(90deg,var(--color-clear),color-mix(in oklch,var(--color-ink) 40%,var(--color-clear)),var(--color-clear));pointer-events:none}.download:hover:after{animation:sheen 600ms var(--ease-out)}@keyframes sheen{to{transform:translateX(120%) skew(-18deg)}}.download:active{box-shadow:0 2px 0 var(--color-rule);transform:translateY(2px)}.secondary{background:var(--color-shade);color:var(--color-ink)}.nav-cta{min-height:40px;padding:var(--space-sm) var(--space-md)}.menu{display:none;background:none;border:1px solid var(--color-rule);padding:var(--space-sm);min-height:44px;white-space:nowrap}.hero{position:relative;isolation:isolate;min-height:710px;padding:160px 0 64px;display:flex;align-items:flex-end;margin-top:0}.hero-media{position:absolute;inset:80px 0 0;z-index:-3;overflow:hidden}.hero-media img{height:100%;object-fit:cover;object-position:center 28%}.hero-shade{position:absolute;inset:80px 0 0;z-index:-2;background:linear-gradient(90deg,var(--color-shade) 0%,var(--color-shade) 20%,var(--color-veil) 68%,var(--color-veil)),linear-gradient(0deg,var(--color-paper),var(--color-clear) 40%)}.hero-content{position:relative}.tags{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg);font-size:var(--text-xs);font-weight:500}.tags span{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule);background:var(--color-shade);line-height:1.3}.tags .age{border-color:var(--color-accent);color:var(--color-accent)}.hero h1{font-size:var(--text-display);line-height:1.15;letter-spacing:-.04em;font-weight:800;max-width:700px}.hero h1 strong{font-size:1.5em;font-weight:800;color:var(--color-ink)}.subtitle{display:block;font-size:1.3rem;letter-spacing:.02em;margin-top:var(--space-md);font-weight:500}.english{display:block;font-family:var(--font-display);font-size:1rem;letter-spacing:.02em;font-weight:500;color:var(--color-muted);margin-top:var(--space-md)}.hero-lede{max-width:560px;color:var(--color-ink);font-size:var(--text-base);line-height:1.9;margin-top:var(--space-lg)}.actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-lg)}.hero-bottom{display:flex;gap:var(--space-lg);align-items:center;font-size:var(--text-xs);margin-top:var(--space-xl);color:var(--color-muted)}.hero-bottom span+span{border-left:1px solid var(--color-rule);padding-left:var(--space-lg)}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--color-rule);padding-block:var(--space-xl);gap:var(--space-lg)}dt{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-sm)}dd{margin:0;font-size:var(--text-sm)}.section{padding-block:var(--space-3xl)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.section-head p{font-size:var(--text-sm);margin-top:var(--space-sm)}.text-link{color:var(--color-link);font-size:var(--text-sm);white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.media-shelf{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--space-md)}.photo{display:block;border:0;padding:0;width:100%;text-align:left;background:var(--color-panel);position:relative}.photo img{aspect-ratio:16/9;object-fit:cover}.photo>span{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);line-height:1.5;font-size:var(--text-sm)}.photo b{font-size:1.2rem;font-weight:400;color:var(--color-accent)}.thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.thumbnails .photo>span{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.main-shot .photo{height:100%;display:flex;flex-direction:column}.main-shot img{flex:1;min-height:0;object-fit:cover}.story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-3xl);border-top:1px solid var(--color-rule)}.story p{font-size:var(--text-base);line-height:2}.story .text-link{margin-top:var(--space-lg)}.partners{padding:var(--space-xl);background:var(--color-panel);color:var(--color-ink)}.partners article{padding-block:var(--space-sm)}.partners p{font-size:var(--text-sm);margin-top:var(--space-sm)}.role{color:var(--color-accent);font-size:var(--text-xs);font-weight:600;display:block;margin-bottom:var(--space-sm)}.partnership{border-block:1px solid var(--color-rule);padding:var(--space-md) 0;margin-block:var(--space-lg);color:var(--color-muted);font-size:var(--text-xs);display:flex;align-items:center;justify-content:space-between}.partnership span{color:var(--color-accent);font-size:var(--text-xl)}.workflow{display:flex;align-items:stretch;background:var(--color-panel);color:var(--color-ink)}.workflow article{flex:1;padding:var(--space-xl);border-right:1px solid var(--color-rule)}.workflow article:last-child{border:0}.workflow h3{font-size:var(--text-lg)}.workflow p{font-size:var(--text-sm)}.split-band{border-block:1px solid var(--color-rule);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-3xl)}.split-band .text-link{margin-top:var(--space-lg)}.suitability p{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule);font-size:var(--text-sm)}.suitability h3{font-size:var(--text-lg)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) 0;font-size:var(--text-base);line-height:1.65}summary::-webkit-details-marker{display:none}details{border-bottom:1px solid var(--color-rule)}details p{margin:0;padding:0 0 var(--space-lg);max-width:75ch;font-size:var(--text-sm);line-height:1.9}.faq{margin-top:var(--space-lg)}.faq summary span{flex:0 0 24px;font-size:var(--text-xl);color:var(--color-muted)}.faq summary span:after{content:'+'}.faq details[open] summary span:after{content:'−'}.news{margin-top:var(--space-lg)}.news summary span{font-family:var(--font-display);color:var(--color-accent)}.final{padding:var(--space-2xl);margin-block:var(--space-2xl) var(--space-3xl);background:var(--color-panel);color:var(--color-ink);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);border-top:2px solid var(--color-rule)}.final p{font-size:var(--text-sm)}.final h2{font-size:1.7rem}.final .btn{min-width:180px}footer{padding-block:var(--space-xl) var(--space-2xl)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.footer-top p{font-size:var(--text-sm)}.footer-nav,.related{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-lg)}.footer-nav a,.related a{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;display:flex;align-items:center;min-height:44px}.legal{border-top:1px solid var(--color-rule);margin-top:var(--space-xl);padding-top:var(--space-md)}.legal p{font-size:var(--text-xs);line-height:1.9}.mobile-cta{display:none}.page-heading{padding-top:144px;padding-bottom:var(--space-2xl)}.page-heading h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.25;letter-spacing:-.04em;margin-top:var(--space-xl)}.back{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;display:inline-flex;min-height:44px;align-items:center}.filters{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.filter{min-height:44px;min-width:80px;background:var(--color-panel);border:1px solid var(--color-rule);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}.filter[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}[hidden]{display:none!important}.gallery-section{padding-bottom:var(--space-2xl)}.download-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--color-panel);color:var(--color-ink);gap:var(--space-xl)}.download-caption{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);font-size:var(--text-sm)}.download-copy{padding:var(--space-xl) var(--space-xl) var(--space-xl) 0;align-self:center}.download-copy .btn{margin-top:var(--space-xl);min-width:200px}.download-copy p{font-size:var(--text-sm)}.steps{padding-left:var(--space-lg);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xl);margin-top:var(--space-xl)}.steps li{padding-left:var(--space-sm)}.steps li::marker{color:var(--color-accent);font-weight:700}.steps h3{font-size:var(--text-lg)}.steps p{font-size:var(--text-sm)}.requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.requirements article{background:var(--color-panel);color:var(--color-ink);padding:var(--space-xl)}.requirements h3{font-size:var(--text-lg);margin-bottom:var(--space-lg)}.requirements dt{margin-top:var(--space-md)}.requirements dd{font-size:var(--text-sm)}.guide-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.guide-index>a{padding:var(--space-xl);background:var(--color-panel);color:var(--color-ink)}.guide-index h2{font-size:var(--text-xl)}.guide-index p{font-size:var(--text-sm);margin-top:var(--space-sm)}.guide-index span{font-size:var(--text-sm);display:block;color:var(--color-link);margin-top:var(--space-lg)}.reading-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--space-3xl);padding-top:var(--space-3xl)}aside{position:sticky;top:104px;align-self:start;border-top:2px solid var(--color-accent)}aside p{font-size:var(--text-xs);margin-bottom:var(--space-md)}aside a{display:flex;align-items:center;min-height:44px;color:var(--color-muted);font-size:var(--text-sm)}.prose{max-width:72ch;font-size:var(--text-base);line-height:2}.prose section{margin-bottom:var(--space-3xl);scroll-margin-top:110px}.prose p{margin-block:var(--space-lg)}.prose img{margin-block:var(--space-xl)}.prose h2{font-size:1.65rem;line-height:1.5}.prose li{color:var(--color-muted);margin-block:var(--space-sm)}.prose ul{padding-left:var(--space-lg)}.standalone{padding-bottom:var(--space-2xl)}.standalone h2{margin-top:var(--space-2xl)}.intro{color:var(--color-ink);font-size:var(--text-lg)}.article-links{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;padding-top:var(--space-lg)}dialog{background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);padding:var(--space-md);position:fixed;inset:0;margin:auto;width:min(1200px,calc(100% - 32px));max-height:90dvh;overflow:auto}dialog::backdrop{background:var(--color-shade)}.dialog-toolbar,.dialog-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}dialog button{min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule);background:var(--color-panel);font-size:var(--text-sm)}dialog figure{margin-top:var(--space-md)}dialog img{max-height:65dvh;object-fit:contain}dialog figcaption{font-size:var(--text-sm);color:var(--color-muted);text-align:center;margin-block:var(--space-md)}#image-count{font-size:var(--text-sm)}#image-status:empty{display:none}.dialog-controls{justify-content:center}
@media(hover:hover){.text-link:hover,.footer-nav a:hover,.related a:hover,aside a:hover{color:var(--color-accent)}.photo:hover{outline:1px solid var(--color-accent)}.guide-index>a:hover{background:var(--color-panel-2)}.filter:hover,summary:hover{color:var(--color-accent)}.filter[aria-pressed=true]:hover{color:var(--color-accent-ink)}#navigation a:hover{color:var(--color-ink)}}
@media(min-width:1440px){.hero{min-height:780px}.hero-media img{object-position:center 30%}}
@media(max-width:1023px){.nav-inner{gap:var(--space-lg);width:calc(100% - 40px)}#navigation{gap:var(--space-md)}.brand-mark{display:none}.wrap{width:calc(100% - 64px)}.hero{min-height:700px}.hero h1{font-size:3rem}.hero-shade{background:linear-gradient(90deg,var(--color-shade),var(--color-veil)),linear-gradient(0deg,var(--color-paper),var(--color-clear))}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.media-shelf{grid-template-columns:minmax(0,1fr)}.thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}.story,.split-band{gap:var(--space-xl)}.workflow article{padding:var(--space-lg)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:160px minmax(0,1fr);gap:var(--space-xl)}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.nav-inner{height:64px;gap:var(--space-md)}.brand{font-size:var(--text-base)}.brand small{font-size:.65rem}.nav-cta{margin-left:auto;font-size:var(--text-xs);min-height:40px;padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.menu{display:block;font-size:var(--text-xs)}#navigation{display:none;position:absolute;top:64px;left:0;right:0;height:auto;padding:var(--space-md) var(--space-lg);background:var(--color-panel);border-bottom:1px solid var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}#navigation.open{display:grid}#navigation a{min-height:44px;padding:var(--space-sm)}.hero{min-height:740px;padding:320px 0 48px;align-items:flex-end}.hero-media{inset:64px 0 0;height:420px}.hero-media img{object-position:70% top;object-fit:cover}.hero-shade{inset:64px 0 0;background:linear-gradient(0deg,var(--color-paper) 35%,var(--color-clear) 90%)}.hero h1{font-size:2.45rem;line-height:1.13}.hero h1 strong{font-size:1.35em}.subtitle{font-size:1rem;line-height:1.6}.english{font-size:.8rem;max-width:290px;line-height:1.3}.tags{gap:var(--space-sm);margin-bottom:var(--space-md)}.tags span{font-size:.65rem}.hero-lede{font-size:var(--text-sm);margin-top:var(--space-md)}.actions{gap:var(--space-sm);margin-top:var(--space-lg)}.actions .btn{padding:var(--space-md);font-size:var(--text-xs);gap:var(--space-sm)}.hero-bottom{font-size:.65rem;gap:var(--space-md);margin-top:var(--space-lg)}.hero-bottom span+span{padding-left:var(--space-md)}.facts{padding-block:var(--space-lg);gap:var(--space-lg) var(--space-md)}.facts dd{font-size:var(--text-xs)}.section{padding-block:var(--space-2xl)}.section-head{align-items:flex-start;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.section-head p{font-size:var(--text-sm)}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.story,.split-band{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.story p{font-size:var(--text-sm)}.partners{padding:var(--space-lg)}.workflow{flex-direction:column}.workflow article{border-right:0;border-bottom:1px solid var(--color-rule)}.split-band p{font-size:var(--text-sm)}summary{font-size:var(--text-sm);padding-block:var(--space-lg)}.news summary{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.final{padding:var(--space-lg);margin-block:var(--space-xl) var(--space-2xl);align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.final h2{font-size:1.4rem}.final .btn{width:100%}.footer-top{align-items:flex-start;gap:var(--space-sm)}.footer-top .text-link{font-size:var(--text-xs)}.footer-top p{max-width:200px}.footer-nav,.related{gap:var(--space-sm) var(--space-lg)}footer{padding-bottom:128px}.mobile-cta{display:flex;position:fixed;inset:auto 0 0;z-index:50;background:var(--color-panel);color:var(--color-ink);border-top:1px solid var(--color-rule);padding:var(--space-sm) var(--space-lg) max(12px,env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:var(--space-lg)}.mobile-cta>span{font-size:var(--text-sm);font-weight:700;line-height:1.4}.mobile-cta small{display:block;font-size:.65rem;font-weight:400;color:var(--color-muted)}.mobile-cta .btn{min-height:44px;min-width:148px;padding:var(--space-sm) var(--space-lg)}.page-heading{padding-top:96px;padding-bottom:var(--space-xl)}.page-heading h1{margin-top:var(--space-lg);font-size:2rem}.page-heading p{font-size:var(--text-sm)}.download-panel{grid-template-columns:minmax(0,1fr);gap:0}.download-copy{padding:var(--space-lg)}.download-copy h2{font-size:1.4rem}.download-copy .btn{width:100%}.requirements,.steps{grid-template-columns:minmax(0,1fr)}.steps{gap:var(--space-lg)}.requirements article{padding:var(--space-lg)}.guide-index{gap:var(--space-md)}.guide-index>a{padding:var(--space-md)}.guide-index h2{font-size:var(--text-lg)}.guide-index p{font-size:var(--text-xs)}.guide-index span{font-size:var(--text-xs)}.reading-layout{display:block;padding-top:var(--space-2xl)}aside{position:static;margin-bottom:var(--space-xl);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg)}aside p{width:100%;margin-bottom:0}.prose{font-size:var(--text-sm)}.prose h2{font-size:1.4rem}.prose section{margin-bottom:var(--space-2xl)}.gallery-grid{gap:var(--space-md)}.gallery-grid .photo>span{font-size:var(--text-xs);padding:var(--space-sm)}dialog{padding:var(--space-sm)}dialog img{max-height:60dvh}.dialog-controls button{font-size:var(--text-xs)}}
@media(max-width:374px){.wrap{width:calc(100% - 32px)}.nav-inner{width:calc(100% - 24px);gap:var(--space-sm)}.nav-cta{padding:var(--space-sm)}.hero{padding-top:296px}.hero h1{font-size:2.15rem}.hero-lede{font-size:var(--text-xs)}.actions{align-items:stretch;flex-direction:column}.actions .btn{width:100%}.hero-bottom{gap:var(--space-sm)}.hero-bottom span+span{padding-left:var(--space-sm)}.gallery-grid{grid-template-columns:minmax(0,1fr)}.guide-index{grid-template-columns:minmax(0,1fr)}.mobile-cta .btn{min-width:132px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}button:active,a:active{transform:none}}