/* Hallmark · macrostructure: Workbench · tone: industrial fantasy · anchor hue: yellow
 * theme: custom · vibe: coal black, steel frames, knight expedition · paper: oklch(18.6% .006 250) · accent: oklch(86% .176 91)
 * display: Barlow Condensed + Noto Sans SC · body: Noto Sans SC · axes: dark / condensed-sans / yellow
 * nav: N7 · footer: Ft1 · context: explicit brief · enrichment: real gameplay · motion: press + opacity
 * Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V5 */
@import './tokens.css';
@font-face{font-family:'Noto Sans SC';src:url('./public/fonts/noto-sans-sc.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./public/fonts/barlow-condensed.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.8}button,a,summary{-webkit-tap-highlight-color:var(--color-clear)}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-accent)}a:active,button:active,summary:active{opacity:.8}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:grayscale(1)}[data-state=loading]{cursor:progress;opacity:.7}[data-state=error]{outline:2px solid var(--color-error)}[data-state=success]{outline:2px solid var(--color-cta)}[hidden]{display:none!important}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;line-height:1.25;overflow-wrap:anywhere;min-width:0}h1{font-size:var(--text-display);font-weight:800;letter-spacing:-.035em}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-lg)}p{color:var(--color-muted)}.wrap{width:min(1248px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-md)}.skip:focus{top:8px}.site-header{height:80px;position:fixed;inset:0 0 auto;z-index:30;background:var(--color-paper);border-bottom:2px solid var(--color-rule)}.nav-row{height:100%;display:flex;align-items:center;gap:var(--space-xl)}.brand{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-ink);white-space:nowrap;line-height:1}.brand img{width:36px;height:36px;border:1px solid var(--color-rule)}.brand strong{font-size:var(--text-md)}.nav-links{margin-left:auto;display:flex;gap:var(--space-xl);align-items:center}.nav-links a{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap}.nav-links a[aria-current=page]{color:var(--color-accent)}.nav-links a:hover{color:var(--color-ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);min-height:52px;font-weight:700;font-size:var(--text-base);white-space:nowrap;line-height:1;border:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-ink);border-radius:var(--radius-sm);transition:transform var(--dur-fast) var(--ease-out);box-shadow:0 4px 0 var(--color-shade)}.button:hover{border-color:var(--color-accent);color:var(--color-ink)}.button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-shade);opacity:1}.primary{background:var(--color-cta);color:var(--color-accent-ink);border-color:var(--color-cta)}.primary:hover{color:var(--color-accent-ink);outline:1px solid var(--color-cta);outline-offset:3px}.button.small{min-height:44px;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.menu-toggle{display:none}.hero{position:relative;margin-top:80px;min-height:630px;display:flex;align-items:flex-end;isolation:isolate;border-bottom:1px solid var(--color-rule)}.hero-art{position:absolute;inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--color-paper) 7%,var(--color-shade) 35%,var(--color-clear) 80%),linear-gradient(0deg,var(--color-paper),var(--color-clear) 70%);z-index:-1}.hero-content{padding:var(--space-2xl) 0 var(--space-3xl)}.hero .tags{margin-bottom:var(--space-lg)}.tags{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.tag{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule);font-size:var(--text-xs);line-height:1.4;color:var(--color-muted);white-space:nowrap}.tag.accent{border-color:var(--color-accent);color:var(--color-accent)}.hero h1{max-width:760px}.hero h1 span{display:block;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:500;letter-spacing:.04em;margin-top:var(--space-md)}.english{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.04em;color:var(--color-muted);line-height:1.2}.hero .english{margin-top:var(--space-md)}.hero .lede{max-width:510px;margin:var(--space-lg) 0;font-size:var(--text-md)}.actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.meta-line{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);font-size:var(--text-xs);color:var(--color-muted)}.info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--color-panel);border-bottom:1px solid var(--color-rule);padding:var(--space-lg) var(--space-xl);gap:var(--space-lg)}.info-strip dt{font-size:var(--text-xs);color:var(--color-muted)}.info-strip dd{margin:var(--space-xs) 0 0;font-size:var(--text-base);font-weight:600}.section{padding-block:var(--space-4xl)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-xl)}.section-head p{margin-top:var(--space-sm);max-width:65ch}.section-head>a{white-space:nowrap;flex-shrink:0;font-size:var(--text-sm);padding-block:var(--space-sm)}.media-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:var(--space-xl)}.main-shot{display:block;width:100%;padding:0;background:var(--color-panel);border:1px solid var(--color-rule);position:relative}.main-shot img{width:100%;aspect-ratio:16/9;object-fit:cover}.zoom-label{position:absolute;bottom:12px;right:12px;padding:var(--space-xs) var(--space-sm);background:var(--color-shade);font-size:var(--text-xs)}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-sm)}.thumbs button{padding:0;border:2px solid var(--color-rule);background:var(--color-panel)}.thumbs button[aria-pressed=true]{border-color:var(--color-accent)}.thumbs img{aspect-ratio:16/9;width:100%;object-fit:cover}.thumbs button:hover,.gallery-item button:hover{opacity:.82}.shot-caption{margin-top:var(--space-sm);font-size:var(--text-xs)}.side-note{padding:var(--space-xl);background:var(--color-panel);display:flex;flex-direction:column;justify-content:space-between;border-top:3px solid var(--color-accent)}.side-note h3{font-size:var(--text-xl);margin-bottom:var(--space-md)}.side-note p{font-size:var(--text-sm)}.side-note .wordmark-image{width:240px;margin-bottom:var(--space-lg)}.spec-inline{border-top:1px solid var(--color-rule);margin-top:var(--space-lg);padding-top:var(--space-lg);display:flex;justify-content:space-between;gap:var(--space-md);font-size:var(--text-xs)}.story-band{background:var(--color-panel);border-block:1px solid var(--color-rule)}.story-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--space-3xl)}.story-content h2{font-size:var(--text-2xl);max-width:14em}.story-content p+p{margin-top:var(--space-md)}.prose{max-width:68ch}.feature-list{margin-top:var(--space-2xl);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.feature{border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.feature h3{font-size:var(--text-md);margin-bottom:var(--space-sm)}.feature p{font-size:var(--text-sm)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xl)}.split h2{margin-bottom:var(--space-xl)}details{border-bottom:1px solid var(--color-rule)}summary{padding:var(--space-lg) var(--space-xl) var(--space-lg) 0;list-style:none;cursor:pointer;font-weight:600;position:relative;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:24px;color:var(--color-accent);font-size:var(--text-lg);line-height:1}details[open]>summary:after{content:'−'}details p{padding:0 0 var(--space-lg);font-size:var(--text-sm)}summary:hover{color:var(--color-accent)}.news time{color:var(--color-muted);font-size:var(--text-xs);display:block;margin-bottom:var(--space-xs);font-weight:400}.audience{background:var(--color-panel);padding:var(--space-xl)}.audience ul{padding-left:var(--space-lg);margin-bottom:0;color:var(--color-muted)}.audience li{margin-top:var(--space-md);font-size:var(--text-sm)}.end-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding:var(--space-2xl);background:var(--color-raised);border:1px solid var(--color-rule);margin-block:var(--space-xl) var(--space-4xl)}.end-cta h2{margin-bottom:var(--space-sm)}.end-cta p{font-size:var(--text-sm)}.footer{padding:var(--space-2xl) 0 var(--space-3xl);border-top:2px solid var(--color-rule)}.footer-brand{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.2;font-weight:700;color:var(--color-ink)}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl)}.footer p{font-size:var(--text-xs);margin-top:var(--space-md)}.footer-links,.related{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.footer a{font-size:var(--text-xs);white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.related{margin-top:var(--space-lg);gap:var(--space-sm) var(--space-lg)}.related-label{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-lg)}.mobile-dock{display:none}.subhero{padding:var(--space-3xl) 0 var(--space-2xl);margin-top:80px;border-bottom:1px solid var(--color-rule);background:var(--color-panel)}.breadcrumb{font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.subhero h1{font-size:clamp(2.2rem,4.5vw,3.5rem)}.subhero .lede{max-width:65ch;margin-top:var(--space-lg)}.subhero .english{font-size:var(--text-sm);margin-bottom:var(--space-sm)}.filters{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xl)}.filter{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-rule);background:var(--color-panel);min-height:44px;white-space:nowrap}.filter[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.filter:hover{border-color:var(--color-accent)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.gallery-item button{border:1px solid var(--color-rule);padding:0;width:100%;background:var(--color-panel)}.gallery-item img{aspect-ratio:16/9;width:100%;object-fit:cover}.gallery-item h2{font-size:var(--text-md);margin:var(--space-md) 0 var(--space-xs)}.gallery-item p{font-size:var(--text-xs)}.download-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);border:1px solid var(--color-rule);background:var(--color-panel)}.download-copy{padding:var(--space-xl)}.download-copy h2{font-size:var(--text-2xl);margin:var(--space-lg) 0}.download-copy p{margin-bottom:var(--space-lg);font-size:var(--text-sm)}.download-panel>img{width:100%;height:100%;object-fit:cover}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);counter-reset:step;margin-top:var(--space-xl)}.step{border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.step:before{counter-increment:step;content:'0' counter(step);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-accent)}.step h3{font-size:var(--text-md);margin:var(--space-sm) 0}.step p{font-size:var(--text-sm)}.requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);margin-top:var(--space-xl)}.requirements>article{padding:var(--space-xl);background:var(--color-panel)}.requirements h3{margin-bottom:var(--space-lg)}.requirements dl{margin:0}.requirements dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-md);border-top:1px solid var(--color-rule);font-size:var(--text-sm)}.requirements dt{color:var(--color-muted)}.requirements dd{margin:0;overflow-wrap:anywhere}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.guide-card{background:var(--color-panel);padding:var(--space-xl);border:1px solid var(--color-rule)}.guide-card h2{font-size:var(--text-lg);margin-bottom:var(--space-md)}.guide-card p{font-size:var(--text-sm);margin-bottom:var(--space-lg)}.guide-card a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-3xl)}.toc{align-self:start;position:sticky;top:112px;border-top:2px solid var(--color-accent);padding-top:var(--space-md)}.toc strong{display:block;margin-bottom:var(--space-md)}.toc a{display:flex;align-items:center;padding-block:var(--space-sm);font-size:var(--text-sm);white-space:nowrap;min-height:44px}.article-body{max-width:70ch}.article-body section{margin-bottom:var(--space-3xl);scroll-margin-top:112px}.article-body h2{margin-bottom:var(--space-lg)}.article-body h3{font-size:var(--text-lg);margin:var(--space-xl) 0 var(--space-md)}.article-body p+p{margin-top:var(--space-md)}.article-body ul,.article-body ol{padding-left:var(--space-lg);color:var(--color-muted)}.article-body li{margin-block:var(--space-md)}.article-body figure{margin-block:var(--space-xl)}.article-body figcaption{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-sm)}.article-body .note{padding:var(--space-lg);background:var(--color-panel);margin-top:var(--space-xl);font-size:var(--text-sm)}.lightbox{padding:var(--space-lg);border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);width:min(1200px,94vw);max-height:94dvh}.lightbox::backdrop{background:var(--color-scrim)}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-md)}.lightbox button{background:var(--color-panel);border:1px solid var(--color-rule);min-width:44px;min-height:44px;white-space:nowrap}.lightbox button:hover{border-color:var(--color-accent)}.lightbox img{max-height:70dvh;width:100%;object-fit:contain}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-md)}.lightbox-caption{font-size:var(--text-sm);color:var(--color-muted)}.image-error{padding:var(--space-lg);color:var(--color-error)}
@media(min-width:1440px){.hero{min-height:670px}}@media(max-width:1023px){.wrap{width:calc(100% - 48px)}.nav-links{gap:var(--space-lg)}.media-layout{grid-template-columns:minmax(0,1fr)}.side-note{display:none}.hero-art{width:100%;object-position:65% center}.hero:after{background:linear-gradient(90deg,var(--color-shade),var(--color-clear)),linear-gradient(0deg,var(--color-paper),var(--color-clear))}.hero{min-height:620px}.hero .lede{max-width:440px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-content{gap:var(--space-xl)}.split{gap:var(--space-xl)}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:var(--space-xl)}}
@media(max-width:767px){.site-header{height:64px}.wrap{width:calc(100% - 32px)}.nav-row{gap:var(--space-md)}.brand strong{font-size:var(--text-base)}.brand img{width:32px;height:32px}.nav-row>.primary{margin-left:auto}.menu-toggle{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;background:var(--color-panel);border:1px solid var(--color-rule);font-size:var(--text-xs)}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--color-panel);padding:var(--space-md);border-bottom:2px solid var(--color-rule);margin:0;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:var(--space-md)}.hero{margin-top:64px;min-height:660px;align-items:flex-end}.hero-art{height:350px;object-position:65% center;top:0}.hero:after{background:linear-gradient(0deg,var(--color-paper) 45%,var(--color-clear) 92%)}.hero-content{padding:var(--space-2xl) 0 var(--space-3xl)}.hero h1{font-size:var(--text-display)}.hero h1 span{font-size:var(--text-lg);letter-spacing:0}.hero .english{font-size:var(--text-base);max-width:280px}.hero .lede{font-size:var(--text-base);margin-block:var(--space-lg);max-width:100%}.hero .tags{margin-bottom:var(--space-md)}.hero .actions{gap:var(--space-sm)}.hero .button{padding-inline:var(--space-md);font-size:var(--text-sm);gap:var(--space-sm)}.meta-line{gap:var(--space-md);flex-wrap:wrap}.info-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-lg);gap:var(--space-lg)}.info-strip dd{font-size:var(--text-sm)}.section{padding-block:var(--space-2xl)}.section-head{display:block}.section-head>a{display:inline-flex;margin-top:var(--space-sm)}h2{font-size:1.65rem}.story-content{grid-template-columns:minmax(0,1fr)}.story-content h2{font-size:var(--text-xl)}.feature-list{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.split{grid-template-columns:minmax(0,1fr);gap:var(--space-2xl)}.end-cta{padding:var(--space-xl) var(--space-lg);flex-direction:column;align-items:flex-start;margin-bottom:var(--space-2xl)}.end-cta .button{width:100%}.footer-top{flex-direction:column}.footer{padding-bottom:120px}.footer-links{gap:var(--space-lg)}.footer-brand{font-size:var(--text-xl)}.related{gap:0 var(--space-md)}.related a{font-size:var(--text-xs)}.mobile-dock{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);position:fixed;bottom:0;inset-inline:0;z-index:25;background:var(--color-panel);border-top:1px solid var(--color-rule);padding:var(--space-sm) var(--space-md) calc(var(--space-sm) + env(safe-area-inset-bottom))}.mobile-dock strong{font-size:var(--text-sm);display:block}.mobile-dock span{font-size:var(--text-xs);color:var(--color-muted);display:block}.mobile-dock .button{min-height:44px;font-size:var(--text-sm);padding-inline:var(--space-lg)}.subhero{margin-top:64px;padding-block:var(--space-2xl)}.subhero .lede{font-size:var(--text-sm)}.gallery-grid{gap:var(--space-xl) var(--space-md)}.gallery-item h2{font-size:var(--text-sm)}.filters{gap:var(--space-sm)}.filter{padding-inline:var(--space-md);font-size:var(--text-sm)}.download-panel{grid-template-columns:minmax(0,1fr)}.download-panel>img{aspect-ratio:16/9;max-height:280px;order:-1}.download-copy{padding:var(--space-lg)}.download-copy .button{width:100%}.steps{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.requirements{grid-template-columns:minmax(0,1fr)}.requirements>article{padding:var(--space-lg)}.guide-cards{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.guide-card{padding:var(--space-lg)}.article-layout{grid-template-columns:minmax(0,1fr)}.toc{position:static}.toc a{display:inline-flex;margin-right:var(--space-lg)}.article-body section{margin-bottom:var(--space-2xl)}.lightbox{padding:var(--space-sm);width:96vw}.lightbox-caption{font-size:var(--text-xs)}.lightbox img{max-height:65dvh}.lightbox-top{gap:var(--space-sm)}.lightbox-top strong{font-size:var(--text-sm)}.section:target{scroll-margin-top:80px}}
@media(max-width:359px){.nav-row>.primary{display:none}.menu-toggle{margin-left:auto}.gallery-grid{grid-template-columns:minmax(0,1fr)}.hero{min-height:660px}.hero h1{font-size:2.5rem}.hero .button{font-size:var(--text-xs);min-height:48px}.hero h1 span{font-size:1.25rem}.meta-line{font-size:.6875rem}.related a{font-size:.6875rem}.info-strip{gap:var(--space-md)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:active{transform:none}}
.article-body p a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}