/* Hallmark · macrostructure: Workbench · tone: industrial pixel storefront · anchor hue: yellow
 * theme: custom · vibe: coal black night island machinery · paper: oklch(18.5% .006 245) · accent: oklch(86% .17 91)
 * display: Barlow Condensed + Noto Sans SC · body: Noto Sans SC · axes: dark / display-condensed / yellow
 * nav: N7 Brutal slab · footer: Ft4 Dense typographic · context: user-provided
 * Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V4 */
@import url('tokens.css');
@import url('public/fonts/fonts.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:108px}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.85}a{color:var(--color-link);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:var(--color-clear)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}a:active,button:active{transform:translateY(2px)}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}button[data-state=loading]{cursor:progress}button[data-state=error]{border-color:var(--color-error)}button[data-state=success]{border-color:var(--color-link)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35;font-style:normal;overflow-wrap:anywhere;min-width:0}h2{font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.035em}h3{font-size:var(--text-lg)}p{color:var(--color-muted)}p+p{margin-top:var(--space-md)}img{max-width:100%;height:auto;display:block}button,a{touch-action:manipulation}button{border:1px solid var(--color-rule);background:var(--color-panel)}[hidden]{display:none!important}.wrap{width:min(1184px,calc(100% - 64px));margin-inline:auto}.section{padding-block:var(--space-3xl)}.section+.section{border-top:1px solid var(--color-rule)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-lg);margin-bottom:var(--space-xl)}.section-head p{margin-top:var(--space-sm)}.section-head>a{white-space:nowrap;min-height:44px;display:flex;align-items:center}.eyebrow{color:var(--color-accent);font-weight:700;letter-spacing:.1em;font-size:var(--text-sm);margin-bottom:var(--space-md)}.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-lg);padding:14px 24px;min-height:52px;font-weight:700;white-space:nowrap;border:1px solid var(--color-rule);transition:transform var(--dur-press) var(--ease-out);position:relative}.button.primary{color:var(--color-accent-ink);background:var(--color-green);border-color:var(--color-green);box-shadow:0 4px 0 var(--color-green-dark)}.button.primary:active{box-shadow:0 2px 0 var(--color-green-dark)}.button.primary::after{content:'';position:absolute;inset:3px;border:1px solid var(--color-ink);opacity:.2;pointer-events:none}.button.secondary{background:var(--color-overlay);color:var(--color-ink)}.button span{font-size:20px;line-height:1}.actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:var(--color-paper);border-bottom:2px solid var(--color-rule)}.nav-inner{height:80px;width:min(1320px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:var(--space-xl)}.brand{display:flex;align-items:center;gap:12px;color:var(--color-ink);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.04em;line-height:1.1;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--color-accent);color:var(--color-paper);width:36px;height:40px;font-size:30px;border-bottom:4px solid var(--color-rule)}.brand small{display:block;font-family:var(--font-body);font-size:10px;letter-spacing:.22em;margin-top:6px;color:var(--color-muted)}#main-nav{display:flex;gap:var(--space-lg);margin-left:auto}#main-nav a{color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;display:flex;align-items:center;min-height:48px;border-bottom:2px solid var(--color-clear)}#main-nav a[aria-current=page]{color:var(--color-ink);border-color:var(--color-accent)}.nav-download{font-size:var(--text-sm);min-height:44px;padding:8px 16px}.menu{display:none}.skip{position:fixed;top:-100px;left:16px;z-index:50;background:var(--color-accent);color:var(--color-paper);padding:12px}.skip:focus{top:8px}.hero{position:relative;min-height:740px;padding-top:80px;display:flex;align-items:end;isolation:isolate}.hero-art{position:absolute;inset:80px 0 0;z-index:-2}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero::before{content:'';position:absolute;inset:80px 0 0;z-index:-1;background:linear-gradient(0deg,var(--color-paper) 0%,var(--color-overlay) 15%,var(--color-soft-overlay) 66%,var(--color-clear)),linear-gradient(90deg,var(--color-overlay),var(--color-clear) 70%)}.hero-content{padding-top:190px;padding-bottom:var(--space-2xl);display:flex;gap:var(--space-xl);align-items:end;justify-content:space-between}.hero h1{font-size:clamp(2.6rem,4.3vw,4.2rem);font-weight:900;letter-spacing:.015em}.hero h1 span{display:block;font-family:var(--font-display);font-size:var(--text-display);line-height:1.02;letter-spacing:.02em;color:var(--color-accent);margin-top:var(--space-sm)}.hero-desc{font-size:var(--text-lg);color:var(--color-ink);line-height:1.85;margin-top:var(--space-lg);max-width:640px}.hero-tags{display:flex;gap:var(--space-lg);font-size:var(--text-sm);margin-block:20px 24px}.hero-tags span{border-left:2px solid var(--color-accent);padding-left:10px;white-space:nowrap}.hero-side{display:flex;flex-direction:column;align-items:end;font-size:var(--text-sm);gap:6px;white-space:nowrap}.hero-side a{margin-top:8px;min-height:44px;display:flex;align-items:center}.info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--color-panel);border-top:2px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding-block:var(--space-lg)}.info-strip>div{padding-inline:var(--space-lg);border-right:1px solid var(--color-rule)}.info-strip>div:last-child{border:0}.info-strip span{display:block;color:var(--color-muted);font-size:var(--text-sm);margin-bottom:4px}.info-strip strong{font-size:var(--text-base)}.media-shop{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:var(--space-lg)}.image-button{display:block;width:100%;padding:0;position:relative;border:1px solid var(--color-rule);aspect-ratio:16/9;overflow:clip}.image-button img{width:100%;height:100%;object-fit:cover}.zoom{position:absolute;bottom:12px;right:12px;background:var(--color-overlay);width:32px;height:32px;display:grid;place-items:center;color:var(--color-ink);font-size:24px;line-height:1}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-sm)}.thumb{padding:0;border:2px solid var(--color-clear);opacity:.65;min-height:44px}.thumb[aria-pressed=true]{border-color:var(--color-accent);opacity:1}.thumb img{aspect-ratio:16/9;object-fit:cover}.game-card{background:var(--color-panel);padding:var(--space-md)}.game-card>img{aspect-ratio:16/9;object-fit:cover;margin-bottom:var(--space-md)}.game-card h3{margin-bottom:var(--space-sm)}.game-card p{font-size:var(--text-sm)}dl{margin:var(--space-md) 0}dt{color:var(--color-muted)}dd{margin:0}.game-card dl{font-size:12px}.game-card dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-rule);padding:6px 0}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm)}.story{background:var(--color-panel)}.story-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xl);align-items:center}.story h2{margin-bottom:var(--space-lg)}.story p{font-size:var(--text-base)}.story a{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-lg)}figcaption{font-size:var(--text-sm);color:var(--color-muted);padding-top:var(--space-sm)}.mechanics{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.mechanics>figure{position:sticky;top:112px}.mechanic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.mechanic-list article{border-top:2px solid var(--color-accent);padding-top:var(--space-md)}.mechanic-list p{font-size:var(--text-sm);margin-top:var(--space-sm)}.character{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}.character h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.release{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-2xl)}.release>div>p{margin-top:var(--space-md)}details{border-bottom:1px solid var(--color-rule)}summary{cursor:pointer;min-height:64px;padding:18px 42px 18px 0;list-style:none;position:relative;font-weight:600;line-height:1.8}summary::-webkit-details-marker{display:none}summary::after{content:'＋';position:absolute;right:4px;top:18px;font-size:20px;color:var(--color-link)}details[open]>summary::after{content:'−'}details>p,details>div{padding:0 0 24px;max-width:850px}details>a{display:inline-flex;align-items:center;min-height:44px;margin-bottom:16px}.audience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.audience article{padding:var(--space-lg);background:var(--color-panel);border-top:1px solid var(--color-rule)}.audience span{font-size:var(--text-sm);color:var(--color-link)}.audience h3{margin-block:var(--space-md)}.audience p{font-size:var(--text-sm)}.final-cta{border-block:1px solid var(--color-rule);padding-block:var(--space-2xl);display:flex;justify-content:space-between;gap:var(--space-xl);align-items:center}.final-cta p{margin-top:var(--space-sm)}.footer{padding-block:var(--space-2xl) var(--space-xl)}.foot-top{display:flex;align-items:start;justify-content:space-between;gap:24px}.wordmark{font-family:var(--font-display);font-size:32px;letter-spacing:.08em}.foot-top p{font-size:var(--text-sm);margin-top:var(--space-sm)}.foot-top a,.foot-links a,.related a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--text-sm)}.foot-links{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-block:var(--space-lg)}.legal{font-size:var(--text-sm)}.legal h3{font-size:var(--text-base);margin-top:var(--space-md)}.related{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;padding-block:var(--space-lg);font-size:var(--text-sm)}.related>span{color:var(--color-muted)}.related a{color:var(--color-muted);font-size:12px}.copyright{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);border-top:1px solid var(--color-rule);padding-top:var(--space-lg);font-size:11px;color:var(--color-muted)}.mobile-cta{display:none}.pagehead{padding-top:128px;padding-bottom:48px;border-bottom:1px solid var(--color-rule)}.back{min-height:44px;display:inline-flex;align-items:center;font-size:var(--text-sm);margin-bottom:32px}.pagehead .eyebrow{margin-bottom:12px}.pagehead h1{font-size:clamp(2.2rem,4.5vw,3.6rem);max-width:900px;letter-spacing:-.025em}.lead{font-size:var(--text-lg);margin-top:var(--space-lg);max-width:780px}.compact{padding-top:var(--space-xl)}.filters{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xl)}.filters button{min-width:64px;min-height:44px;padding:8px 18px}.filters button[aria-pressed=true]{border-bottom:3px solid var(--color-accent);background:var(--color-elevated)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl) var(--space-lg)}.gallery-item figcaption{display:flex;align-items:center;justify-content:space-between}.gallery-item small{color:var(--color-muted)}.gallery-help{margin-top:var(--space-xl);font-size:var(--text-sm)}.download-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);padding-block:var(--space-2xl)}.download-card{background:var(--color-panel);border:1px solid var(--color-rule);padding:var(--space-xl);align-self:start;border-top:3px solid var(--color-green)}.download-card h2{font-size:26px;margin-bottom:16px}.download-card .button{display:flex;width:100%;margin-top:32px}.download-card>small{display:block;text-align:center;color:var(--color-muted);margin-top:16px}.download-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:var(--text-sm)}.specs>div{display:flex;justify-content:space-between;gap:24px;padding-block:12px;border-bottom:1px solid var(--color-rule)}.specs dd{text-align:right}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding-left:24px;margin-top:32px}.steps li{padding-left:8px}.steps li::marker{color:var(--color-accent);font-family:var(--font-display);font-size:24px;font-weight:700}.steps strong{font-size:20px}.steps p{margin-top:12px}.note{border-left:3px solid var(--color-accent);background:var(--color-panel);padding:24px;margin-top:40px}.note p{margin-top:8px}.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding-block:48px}.toc{position:sticky;top:112px;align-self:start;display:flex;flex-direction:column;gap:8px}.toc b{margin-bottom:16px}.toc a{font-size:var(--text-sm);padding:10px 0;line-height:1.8}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:48px}.guide-cards>a{padding:24px;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule)}.guide-cards h2{font-size:20px}.guide-cards p{font-size:var(--text-sm);margin-block:12px}.guide-cards span{color:var(--color-link);font-size:var(--text-sm)}.guide-body article{padding-block:32px;border-top:1px solid var(--color-rule);scroll-margin-top:108px}.guide-body h2{margin-bottom:16px}.guide-body h3{margin-block:24px 8px}.read-next{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}.read-next a{min-height:44px;display:flex;align-items:center}.prose{max-width:820px;padding-block:48px 72px;font-size:16px}.prose h2{margin-block:48px 20px}.prose p{line-height:2}.prose figure{margin-block:24px 40px}.prose li{color:var(--color-muted);margin-block:12px}.prose>a{display:inline-flex;min-height:44px;align-items:center;margin-top:24px}.publication{border-left:3px solid var(--color-accent);padding-left:16px}.lightbox{width:min(1180px,94vw);max-height:94dvh;padding:16px;position:fixed;inset:0;margin:auto;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);overflow:auto}.lightbox::backdrop{background:var(--color-overlay)}.lightbox-bar,.lightbox-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center}.lightbox-bar{margin-bottom:12px}.lightbox button{min-width:48px;min-height:44px;padding:8px 16px}.lightbox-stage{min-height:100px;display:grid;place-items:center}.lightbox-stage img{max-height:70dvh;width:auto;object-fit:contain}.lightbox-bottom{margin-top:12px}.lightbox-bottom p{font-size:var(--text-sm);text-align:center}.image-error{padding:48px 16px;color:var(--color-error)}.sr-only{position:absolute;width:1px;height:1px;overflow:clip;clip-path:inset(50%)}
@media(hover:hover){a:hover{color:var(--color-ink)}.button.primary:hover{color:var(--color-accent-ink);transform:translateY(-1px)}.button.secondary:hover,button:hover{background:var(--color-elevated)}.image-button:hover{border-color:var(--color-link)}.thumb:hover{opacity:1}.guide-cards>a:hover{border-color:var(--color-link)}}
@media(min-width:1600px){.hero-art img{object-position:center 36%}.hero{min-height:850px}}
@media(max-width:1023px){.nav-inner{gap:24px}.hero-side{display:none}.hero{min-height:700px}.media-shop{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.hero-content{padding-top:170px}.mechanics{gap:24px}.mechanic-list{gap:24px}.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}#main-nav{gap:16px}.nav-inner{width:calc(100% - 32px)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:24px}.character{gap:32px}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.nav-inner{height:68px;gap:12px}.brand{font-size:20px}.brand-mark{width:28px;height:34px;font-size:25px}.brand small{font-size:9px}.menu{display:flex;min-height:44px;align-items:center;gap:10px;padding:8px 12px;margin-left:auto;font-size:12px}.nav-download{display:none}#main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--color-panel);padding:16px 24px;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:2px solid var(--color-rule);gap:8px 24px}#main-nav.open{display:grid}#main-nav a{min-height:48px}.hero{min-height:740px;padding-top:68px}.hero-art{inset:68px 0 0;height:400px}.hero-art img{object-position:65% center}.hero::before{inset:68px 0 0;background:linear-gradient(0deg,var(--color-paper) 40%,var(--color-clear) 92%)}.hero-content{padding-top:230px;padding-bottom:36px}.hero h1{font-size:2.7rem}.hero h1 span{font-size:4rem}.hero .eyebrow{font-size:11px}.hero-desc{font-size:15px}.hero-tags{gap:16px;font-size:12px}.hero .actions{gap:12px}.hero .button{padding:12px 20px;font-size:14px;min-height:48px}.hero .actions .secondary{padding:12px 16px}.info-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px;padding-block:24px}.info-strip>div{padding-inline:16px}.info-strip>div:nth-child(2){border:0}.info-strip strong{font-size:13px}.section{padding-block:48px}.section-head{display:block;margin-bottom:24px}.section-head>a{margin-top:12px}.section-head p{font-size:14px}.media-shop,.story-layout,.mechanics,.character,.release,.download-layout{grid-template-columns:minmax(0,1fr);gap:32px}.game-card{display:none}.story-layout>figure{order:-1}.mechanics>figure{position:static}.mechanic-list{gap:24px}.character>div>img{width:100%}.audience{grid-template-columns:minmax(0,1fr);gap:16px}.audience article{padding:24px}.audience h3{margin-block:12px}.final-cta{display:block;padding-block:32px}.final-cta .button{margin-top:24px}.foot-top{display:block}.foot-top>a{display:inline-flex;align-items:center;min-height:44px;margin-top:16px}.foot-links{gap:4px 20px}.related{gap:4px 16px}.related>span{width:100%}.related a{font-size:11px}.footer{padding-bottom:120px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:19;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-paper);border-top:1px solid var(--color-rule);padding:12px 20px max(12px,env(safe-area-inset-bottom))}.mobile-cta b{font-size:13px;display:block}.mobile-cta small{font-size:10px;color:var(--color-muted);display:block}.mobile-cta .button{font-size:13px;padding:10px 20px;min-height:44px;gap:16px}.pagehead{padding-top:100px;padding-bottom:32px}.back{margin-bottom:24px}.lead{font-size:16px}.gallery-grid{gap:24px 16px}.gallery-item figcaption{font-size:12px}.gallery-item small{display:none}.filters button{min-width:52px;padding:8px 12px}.download-layout{padding-block:32px}.download-card{padding:24px}.steps{grid-template-columns:minmax(0,1fr);gap:24px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:32px}.toc{position:static;display:flex;gap:0}.toc b{margin-bottom:4px}.toc a{min-height:44px}.guide-cards{gap:12px}.guide-cards>a{padding:16px}.guide-cards h2{font-size:18px}.guide-cards p{font-size:12px}.guide-body article{padding-block:24px}.read-next{display:block}.prose{font-size:15px;padding-block:32px 48px}.prose h2{margin-top:36px;font-size:23px}.prose figure{margin-top:0}.lightbox{padding:12px}.lightbox-bottom{gap:8px}.lightbox-bottom p{font-size:11px}.lightbox button{padding:8px 12px}.lightbox-stage img{max-height:65dvh}.copyright{font-size:10px}.info-strip span{font-size:11px}}
@media(max-width:374px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:2.25rem}.hero h1 span{font-size:3.5rem}.hero .actions{flex-direction:column;align-items:stretch}.hero{min-height:785px}.hero-desc{font-size:14px}.gallery-grid{grid-template-columns:minmax(0,1fr)}.mechanic-list{grid-template-columns:minmax(0,1fr)}.related a{font-size:10px}.mobile-cta{padding-inline:16px}.hero-tags{gap:12px}.guide-cards{grid-template-columns:minmax(0,1fr)}.specs{font-size:13px}.pagehead h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}a:active,button:active,.button.primary:hover,.guide-cards>a:hover{transform:none}}

.button.primary:focus-visible{outline-color:var(--color-paper);box-shadow:0 0 0 7px var(--color-focus)}

.gameplay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--space-2xl);align-items:center}.gameplay p{margin-top:var(--space-md)}.gameplay video{width:100%;aspect-ratio:16/9;display:block;background:var(--color-paper)}@media(max-width:767px){.gameplay{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}}