/* Hallmark · macrostructure: Catalogue · tone: industrial game store · anchor hue: yellow
 * custom: coal-black card-battle archive · paper oklch(18.5% .006 248) · accent oklch(86.1% .168 91.9)
 * display: Barlow Condensed + Noto Sans SC · body: Noto Sans SC · axes: dark / condensed / yellow
 * nav: N7 Brutal slab · footer: Ft1 Mast-headed · enrichment: real game screenshots
 * audience: adult RPG players · use: game discovery and download · pre-emit critique: P4 H5 E4 S5 R4 V4 */
@import url('tokens.css?v=ffaea1c29759');
@import url('fonts.css?v=ffaea1c29759');
@import url('utilities.css?v=ffaea1c29759');
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}button,a,summary{ -webkit-tap-highlight-color:var(--color-clear)}button:disabled,[aria-disabled=true]{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}a:hover{color:var(--color-link)}a:active,button:active{transform:translateY(2px)}button[data-state=loading]{cursor:progress}button[data-state=error]{border-color:var(--color-error)}button[data-state=success]{border-color:var(--color-cta)}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0;line-height:1.3}h1{font-size:var(--text-display);letter-spacing:-.045em;font-weight:800}h2{font-size:var(--text-title);letter-spacing:-.025em}h3{font-size:var(--text-lead)}p+p{margin-top:var(--space-md)}img{display:block;max-width:100%;height:auto}small,.small{font-size:var(--text-sm)}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.muted{color:var(--color-muted)}.skip{position:fixed;z-index:100;top:-100px;left:16px;background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-md)}.skip:focus{top:8px}.topbar{position:sticky;top:0;z-index:30;background:var(--color-bg);color:var(--color-ink);border-bottom:2px solid var(--color-line)}.nav-row{display:flex;align-items:center;gap:var(--space-lg);height:76px}.brand{display:flex;align-items:center;gap:var(--space-sm);line-height:1.1;white-space:nowrap;font-weight:800}.brand img{width:40px;height:40px;object-fit:cover}.brand small{display:block;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.1em;color:var(--color-muted);margin-top:4px}.navlinks{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto;height:100%}.navlinks a{display:flex;align-items:center;line-height:1;white-space:nowrap;height:100%;border-bottom:3px solid var(--color-clear)}.navlinks a[aria-current=page]{border-color:var(--color-accent);color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:52px;padding:var(--space-md) var(--space-lg);font-weight:700;line-height:1;white-space:nowrap;position:relative;overflow:clip;border:1px solid var(--color-line);background:var(--color-raised);color:var(--color-ink);box-shadow:0 4px 0 var(--color-shadow);transition:transform var(--dur-press) var(--ease-out)}.btn:hover{background:var(--color-surface);color:var(--color-ink)}.btn:active{box-shadow:0 2px 0 var(--color-shadow)}.btn.primary{background:var(--color-cta);color:var(--color-accent-ink);border-color:var(--color-cta)}.btn.primary:hover{background:var(--color-cta-hover)}.btn.primary:before{content:'';position:absolute;inset:-80% auto -80% -60%;width:30%;background:linear-gradient(90deg,var(--color-clear),var(--color-glint),var(--color-clear));transform:skewX(-20deg)}.btn.primary:hover:before{transform:translateX(700%) skewX(-20deg);transition:transform 650ms var(--ease-out)}.btn.compact{min-height:44px;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.menu-button{display:none;min-height:44px;min-width:44px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-line)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);padding-block:var(--space-lg)}.breadcrumb a{min-height:24px;white-space:nowrap}.hero{position:relative;height:540px;isolation:isolate;border:1px solid var(--color-line);overflow:clip}.hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,var(--color-shade) 0%,var(--color-shade) 16%,var(--color-soft-shade) 90%)}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl) var(--space-2xl) var(--space-2xl);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-lg)}.hero h1 span{display:block;font-family:var(--font-display);font-size:clamp(25px,3vw,40px);font-weight:600;letter-spacing:.045em;margin-top:var(--space-sm)}.hero p{max-width:44em;margin-top:var(--space-md);color:var(--color-ink)}.tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);font-size:var(--text-sm);margin-bottom:var(--space-md);color:var(--color-ink)}.tags span{border:1px solid var(--color-line);background:var(--color-shade);padding:var(--space-xs) var(--space-sm);line-height:1.4}.tags .age{color:var(--color-accent);border-color:var(--color-accent)}.hero-actions{display:grid;gap:var(--space-md);min-width:210px}.hero-actions small{text-align:center}.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--color-line);border-top:0;background:var(--color-surface);color:var(--color-ink);padding:var(--space-lg);gap:var(--space-lg)}.fact{display:flex;flex-direction:column;gap:var(--space-xs)}.fact small{color:var(--color-muted)}.fact strong{font-weight:600;font-variant-numeric:tabular-nums}.section{margin-top:var(--space-3xl)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.section-head a{color:var(--color-link);white-space:nowrap}.section-head p{color:var(--color-muted);margin-top:var(--space-sm)}.media-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--space-xl)}.screen{border:1px solid var(--color-line);padding:0;display:block;width:100%;background:var(--color-surface);color:var(--color-ink);text-align:left;position:relative}.screen img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:opacity var(--dur-short) var(--ease-out)}.screen:hover img{opacity:.83}.screen .zoom{position:absolute;right:12px;top:12px;background:var(--color-shade);color:var(--color-ink);width:32px;height:32px;text-align:center;line-height:30px;font-size:20px}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-sm)}.thumbs .screen{border-color:var(--color-line)}figcaption{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-sm)}.mechanisms{border-top:2px solid var(--color-accent)}.mechanism{padding-block:var(--space-lg);border-bottom:1px solid var(--color-line)}.mechanism:first-child{padding-top:var(--space-md)}.mechanism p{color:var(--color-muted);margin-top:var(--space-sm)}.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-2xl);background:var(--color-surface);color:var(--color-ink);padding:var(--space-2xl);align-items:center}.story p{color:var(--color-muted);margin-top:var(--space-lg)}.story a{display:inline-block;color:var(--color-link);margin-top:var(--space-lg);min-height:44px}.story img{width:100%;aspect-ratio:16/9;object-fit:cover}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink)}.inline-cta p{color:var(--color-muted);margin-top:var(--space-sm)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}details{border-bottom:1px solid var(--color-line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);cursor:pointer;min-height:64px;padding:var(--space-md) 0;font-weight:600;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-family:var(--font-display);font-size:24px;color:var(--color-accent)}details[open]>summary:after{content:'−'}summary:hover{color:var(--color-link)}summary:active{color:var(--color-accent)}details p{padding:0 var(--space-lg) var(--space-lg) 0;color:var(--color-muted)}.audience{list-style:none;padding:0;margin:0;border-top:1px solid var(--color-line)}.audience li{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-line)}.audience p{color:var(--color-muted);margin-top:var(--space-sm)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.article-card{display:block;background:var(--color-surface);color:var(--color-ink);padding:var(--space-xl);border:1px solid var(--color-line);transition:transform var(--dur-short) var(--ease-out)}.article-card:hover{transform:translateY(-2px);color:var(--color-ink)}.article-card p{margin-top:var(--space-md);color:var(--color-muted)}.article-card span{display:inline-block;margin-top:var(--space-lg);color:var(--color-link);white-space:nowrap}.final-cta{padding:var(--space-2xl) 0 var(--space-3xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);border-top:2px solid var(--color-accent)}.final-cta p{margin-top:var(--space-md);color:var(--color-muted)}footer{padding:var(--space-2xl) 0 var(--space-3xl);border-top:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink)}.footer-brand{font-size:var(--text-title);font-weight:800}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.footer-links,.related{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-lg)}.footer-links a,.related a{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm)}.related{padding-top:var(--space-lg);border-top:1px solid var(--color-line)}.copyright{margin-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-muted)}.mobile-dock{display:none}.page-head{padding:var(--space-lg) 0 var(--space-2xl);border-bottom:2px solid var(--color-accent)}.page-head h1{font-size:clamp(32px,4.2vw,52px)}.page-head p{max-width:65ch;margin-top:var(--space-lg);color:var(--color-muted)}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.filters button{min-height:44px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-line);padding:var(--space-sm) var(--space-lg);white-space:nowrap}.filters button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.filters button:hover{border-color:var(--color-accent)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.gallery-grid figcaption{padding-bottom:var(--space-lg)}.lightbox{width:min(1240px,96vw);max-height:94dvh;padding:var(--space-lg);border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-ink);overflow:auto}.lightbox::backdrop{background:var(--color-shade)}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.lightbox-top{margin-bottom:var(--space-md)}.lightbox-bottom{margin-top:var(--space-md)}.lightbox img{width:100%;max-height:70dvh;object-fit:contain;aspect-ratio:16/9}.lightbox[data-state=loading] img{opacity:.3}.lightbox[data-state=error] img{display:none}.lightbox .status{color:var(--color-error)}.spec-table{width:100%;border-collapse:collapse;margin-top:var(--space-lg);font-size:var(--text-sm)}.spec-table th,.spec-table td{text-align:left;border-bottom:1px solid var(--color-line);padding:var(--space-md);vertical-align:top}.spec-table th{color:var(--color-muted);font-weight:500}.spec-table thead{background:var(--color-surface);color:var(--color-ink)}.platform-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);padding:var(--space-xl);background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-line)}.platform-panel h2{margin-bottom:var(--space-lg)}.platform-panel .btn{margin-top:var(--space-lg)}.platform-panel dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-sm);margin:0}.platform-panel dt{color:var(--color-muted)}.platform-panel dd{margin:0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);list-style:none;padding:0}.steps li{border-top:1px solid var(--color-line);padding-top:var(--space-lg)}.steps b{font-family:var(--font-display);font-size:32px;color:var(--color-accent);margin-right:var(--space-md)}.steps h3{display:inline}.steps p{color:var(--color-muted);margin-top:var(--space-md)}.reading-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-2xl);margin-top:var(--space-2xl)}.toc{position:sticky;top:108px;align-self:start;border:1px solid var(--color-line);padding:var(--space-lg)}.toc a{display:flex;align-items:center;min-height:44px;font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap}.toc a:hover{color:var(--color-link)}.prose{max-width:70ch}.prose section{margin-bottom:var(--space-2xl);scroll-margin-top:110px}.prose h2{margin-bottom:var(--space-lg)}.prose h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.prose p,.prose li{color:var(--color-muted)}.prose ul,.prose ol{padding-left:var(--space-lg)}.prose figure{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.prose .note{padding:var(--space-lg);border:1px solid var(--color-line);margin-top:var(--space-lg);background:var(--color-surface);color:var(--color-ink)}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--color-link);white-space:nowrap}.notice{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted)}
@media(min-width:1600px){.hero{height:590px}}@media(max-width:1023px){.nav-row{gap:var(--space-md)}.navlinks{gap:var(--space-md)}.brand span{font-size:14px}.hero-content{padding:var(--space-xl);grid-template-columns:minmax(0,1fr)}.hero-actions{display:flex;align-items:center}.hero-actions small{display:none}.hero{height:580px}.facts{grid-template-columns:repeat(3,minmax(0,1fr))}.media-layout{grid-template-columns:minmax(0,1fr)}.mechanisms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.mechanism{border:0}.mechanism:first-child{padding-top:var(--space-lg)}.story{padding:var(--space-xl);gap:var(--space-xl)}.reading-layout{grid-template-columns:190px minmax(0,1fr)}.toc{padding:var(--space-md)}}
@media(max-width:767px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 32px)}.nav-row{height:68px;gap:var(--space-sm)}.brand small{font-size:12px}.brand img{width:32px;height:32px}.menu-button{display:block;margin-left:auto}.nav-row>.btn{display:none}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;height:auto;background:var(--color-bg);color:var(--color-ink);padding:var(--space-md);border-bottom:2px solid var(--color-line)}.navlinks.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.navlinks a{min-height:44px;justify-content:center;padding:var(--space-sm)}.breadcrumb{padding-block:var(--space-md)}.hero{height:575px}.hero>img{height:300px;object-position:68% center}.hero:after{background:linear-gradient(0deg,var(--color-bg) 0%,var(--color-bg) 36%,var(--color-clear) 100%)}.hero-content{padding:var(--space-lg);gap:var(--space-lg)}.hero p{font-size:14px;line-height:1.9;max-width:36em}.hero h1 span{font-size:27px}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.hero-actions .secondary{display:none}.hero .tags{gap:var(--space-sm);margin-bottom:var(--space-sm)}.facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-lg);gap:var(--space-lg)}.fact strong{font-size:14px}.section{margin-top:var(--space-2xl)}.section-head{display:block}.section-head>a{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-sm)}.mechanisms{display:block}.mechanism{border-bottom:1px solid var(--color-line);padding:var(--space-lg) 0}.story{display:flex;flex-direction:column-reverse;padding:var(--space-lg)}.story p{font-size:16px}.split,.article-grid,.platform-panel{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.inline-cta,.final-cta{align-items:flex-start;flex-direction:column}.inline-cta>.btn,.final-cta>.btn{width:100%}.inline-cta{padding:var(--space-lg)}.article-card{padding:var(--space-lg)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.gallery-grid figcaption{font-size:14px}.filters{gap:var(--space-sm)}.filters button{padding-inline:var(--space-md)}.footer-top{display:block}.footer-top>a{display:inline-flex;min-height:44px;align-items:center;margin-top:var(--space-lg)}.footer-brand{font-size:30px}footer{padding-bottom:128px}.mobile-dock{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);position:fixed;z-index:25;bottom:0;left:0;right:0;background:var(--color-bg);color:var(--color-ink);padding:var(--space-md);padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--color-line)}.mobile-dock strong{font-size:14px;display:block}.mobile-dock small{font-size:12px;color:var(--color-muted)}.mobile-dock .btn{min-height:48px;font-size:14px;padding:var(--space-md)}.steps{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.reading-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);padding:var(--space-md)}.toc strong{grid-column:1/-1}.toc a{font-size:13px}.platform-panel{padding:var(--space-lg)}.spec-table th,.spec-table td{padding:var(--space-sm);font-size:13px}.lightbox{padding:var(--space-md)}.lightbox-top h2{font-size:20px}.lightbox-bottom{flex-wrap:wrap}.lightbox-bottom p{order:3;width:100%}.page-head{padding-bottom:var(--space-xl)}.thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:374px){.hero-content{padding:var(--space-md)}.hero{height:555px}.hero h1{font-size:34px}.brand span{font-size:14px}.brand small{font-size:11px}.gallery-grid{grid-template-columns:minmax(0,1fr)}.facts{padding:var(--space-md)}.mobile-dock{gap:var(--space-sm)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:active,a:active,button:active,.article-card:hover{transform:none}.btn.primary:before{display:none}}