/* Hallmark · macrostructure: Workbench · tone: industrial dinosaur storefront · anchor hue: yellow
 * theme: custom · paper: oklch(18.5% .006 250) · accent: oklch(85.2% .199 91.9)
 * display: Barlow Condensed + Noto Sans SC · body: Noto Sans SC · axes: dark / condensed / yellow
 * nav: N7 · footer: Ft4 · pre-emit critique: P4 H5 E4 S5 R4 V4 */
@import url('tokens.css?v=1');
@import url('fonts.css?v=1');
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-lg))}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:400 var(--text-base)/1.85 var(--font-body)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0;line-height:1.35}h2{font-size:var(--text-title);font-weight:800}h3{font-size:var(--text-xl);font-weight:700}p{color:var(--color-muted)}a{color:var(--color-link);text-decoration:none}button,a,summary{-webkit-tap-highlight-color:var(--color-clear)}button,summary{cursor:pointer}button{font:inherit;color:inherit;border:0;border-radius:var(--radius-none)}button:active,a:active,summary:active{opacity:.8}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}button[data-state=loading]{cursor:progress;opacity:.7}[data-state=error]{outline:2px solid var(--color-error)}[data-state=success]{border-color:var(--color-cta)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}img{max-width:100%;display:block;height:auto;object-fit:cover}a,button,summary{touch-action:manipulation}button[hidden],figure[hidden],p[hidden]{display:none}.wrap{max-width:1248px;margin-inline:auto;padding-inline:var(--space-xl)}.small{font-size:var(--text-sm)}.skip{position:fixed;top:var(--space-sm);left:var(--space-md);z-index:100;padding:var(--space-md);background:var(--color-paper);transform:translateY(-200%)}.skip:focus{transform:none}.header{position:sticky;top:0;z-index:20;background:var(--color-paper);color:var(--color-ink);border-bottom:2px solid var(--color-rule)}.nav-row{height:var(--header-height);display:flex;align-items:center;gap:var(--space-xl)}.wordmark{margin-right:auto;flex-shrink:0}.wordmark img{width:158px;height:58px;object-fit:contain}.nav-row nav{display:flex;align-items:center;gap:var(--space-lg)}.nav-row nav a{white-space:nowrap;color:var(--color-muted);font-size:.9rem;font-weight:600;padding:var(--space-md) 0;line-height:1}.nav-row nav a[aria-current]{color:var(--color-ink);box-shadow:0 3px var(--color-accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xl);min-height:52px;padding:var(--space-md) var(--space-lg);white-space:nowrap;line-height:1;font-weight:700;position:relative;isolation:isolate;overflow:clip}.primary{background:var(--color-cta);color:var(--color-accent-ink);box-shadow:0 4px var(--color-shadow);border:1px solid var(--color-cta)}.primary:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,var(--color-clear) 40%,var(--color-highlight) 50%,var(--color-clear) 60%);transform:translateX(-80%);pointer-events:none}.primary:hover:after{transform:translateX(80%);transition:transform 550ms var(--ease-out)}.primary:active{transform:translateY(2px);box-shadow:0 2px var(--color-shadow);opacity:1}.secondary{color:var(--color-ink);border:1px solid var(--color-rule);background:var(--color-panel)}.nav-cta{min-height:44px;font-size:.875rem;gap:var(--space-md)}.menu-toggle{display:none;background:var(--color-panel);color:var(--color-ink);padding:var(--space-sm) var(--space-md);min-height:44px}.hero{height:536px;position:relative;background:var(--color-panel);color:var(--color-ink)}.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--color-shade),var(--color-clear)),linear-gradient(0deg,var(--color-paper),var(--color-clear) 90%)}.hero-content{position:relative;z-index:1;padding-block:var(--space-2xl) var(--space-3xl)}.hero-tags{display:flex;gap:var(--space-md);align-items:center;font-size:var(--text-sm);color:var(--color-ink);margin-bottom:var(--space-md)}.hero-tags span+span{border-left:1px solid var(--color-muted);padding-left:var(--space-md)}.hero-tags span:first-child{color:var(--color-accent)}h1{font-size:var(--text-display);font-weight:900;letter-spacing:-.035em;line-height:1.16}.hero h1 span{display:block;font-family:var(--font-display);font-weight:600;font-size:1.45rem;letter-spacing:.15em;margin-top:var(--space-md)}.hero p{font-size:var(--text-lg);line-height:1.75;color:var(--color-ink);margin-top:var(--space-lg)}.hero-actions{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.media-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:var(--space-xl);padding-top:var(--space-sm)}.main-shot{display:block;position:relative;padding:0;width:100%;background:var(--color-panel)}.main-shot img{aspect-ratio:16/9;width:100%}.expand{position:absolute;bottom:var(--space-md);right:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-shade);color:var(--color-ink);font-size:var(--text-sm)}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-block:var(--space-sm) var(--space-md)}.shot{padding:0;background:var(--color-panel);width:100%;display:block;text-align:left;position:relative;color:var(--color-ink)}.shot img{width:100%;aspect-ratio:16/9}.shot-caption{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);line-height:1.5}.thumbs .shot-caption{font-size:.7rem}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem}.game-info{padding:var(--space-lg);background:var(--color-panel);color:var(--color-ink);align-self:start;border-top:3px solid var(--color-accent)}.game-info h2{font-size:1.6rem}.game-info>p{font-size:.9rem;margin-block:var(--space-md)}dl{margin:var(--space-lg) 0;line-height:1.6;font-size:var(--text-sm)}dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-sm);border-bottom:1px solid var(--color-rule)}dt{color:var(--color-muted)}dd{margin:0}.info-links{display:flex;flex-direction:column}.info-links a{min-height:44px;display:flex;align-items:center;font-size:.875rem}.section{padding-top:var(--space-4xl)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.section-head>a,.section-head>span{font-size:var(--text-sm);white-space:nowrap}.section-head>span{color:var(--color-muted)}.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}.story h2{margin-bottom:var(--space-lg)}.story p+p{margin-top:var(--space-md)}.story .text-link{margin-top:var(--space-md)}figcaption{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-sm)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.feature-grid h3{margin-top:var(--space-md)}.feature-grid p{margin-top:var(--space-sm)}.feature-wide{grid-column:1/-1;background:var(--color-panel);color:var(--color-ink);padding:var(--space-lg);display:flex;gap:var(--space-xl);align-items:center;justify-content:space-between}.feature-wide h3{margin-top:0}.feature-wide>a{white-space:nowrap}.companion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg)}.companion-grid article{border-top:2px solid var(--color-rule);padding-top:var(--space-lg)}.role{font-size:var(--text-sm);color:var(--color-accent);font-weight:600}.companion-grid h3{font-family:var(--font-display);font-size:1.8rem;margin:var(--space-sm) 0}.companion-grid p{font-size:.9rem}.updates{background:var(--color-panel);color:var(--color-ink)}details{border-bottom:1px solid var(--color-rule)}summary{list-style:none;display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);font-weight:600;line-height:1.6;min-height:64px}summary::-webkit-details-marker{display:none}summary time{font-weight:400;color:var(--color-muted);white-space:nowrap;font-size:var(--text-sm)}summary span:last-child{margin-left:auto;flex-shrink:0}.updates p,.faq p{padding:0 var(--space-lg) var(--space-lg);max-width:75ch}.audience{padding-bottom:var(--space-xl);border-bottom:2px solid var(--color-rule)}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);margin-top:var(--space-lg)}.audience strong{display:block;color:var(--color-ink);margin-bottom:var(--space-sm)}.faq{margin-top:var(--space-lg)}.faq summary{padding-inline:0}.faq p{padding-left:0}.faq summary span:before{content:'+';font-size:1.5rem;font-weight:400}.faq details[open] summary span:before{content:'−'}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);margin-top:var(--space-lg)}.reading-grid a{display:block;padding:var(--space-lg);background:var(--color-panel);color:var(--color-ink)}.reading-grid span{font-size:var(--text-sm);color:var(--color-link)}.reading-grid h3{font-size:var(--text-lg);margin-block:var(--space-md)}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);margin-top:var(--space-4xl);padding:var(--space-xl);background:var(--color-panel);color:var(--color-ink);border-top:3px solid var(--color-accent)}.final-cta p{margin-top:var(--space-sm)}.footer{padding-block:var(--space-3xl) var(--space-xl)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.footer-top>a{white-space:nowrap;min-height:44px;display:flex;align-items:center}.footer strong{font-size:var(--text-lg)}.footer p{font-size:var(--text-sm)}.footer nav{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-block:var(--space-md)}.footer nav a,.related a{font-size:var(--text-sm);display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.related{display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--space-lg);border-top:1px solid var(--color-rule);padding-block:var(--space-md)}.related>span{font-size:var(--text-sm);color:var(--color-muted)}.copyright{max-width:95ch;padding-top:var(--space-md)}.mobile-cta{display:none}.page-intro{padding-block:var(--space-2xl)}.back{font-size:var(--text-sm);display:inline-flex;min-height:44px;align-items:center;margin-bottom:var(--space-md)}.page-intro h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.3;max-width:22ch}.page-intro p{margin-top:var(--space-lg);max-width:65ch}.filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.filters button{background:var(--color-panel);color:var(--color-muted);padding:var(--space-sm) var(--space-lg);min-height:44px;white-space:nowrap}.filters button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink)}#filter-status{margin-block:var(--space-md)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.gallery-grid figure{min-width:0}.gallery-grid figcaption{line-height:1.8}.download-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl);background:var(--color-panel);color:var(--color-ink);padding:var(--space-xl);align-items:center}.download-panel h2{margin-block:var(--space-sm) var(--space-md)}.download-panel .primary{margin-block:var(--space-lg) var(--space-sm)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);padding-left:var(--space-lg);margin-top:var(--space-xl)}.steps li{padding-left:var(--space-sm)}.steps li::marker{color:var(--color-accent);font-weight:800}.steps p{margin-top:var(--space-md)}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.spec-grid section{padding:var(--space-lg);background:var(--color-panel);color:var(--color-ink)}.spec-grid h2{font-size:var(--text-xl)}.spec-grid dl{margin-bottom:0}.spec-grid dl>div{grid-template-columns:80px minmax(0,1fr)}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.guide-cards article{padding:var(--space-lg);background:var(--color-panel);color:var(--color-ink)}.guide-cards h2{font-size:var(--text-xl)}.guide-cards p{margin-block:var(--space-sm)}.guide-cards a{display:inline-flex;align-items:center;min-height:44px}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-3xl);padding-top:var(--space-2xl)}.toc{position:sticky;top:calc(var(--header-height) + var(--space-lg));align-self:start;display:flex;flex-direction:column;border-top:2px solid var(--color-accent);padding-top:var(--space-md)}.toc strong{margin-bottom:var(--space-sm)}.toc a{display:flex;align-items:center;min-height:44px;font-size:.9rem}.prose{max-width:70ch}.prose section{margin-bottom:var(--space-2xl);scroll-margin-top:calc(var(--header-height) + var(--space-lg))}.prose h2{margin-block:var(--space-lg)}.prose h3{font-size:var(--text-xl);margin-block:var(--space-lg) var(--space-sm)}.prose p{margin-block:var(--space-md)}.prose li{color:var(--color-muted);margin-block:var(--space-sm)}.prose img{margin-block:var(--space-lg)}.prose>a{display:inline-flex;min-height:44px;align-items:center}.standalone{margin:var(--space-2xl) auto 0}.comparison article{border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-md)}dialog{position:fixed;inset:0;margin:auto;border:1px solid var(--color-rule);padding:var(--space-lg);width:min(1200px,95vw);max-height:95dvh;overflow:auto;height:fit-content;background:var(--color-paper);color:var(--color-ink)}dialog::backdrop{background:var(--color-shade)}.lightbox-bar,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.lightbox-bar{margin-bottom:var(--space-md)}dialog button{background:var(--color-panel-high);color:var(--color-ink);min-width:44px;min-height:44px;padding:var(--space-sm) var(--space-md);white-space:nowrap}#lightbox-img{width:100%;height:auto;max-height:70dvh;object-fit:contain;aspect-ratio:16/9}.lightbox-bottom{margin-top:var(--space-md)}#lightbox-caption{font-size:var(--text-sm);text-align:center}#image-error{color:var(--color-error)}
@media(hover:hover){a:hover{color:var(--color-ink)}.primary:hover{color:var(--color-accent-ink)}.secondary:hover,summary:hover,.menu-toggle:hover{background:var(--color-panel-high)}.shot:hover,.main-shot:hover{outline:2px solid var(--color-accent)}.filters button:hover{box-shadow:inset 0 -2px var(--color-accent)}.reading-grid a:hover{background:var(--color-panel-high)}}
@media(max-width:1024px){.nav-row{gap:var(--space-lg)}.nav-row nav{gap:var(--space-md)}.media-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-lg)}.game-info{padding:var(--space-md)}.game-info h2{font-size:1.35rem}.game-info dl>div{grid-template-columns:75px minmax(0,1fr);gap:var(--space-sm)}.story{gap:var(--space-xl)}.companion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:var(--space-xl)}}
@media(max-width:768px){:root{--header-height:72px}.wrap{padding-inline:var(--space-lg)}.nav-row{gap:var(--space-md)}.wordmark img{width:128px;height:48px}.menu-toggle{display:block}.nav-row nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-panel);color:var(--color-ink);padding:var(--space-lg);border-bottom:2px solid var(--color-rule)}.nav-row nav.is-open{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.nav-row nav a{padding:var(--space-md);min-height:44px}.nav-cta{padding-inline:var(--space-md)}.hero{height:520px}.hero h1{font-size:3.5rem}.hero-backdrop{object-position:65% center}.media-layout{grid-template-columns:minmax(0,1fr)}.game-info{padding:var(--space-lg)}.game-info dl>div{grid-template-columns:110px minmax(0,1fr)}.story{grid-template-columns:minmax(0,1fr)}.section{padding-top:var(--space-2xl)}.section-head{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-grid,.reading-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.reading-grid a{display:block}.steps{grid-template-columns:minmax(0,1fr)}.download-panel{grid-template-columns:minmax(0,1fr)}.spec-grid{grid-template-columns:minmax(0,1fr)}.article-layout{grid-template-columns:minmax(0,1fr)}.toc{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 var(--space-lg)}.toc strong{width:100%}.toc a{white-space:nowrap}.final-cta{flex-direction:column;align-items:flex-start}.footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;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-paper);color:var(--color-muted);border-top:1px solid var(--color-rule)}.mobile-cta>span{font-size:.75rem}.mobile-cta .primary{min-height:44px;padding:var(--space-sm) var(--space-md);gap:var(--space-lg)}.prose{max-width:100%}}
@media(max-width:480px){.wrap{padding-inline:var(--space-md)}.nav-cta{display:none}.nav-row{justify-content:space-between}.hero{height:500px}.hero-content{padding-block:var(--space-xl) var(--space-2xl)}.hero h1{font-size:2.75rem}.hero h1 span{font-size:1.04rem;letter-spacing:.11em}.hero p{font-size:1rem;margin-top:var(--space-lg)}.hero-actions{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.hero-actions .button{min-height:48px;font-size:.875rem}.hero-tags{gap:var(--space-sm);font-size:.75rem}.hero-tags span+span{padding-left:var(--space-sm)}.hero:after{background:linear-gradient(90deg,var(--color-shade),var(--color-clear)),linear-gradient(0deg,var(--color-paper),var(--color-clear))}.thumbs .shot-caption{display:none}.thumbs .shot{min-height:44px}.feature-grid,.companion-grid,.guide-cards,.gallery-grid{grid-template-columns:minmax(0,1fr)}.feature-wide{flex-direction:column;align-items:flex-start}.updates summary{flex-wrap:wrap;gap:var(--space-sm);font-size:.9rem}.updates summary time{width:100%}.updates summary span:last-child{display:none}.faq summary{font-size:.9rem;gap:var(--space-md)}.footer-top{align-items:flex-start;flex-direction:column}.download-panel{padding:var(--space-md)}.spec-grid section{padding:var(--space-md)}.spec-grid dl>div{grid-template-columns:72px minmax(0,1fr);gap:var(--space-sm)}.final-cta{padding:var(--space-lg)}.mobile-cta{padding-inline:var(--space-md)}dialog{padding:var(--space-md)}#lightbox-caption{font-size:.75rem}.lightbox-bottom{gap:var(--space-sm)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.primary:active{transform:none}.primary:after{display:none}}