/* Hallmark · macrostructure: Cinematic Catalogue · tone: intimate game store · anchor hue: gold
 * theme: custom · paper: oklch(18% .008 250) · accent: oklch(85% .17 90)
 * display: Cormorant Garamond · body: Noto Sans SC · axes: dark / roman-serif / gold
 * enrichment: real game screenshots · nav: compact dark shelf · footer: index
 * pre-emit critique: P4 H5 E4 S5 R4 V4 */
@import url('tokens.css');
@import url('fonts.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--color-paper);color:var(--color-ink);font:400 var(--text-base)/1.8 var(--font-body)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,summary,a{-webkit-tap-highlight-color:var(--color-transparent)}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-style:normal;line-height:1.3;overflow-wrap:anywhere;min-width:0}h2{font-size:var(--text-heading);font-weight:600;letter-spacing:-.03em;margin-bottom:var(--space-lg)}h3{font-size:var(--text-lg);font-weight:600}p{color:var(--color-muted);margin-bottom:var(--space-lg)}small,.small{font-size:var(--text-sm);color:var(--color-muted)}.wrap{width:min(1184px,calc(100% - 80px));margin-inline:auto}.section{padding-block:var(--space-3xl)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-lg);margin-bottom:var(--space-xl)}.section-head h2,.section-head p{margin-bottom:var(--space-sm)}.section-head>p{max-width:32em}.eyebrow{font-size:var(--text-sm);letter-spacing:.13em;color:var(--color-accent);margin-bottom:var(--space-lg)}.text-link{display:inline-block;color:var(--color-link);white-space:nowrap;min-height:44px;padding-block:var(--space-sm)}.text-link:hover,a:not(.button):hover{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}a:active,button:active,summary:active{opacity:.8}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button[data-state=loading]{cursor:progress;opacity:.7}.button[data-state=error]{outline:2px solid var(--color-error)}.button[data-state=success]{outline:2px solid var(--color-cta)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);min-height:54px;padding:var(--space-md) var(--space-lg);font-size:.9375rem;font-weight:650;line-height:1.2;white-space:nowrap;border:1px solid var(--color-rule);border-radius:var(--radius-small);position:relative;overflow:clip;transition:transform var(--dur-press) var(--ease-out)}.button.download{background:var(--color-cta);color:var(--color-accent-ink);border-color:var(--color-cta);box-shadow:0 4px 0 var(--color-shadow)}.button.download:after{content:'';position:absolute;inset:0;transform:translateX(-150%) skewX(-25deg);width:55%;background:linear-gradient(90deg,var(--color-transparent),var(--color-glint),var(--color-transparent));pointer-events:none}.button.download:hover:after,.button.download:focus-visible:after{animation:glint .6s var(--ease-out)}@keyframes glint{to{transform:translateX(260%) skewX(-25deg)}}.button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-shadow);opacity:1}.secondary{background:var(--color-panel);color:var(--color-ink)}.secondary:hover{border-color:var(--color-ink)}.actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:50;background:var(--color-paper)}.nav-shell{display:flex;align-items:center;gap:var(--space-xl);width:min(1328px,calc(100% - 64px));margin:auto;min-height:80px}.brand{display:flex;align-items:center;gap:var(--space-sm);font-size:.9375rem;letter-spacing:.1em;white-space:nowrap}.brand img{width:32px;height:32px;object-fit:cover}.brand b{color:var(--color-accent)}nav{display:flex;align-items:stretch;gap:var(--space-xl);margin-left:auto}nav a{font-size:var(--text-sm);display:flex;align-items:center;min-height:80px;white-space:nowrap;position:relative;color:var(--color-muted)}nav a[aria-current]{color:var(--color-ink)}nav a[aria-current]:after{content:'';height:3px;background:var(--color-accent);position:absolute;bottom:0;inset-inline:0}.nav-download{min-height:42px;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.menu-toggle{display:none;background:none;border:1px solid var(--color-rule);padding:var(--space-sm) var(--space-md);min-height:44px}.hero{position:relative;min-height:640px;isolation:isolate;display:flex;align-items:center;background:var(--color-panel)}.hero-art{position:absolute;inset:0 0 0 auto;width:80%;height:100%;object-fit:cover;object-position:58% 44%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--color-paper) 0%,var(--color-shade) 22%,var(--color-transparent) 72%),linear-gradient(0deg,var(--color-paper),var(--color-transparent) 45%)}.hero-inner{padding-top:var(--space-xl);padding-bottom:var(--space-3xl);display:flex;align-items:end;justify-content:space-between;gap:var(--space-xl)}.hero-copy{max-width:630px}.hero h1{font-size:var(--text-display);font-weight:600;line-height:1.1;letter-spacing:.03em;margin-bottom:var(--space-xl)}.hero h1 span{display:block;font-family:var(--font-display);font-weight:500;font-size:1.07em;letter-spacing:-.035em;color:var(--color-accent);margin-top:var(--space-xs)}.hero-sub{font-size:var(--text-xl);color:var(--color-ink);line-height:1.65}.hero-tags{display:flex;gap:var(--space-md);font-size:var(--text-sm);margin-block:var(--space-lg) var(--space-xl)}.hero-tags span+span{padding-left:var(--space-md);border-left:1px solid var(--color-rule)}.hero-note{text-align:right;margin-bottom:var(--space-md);white-space:nowrap}.hero-note span{font:500 1.6rem var(--font-display)}.hero-note p{font-size:var(--text-sm);margin:var(--space-sm) 0 0}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--space-lg) 0;margin:0;border-bottom:1px solid var(--color-rule)}.info-grid>div{padding-left:var(--space-lg);border-left:1px solid var(--color-rule)}.info-grid>div:first-child{padding-left:0;border:0}dt{color:var(--color-muted);font-size:var(--text-sm)}dd{margin:var(--space-sm) 0 0;font-size:.9375rem}.gallery-showcase{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-lg)}.thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.image-button{display:block;padding:0;border:0;width:100%;position:relative;background:var(--color-panel);overflow:clip}.image-button img{width:100%;aspect-ratio:16/9;object-fit:cover}.image-button:hover img{opacity:.86}.zoom{position:absolute;right:0;bottom:0;background:var(--color-shade);padding:var(--space-xs) var(--space-md);color:var(--color-ink)}figcaption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-sm)}figcaption small{color:var(--color-muted)}.thumbnails figcaption{font-size:.75rem}.thumbnails figcaption small{display:none}.story-section{background:var(--color-panel);padding-block:var(--space-4xl);margin-block:var(--space-xl)}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--space-3xl)}.story-layout h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.45}.prose{max-width:65ch;line-height:2}.prose p:last-child{margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl) var(--space-2xl)}.feature-grid article{display:flex;gap:var(--space-lg);padding-block:var(--space-lg);border-top:1px solid var(--color-rule)}.feature-symbol{font-size:2rem;line-height:1.3;color:var(--color-accent);width:40px;flex:none}.feature-grid p{font-size:.9375rem;margin:0}.feature-grid h3{margin-bottom:var(--space-md)}.download-strip{padding:var(--space-2xl);background:var(--color-raised);display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);margin-block:var(--space-xl)}.download-strip h2{margin-bottom:var(--space-md)}.download-strip p{margin-bottom:var(--space-sm)}.download-strip .button{min-width:200px;min-height:64px}.split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--space-3xl)}.timeline details{border-bottom:1px solid var(--color-rule)}summary{cursor:pointer;list-style:none;position:relative;padding:var(--space-lg) var(--space-xl) var(--space-lg) 0;font-weight:500;line-height:1.7}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:var(--space-xs);top:var(--space-lg);font-size:1.25rem;color:var(--color-accent)}details[open]>summary:after{content:'−'}summary:hover{color:var(--color-accent)}details p{padding-right:var(--space-lg);margin-bottom:var(--space-lg);font-size:.9375rem}.timeline time{display:block;font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-sm)}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--color-panel)}.audience-grid article{padding:var(--space-xl)}.audience-grid article+article{border-left:1px solid var(--color-rule)}.audience-grid p{margin:0;font-size:.9375rem}.faq{margin-top:var(--space-xl);border-top:1px solid var(--color-rule)}.faq details{border-bottom:1px solid var(--color-rule)}.faq details p{max-width:75ch}.final-cta{padding-block:var(--space-3xl);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-lg);border-top:1px solid var(--color-rule);margin-top:var(--space-2xl)}.final-cta h2{margin-bottom:var(--space-md)}.final-cta p{margin:0}.final-cta small{width:100%}footer{background:var(--color-panel);padding-block:var(--space-2xl);margin-top:var(--space-lg)}.footer-main{display:flex;justify-content:space-between;gap:var(--space-xl)}.footer-title{font-size:var(--text-xl);color:var(--color-ink);margin-bottom:var(--space-sm)}.footer-title span{font-family:var(--font-display);color:var(--color-accent)}.footer-main p{font-size:.9375rem}.footer-nav{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:start;justify-content:end}.footer-nav a{font-size:var(--text-sm);white-space:nowrap;min-height:44px;padding-block:var(--space-sm)}.related{border-block:1px solid var(--color-rule);font-size:var(--text-sm)}.related>div{display:flex;flex-wrap:wrap;column-gap:var(--space-lg);padding-bottom:var(--space-lg)}.related a{min-height:44px;display:flex;align-items:center;white-space:nowrap}.legal{padding-top:var(--space-lg)}.legal p{font-size:.75rem;margin:0 0 var(--space-sm);color:var(--color-muted)}.mobile-cta{display:none}.skip-link{position:fixed;top:-100px;left:var(--space-md);z-index:100;background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-md)}.skip-link:focus{top:var(--space-md)}.page-intro{padding-top:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.back-link{display:inline-block;font-size:var(--text-sm);min-height:44px;color:var(--color-muted);margin-bottom:var(--space-xl)}.page-intro h1{font-size:clamp(2.2rem,4.6vw,4rem);font-weight:600;max-width:18em;letter-spacing:-.035em;margin-bottom:var(--space-lg)}.lead{font-size:var(--text-lg);max-width:50em}.filters{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-lg)}.filters button{background:var(--color-panel);border:1px solid var(--color-rule);padding:var(--space-sm) var(--space-lg);min-height:44px}.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)}.muted{color:var(--color-muted);font-size:var(--text-sm)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}[hidden]{display:none!important}.platform-grid,.requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.platform-grid article{background:var(--color-panel);padding:var(--space-xl)}.platform-label{display:block;color:var(--color-accent);margin-bottom:var(--space-lg);font-size:var(--text-sm)}.platform-grid h2{font-size:1.75rem}.platform-grid ul{padding-left:var(--space-lg);color:var(--color-muted);margin-bottom:var(--space-xl)}.platform-grid .button{width:100%}.steps{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);padding:0;margin:var(--space-xl) 0}.steps li{counter-increment:steps;border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.steps li:before{content:'0' counter(steps);color:var(--color-accent);font:500 2.5rem var(--font-display);display:block;margin-bottom:var(--space-md)}.steps b{font-size:var(--text-lg)}.steps p{margin-top:var(--space-md)}.requirements article{padding:var(--space-xl);background:var(--color-panel)}.requirements dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule)}.requirements dd{margin:0;font-size:var(--text-sm)}.requirements .small{margin-top:var(--space-lg)}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-3xl);padding-top:var(--space-2xl)}.toc{position:sticky;top:112px;align-self:start;border-top:2px solid var(--color-accent);padding-top:var(--space-lg)}.toc p{font-size:var(--text-sm)}.toc a{display:block;min-height:44px;padding-block:var(--space-sm);font-size:.9375rem}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.guide-cards article{background:var(--color-panel);padding:var(--space-lg)}.guide-cards h2{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.guide-cards p{font-size:.9375rem;margin-bottom:var(--space-sm)}.article-section{padding-top:var(--space-3xl);max-width:65ch;line-height:2;scroll-margin-top:110px}.article-section h2{font-size:1.65rem}.article-links{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-block:var(--space-lg)}.article-links a{color:var(--color-link);min-height:44px;padding-block:var(--space-sm);white-space:nowrap;font-size:.9375rem}.article-body{padding-block:var(--space-2xl)}.article-body h2{font-size:1.75rem;margin-top:var(--space-2xl)}.article-body h2:first-child{margin-top:0}.article-body li{color:var(--color-muted);padding-left:var(--space-xs);margin-bottom:var(--space-md)}table{width:100%;border-collapse:collapse;font-size:.9375rem;margin-bottom:var(--space-xl)}th,td{padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-rule);text-align:left}td{color:var(--color-muted)}.story-image{padding-top:var(--space-xl)}.story-image img{max-height:600px;width:100%;object-fit:cover}dialog{padding:var(--space-lg);background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);max-width:min(1300px,96vw);width:96vw;max-height:95dvh;overflow:auto}dialog::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)}dialog button{background:var(--color-panel);border:1px solid var(--color-rule);min-height:44px;padding:var(--space-sm) var(--space-md);white-space:nowrap}dialog button:hover{border-color:var(--color-accent)}#lightbox-image{max-height:72dvh;width:100%;object-fit:contain;background:var(--color-panel)}.lightbox-bottom{margin-top:var(--space-md)}#lightbox-caption{font-size:var(--text-sm);margin:0;text-align:center}#image-error{color:var(--color-error)}
@media(min-width:1600px){.hero{min-height:720px}.hero-art{object-position:center 43%}}
@media(max-width:1100px){.nav-shell{gap:var(--space-lg)}nav{gap:var(--space-md)}.hero-note{display:none}.hero-art{width:100%}.hero-shade{background:linear-gradient(90deg,var(--color-shade),var(--color-transparent)),linear-gradient(0deg,var(--color-paper),var(--color-transparent))}.hero{min-height:620px}.wrap{width:calc(100% - 64px)}.gallery-showcase{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.footer-main{display:block}.footer-nav{justify-content:start}.guide-layout{gap:var(--space-xl);grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 32px);min-height:68px;gap:var(--space-md)}.brand{font-size:.8125rem}.menu-toggle{display:block;margin-left:auto;font-size:var(--text-sm)}nav{display:none;position:absolute;top:68px;inset-inline:0;background:var(--color-panel);padding:var(--space-md) var(--space-lg);box-shadow:0 12px 20px var(--color-shadow)}nav.open{display:flex;flex-wrap:wrap;gap:0}nav a{width:50%;min-height:48px}.nav-download{display:none}.hero{min-height:640px;align-items:end}.hero-art{object-position:63% top;height:64%}.hero-shade{background:linear-gradient(0deg,var(--color-paper) 15%,var(--color-shade) 42%,var(--color-transparent) 90%)}.hero-inner{padding-top:var(--space-3xl);padding-bottom:var(--space-2xl)}.hero h1{font-size:3.25rem}.hero-copy{max-width:100%}.hero .eyebrow{margin-bottom:var(--space-md)}.hero-sub{font-size:var(--text-lg);margin-bottom:var(--space-md)}.hero-tags{margin-block:var(--space-md) var(--space-lg)}.hero .button{padding:var(--space-md);gap:var(--space-md)}.hero .actions{gap:var(--space-sm)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);padding-block:var(--space-lg)}.info-grid>div{padding-left:0;border:0}.section{padding-block:var(--space-2xl)}.section-head{display:block}.section-head>.text-link{margin-top:var(--space-sm)}.gallery-showcase{display:block}.thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.thumbnails figcaption{display:none}.zoom{font-size:.875rem;padding:0 var(--space-sm)}.story-layout,.split-section{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.story-section{padding-block:var(--space-2xl)}.story-layout h2 br{display:none}.feature-grid{gap:var(--space-lg)}.feature-grid article{gap:var(--space-md)}.feature-symbol{width:24px;font-size:1.5rem}.download-strip{display:block;padding:var(--space-lg);margin-block:var(--space-lg)}.download-strip .button{margin-top:var(--space-lg);width:100%}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.audience-grid{grid-template-columns:minmax(0,1fr)}.audience-grid article{padding:var(--space-lg)}.audience-grid article+article{border-left:0;border-top:1px solid var(--color-rule)}.final-cta{display:block;padding-block:var(--space-2xl)}.final-cta .button{margin-top:var(--space-lg)}.final-cta small{display:block;margin-top:var(--space-lg)}.mobile-cta{position:fixed;z-index:40;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-lg) calc(var(--space-sm) + env(safe-area-inset-bottom));background:var(--color-panel);border-top:1px solid var(--color-rule)}.mobile-cta>span{font-size:.875rem;line-height:1.5}.mobile-cta small{display:block;font-family:var(--font-display);font-size:.875rem;color:var(--color-accent)}.mobile-cta .button{min-height:46px;padding:var(--space-sm) var(--space-lg)}footer{padding-bottom:112px}.platform-grid,.requirements,.steps{grid-template-columns:minmax(0,1fr)}.platform-grid article,.requirements article{padding:var(--space-lg)}.guide-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.toc{position:static;display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);padding-top:var(--space-md)}.toc p{width:100%;margin:0}.toc a{font-size:var(--text-sm);white-space:nowrap}.article-section{padding-top:var(--space-2xl)}.page-intro{padding-top:var(--space-lg)}.page-intro h1{font-size:2.2rem}.back-link{margin-bottom:var(--space-md)}.page-intro .eyebrow{margin-bottom:var(--space-md)}.lightbox-bottom{flex-wrap:wrap}#lightbox-caption{order:3;width:100%;text-align:left}dialog{padding:var(--space-md)}.footer-nav{gap:var(--space-md)}.footer-title{font-size:var(--text-lg)}}
@media(max-width:440px){.hero{min-height:650px}.hero h1{font-size:2.8rem}.hero .actions{flex-direction:column;align-items:start}.hero .button{min-width:192px;min-height:48px}.hero-art{height:56%}.hero-tags{font-size:.75rem;gap:var(--space-sm)}.hero-tags span+span{padding-left:var(--space-sm)}.hero .eyebrow{font-size:.75rem;letter-spacing:.05em}.hero-inner{padding-bottom:var(--space-xl)}.feature-grid,.gallery-grid{grid-template-columns:minmax(0,1fr)}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{gap:0}.guide-cards{grid-template-columns:minmax(0,1fr)}.related a{font-size:.75rem}.page-intro h1{font-size:1.85rem}.requirements dl>div{grid-template-columns:76px minmax(0,1fr);gap:var(--space-sm)}.final-cta h2{font-size:1.65rem}.hero h1 span{font-size:1.05em}.nav-shell{gap:var(--space-sm)}.brand img{width:28px;height:28px}.brand{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:active{transform:none}}
.download-cover{width:230px;aspect-ratio:460/215;object-fit:cover;margin-bottom:var(--space-lg)}