/* Hallmark · macrostructure: Workbench · tone: industrial game store · anchor hue: yellow
 * theme: custom · vibe: midnight desktop, industrial, cinematic · paper: oklch(18.6% .006 247) · accent: oklch(86.1% .173 91.9)
 * display: Tomorrow · body: Noto Sans SC · axes: dark / technical sans / yellow · nav: N7 · footer: Ft4
 * pre-emit critique: P4 H5 E4 S5 R4 V4
 */
@import url('tokens.css?v=1');
@import url('public/fonts/fonts.css?v=1');
*{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}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:var(--color-transparent)}a,button{touch-action:manipulation}button{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-xs);background:var(--color-paper-2)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0;line-height:1.3}h1,h2{font-weight:700}h2{font-size:var(--text-2xl);letter-spacing:-.045em}h3{font-size:var(--text-lg);font-weight:700}p{color:var(--color-muted)}img{display:block;max-width:100%;height:auto}dl,dd{margin:0}ul,ol{padding-left:var(--space-md)}: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;pointer-events:none}button[data-state=loading]{cursor:progress}button[data-state=error],[aria-invalid=true]{border-color:var(--color-error)}button[data-state=success]{border-color:var(--color-success)}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - var(--space-2xl)));margin-inline:auto}.section{padding-block:var(--space-3xl)}.compact-top{padding-top:0}.skip{position:fixed;left:var(--space-sm);top:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);z-index:100;transform:translateY(-160%)}.skip:focus{transform:none}.site-nav{position:fixed;inset:0 0 auto;z-index:30;background:var(--color-paper);color:var(--color-ink);border-bottom:2px solid var(--color-rule);height:var(--nav-height)}.nav-inner{display:flex;align-items:center;height:100%;gap:var(--space-lg)}.brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.05em;line-height:1;white-space:nowrap}.brand span{display:inline-block;margin-left:var(--space-3xs);color:var(--color-accent)}.site-nav nav{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}.site-nav nav a{font-size:var(--text-sm);color:var(--color-muted);display:flex;align-items:center;min-height:48px;white-space:nowrap;line-height:1}.site-nav nav a[aria-current]{color:var(--color-ink);box-shadow:inset 0 -2px var(--color-accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);min-height:52px;padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid var(--color-rule);font-weight:700;font-size:var(--text-base);white-space:nowrap;line-height:1.1;border-radius:var(--radius-xs);position:relative;transition:transform var(--dur-press) var(--ease-out)}.button.primary{background:var(--color-cta);color:var(--color-cta-ink);border-color:var(--color-cta);box-shadow:0 4px 0 var(--color-shadow);overflow:hidden}.button.primary:active{box-shadow:0 2px 0 var(--color-shadow)}.primary:after{content:'';position:absolute;inset:0;opacity:0;pointer-events:none;border:2px solid var(--color-focus);transition:opacity var(--dur-short) var(--ease-out)}.primary:focus-visible:after{opacity:1}.button.secondary{background:var(--color-paper-2);color:var(--color-ink)}.nav-download{min-height:44px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);gap:var(--space-sm)}.menu-button{display:none}main{padding-top:var(--nav-height)}.hero{position:relative;min-height:556px;isolation:isolate;display:flex;align-items:flex-end}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--color-shade-heavy) 5%,var(--color-shade-soft) 78%),linear-gradient(0deg,var(--color-paper) 0%,var(--color-transparent) 80%)}.hero-copy{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.tags{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.tags span{color:var(--color-muted);font-size:var(--text-xs);line-height:1;white-space:nowrap}.tags span:first-child{color:var(--color-accent);border:1px solid var(--color-accent);padding:var(--space-2xs)}.hero h1{font-size:var(--text-display);letter-spacing:-.06em;line-height:1.15;max-width:750px}.hero h1 span{display:block;font-family:var(--font-display);font-size:.68em;letter-spacing:.035em;font-weight:600;margin-top:var(--space-2xs)}.hero p{margin-top:var(--space-md);max-width:65ch;line-height:1.8;color:var(--color-ink);font-size:var(--text-md)}.hero-actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg)}.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-rule);padding:var(--space-md);gap:var(--space-md);align-items:center}.shelf div small{display:block;font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-3xs)}.shelf strong{font-weight:500;font-size:var(--text-base)}.shelf>a{color:var(--color-link);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);white-space:nowrap;min-height:44px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.section-head p{margin-top:var(--space-xs)}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--color-link);font-size:var(--text-sm);white-space:nowrap}.media-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:var(--space-lg)}.media-stage{min-width:0}.gallery-item{padding:0;display:block;position:relative;text-align:left;width:100%;border:1px solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);line-height:1}.gallery-item img{width:100%;aspect-ratio:16/9;object-fit:cover}.gallery-item .picture-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);line-height:1}.main-shot .picture-label{position:absolute;bottom:0;right:0;background:var(--color-overlay);color:var(--color-ink);gap:var(--space-lg)}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs);margin-top:var(--space-xs)}.thumbs .picture-label{padding:var(--space-2xs)}.about-game{padding:var(--space-md);background:var(--color-paper-2);color:var(--color-ink)}.game-logo{width:180px;max-height:88px;object-fit:cover;object-position:bottom;margin-bottom:var(--space-md)}.about-game h3{margin-bottom:var(--space-sm)}.about-game p{font-size:var(--text-sm)}dl>div{display:flex;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-rule);padding-block:var(--space-xs);font-size:var(--text-sm)}dt{color:var(--color-muted)}dd{text-align:right}.about-game dl{margin-block:var(--space-sm)}.mechanics-band{background:var(--color-paper-2);color:var(--color-ink)}.mechanics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.mechanics article{min-width:0}.mechanics article>div{padding-top:var(--space-md)}.mechanics p{max-width:65ch;margin-top:var(--space-xs);font-size:var(--text-base)}.mechanics .text-link{margin-top:var(--space-xs)}.mechanics img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--color-rule)}.hacking-note{margin-top:var(--space-lg);padding:var(--space-md) 0 0;border-top:1px solid var(--color-rule);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-lg)}.hacking-note p{max-width:65ch}.news-audience{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-2xl)}.news-audience h2{margin-bottom:var(--space-md)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-sm);min-height:64px;padding:var(--space-sm) 0;line-height:1.7;font-weight:500}summary::-webkit-details-marker{display:none}summary span{margin-left:auto;flex-shrink:0}.faqs summary span:before{content:'+';font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent)}.faqs details[open] summary span:before{content:'−'}.faqs details,.timeline details{border-bottom:1px solid var(--color-rule)}details p{padding:0 var(--space-lg) var(--space-md) 0;max-width:75ch}.timeline summary{flex-wrap:wrap;font-size:var(--text-sm)}.timeline time{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-muted);width:104px}.timeline p{font-size:var(--text-sm)}.audience article{border-bottom:1px solid var(--color-rule);padding-block:var(--space-sm)}.audience h3{font-size:var(--text-md)}.audience p{font-size:var(--text-sm);margin-top:var(--space-2xs)}.article-index{padding-bottom:var(--space-xl)}.article-index h2{margin-bottom:var(--space-md)}.article-index>div{border-top:1px solid var(--color-rule)}.article-index a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;gap:var(--space-md);align-items:center;border-bottom:1px solid var(--color-rule);padding-block:var(--space-md)}.article-index a span{font-size:var(--text-lg);font-weight:500}.article-index small{color:var(--color-muted);font-size:var(--text-sm)}.article-index b{color:var(--color-accent)}.faq-section{padding-top:var(--space-lg)}.faq-section h2{margin-bottom:var(--space-md)}.final-cta{display:flex;justify-content:space-between;gap:var(--space-lg);align-items:center;background:var(--color-paper-3);color:var(--color-ink);padding:var(--space-xl);margin-bottom:var(--space-3xl);border-top:2px solid var(--color-accent)}.final-cta h2{font-size:var(--text-xl)}.final-cta p{margin-top:var(--space-xs);font-size:var(--text-sm)}.final-cta .button{flex-shrink:0}.footer{padding-bottom:var(--space-xl)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);padding-bottom:var(--space-lg)}.footer-top p{margin-top:var(--space-sm);font-size:var(--text-sm)}.footer-top nav{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.footer a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.footer nav a{font-size:var(--text-sm)}.related{border-block:1px solid var(--color-rule);display:flex;align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;padding-block:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted)}.related b{color:var(--color-ink)}.legal{padding-top:var(--space-md);font-size:var(--text-xs);position:relative}.legal a{color:var(--color-link)}.mobile-cta{display:none}.page-intro{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-md)}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--color-link)}.page-intro h1{font-size:clamp(32px,3.6vw,48px);letter-spacing:-.045em;max-width:1000px}.page-intro>p{margin-top:var(--space-md);max-width:70ch}.gallery-section{padding-bottom:var(--space-3xl)}.filters{display:flex;align-items:center;gap:var(--space-2xs);flex-wrap:wrap}.filters button{padding:var(--space-xs) var(--space-md);min-height:44px;line-height:1;white-space:nowrap}.filters button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent);font-weight:700}.gallery-status{font-size:var(--text-xs);margin-block:var(--space-md)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.gallery-grid .picture-label{min-height:44px}.lightbox{position:fixed;inset:0;margin:auto;width:min(1360px,96vw);max-width:96vw;height:fit-content;max-height:94dvh;padding:var(--space-sm);background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule)}.lightbox::backdrop{background:var(--color-overlay)}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.lightbox-top{padding-bottom:var(--space-xs)}.lightbox-top span{color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-xs)}.lightbox button{min-width:44px;min-height:44px;padding:var(--space-2xs) var(--space-sm);white-space:nowrap}.lightbox-view{position:relative;min-height:80px;display:grid;place-items:center;background:var(--color-paper-2);color:var(--color-ink)}.lightbox-view img{max-height:70dvh;width:100%;object-fit:contain}.lightbox-bottom{padding-top:var(--space-xs)}.lightbox-bottom p{font-size:var(--text-sm);text-align:center}.lightbox[data-state=loading] .lightbox-view:after{content:'图片加载中…';position:absolute;background:var(--color-paper);color:var(--color-ink);padding:var(--space-xs) var(--space-md)}#image-error{padding:var(--space-md);color:var(--color-error)}.download-choice{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-lg)}.download-main{background:var(--color-paper-3);color:var(--color-ink);padding:var(--space-xl);border-top:2px solid var(--color-accent)}.platform{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-accent)}.download-main h2{margin-top:var(--space-sm)}.download-main p{margin-block:var(--space-md)}.download-main .button{min-width:230px}.download-main small{display:block;color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-sm)}.demo-panel{padding:var(--space-xl);border:1px solid var(--color-rule)}.demo-panel h2{font-size:var(--text-xl)}.demo-panel p{margin-block:var(--space-md)}.small{font-size:var(--text-xs)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);list-style:none;counter-reset:steps;padding:0;margin:var(--space-lg) 0 0}.steps li{border-top:1px solid var(--color-rule);padding-top:var(--space-md);counter-increment:steps}.steps li:before{content:counter(steps,decimal-leading-zero);color:var(--color-accent);font-family:var(--font-display);display:block;margin-bottom:var(--space-sm)}.steps b{font-size:var(--text-lg)}.steps p{margin-top:var(--space-xs)}.requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);margin-block:var(--space-lg)}.requirements h3{margin-bottom:var(--space-md)}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-2xl);align-items:start;padding-bottom:var(--space-3xl)}.guide-toc{position:sticky;top:104px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);border-top:2px solid var(--color-accent);padding-top:var(--space-md)}.guide-toc b{margin-bottom:var(--space-xs)}.guide-toc a{font-size:var(--text-sm);color:var(--color-muted);min-height:44px;display:flex;align-items:center;white-space:nowrap}.reading{max-width:72ch;min-width:0}.reading section{padding-block:var(--space-lg);border-top:1px solid var(--color-rule);scroll-margin-top:var(--space-md)}.reading section h2{font-size:var(--text-xl);margin-bottom:var(--space-md)}.reading p{margin-bottom:var(--space-sm);line-height:1.95}.reading figure{margin-bottom:var(--space-lg)}figcaption{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-xs)}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.guide-cards>div{background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-md)}.guide-cards h2{font-size:var(--text-lg);margin-bottom:var(--space-xs)}.guide-cards p{font-size:var(--text-sm)}.guide-cards a,.inline-links a{color:var(--color-link);display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);white-space:nowrap}.inline-links{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.article-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start;padding-bottom:var(--space-3xl)}.article-aside{position:sticky;top:104px}.article-aside h2{font-size:var(--text-lg);margin-bottom:var(--space-md)}.article-aside>a{display:flex;align-items:center;min-height:44px;color:var(--color-muted);font-size:var(--text-sm)}.aside-game{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.aside-game b{font-family:var(--font-display)}.aside-game p{font-size:var(--text-sm);margin-block:var(--space-md)}
@media(hover:hover){a:hover{color:var(--color-accent)}button:hover,summary:hover{background:var(--color-paper-3);color:var(--color-ink)}.button.primary:hover{color:var(--color-cta-ink)}.primary:hover:after{opacity:1}.gallery-item:hover{outline:2px solid var(--color-accent);outline-offset:2px}.button.secondary:hover{border-color:var(--color-accent);color:var(--color-ink)}.filters button[aria-pressed=true]:hover{color:var(--color-accent-ink)}}
@media(min-width:1600px){.hero{min-height:650px}.hero-art{object-position:center 38%}}
@media(max-width:1023px){.nav-inner{gap:var(--space-md)}.site-nav nav{gap:var(--space-md)}.brand{font-size:var(--text-md)}.wrap{width:calc(100% - var(--space-xl))}.shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.shelf>a{grid-column:1/-1;min-height:32px}.media-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:var(--space-md)}.about-game{padding:var(--space-sm)}.game-logo{width:150px}.about-game h3{font-size:var(--text-md)}.news-audience{gap:var(--space-lg)}.final-cta{padding:var(--space-lg)}.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:var(--space-lg)}.article-layout{gap:var(--space-lg)}.download-main,.demo-panel{padding:var(--space-lg)}}
@media(max-width:767px){:root{--nav-height:64px;--text-base:14px;--text-2xl:27px;--text-xl:23px}.wrap{width:calc(100% - var(--space-lg))}.site-nav .brand{font-size:var(--text-md)}.nav-inner{gap:var(--space-sm)}.menu-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);margin-left:auto;min-height:44px;font-size:var(--text-sm);white-space:nowrap;line-height:1}.site-nav nav{display:none;position:absolute;top:calc(var(--nav-height) - 1px);left:0;right:0;margin:0;background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-sm);border-bottom:1px solid var(--color-rule);gap:var(--space-2xs)}.site-nav nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav nav a{justify-content:center;min-height:48px}.nav-download{display:none}.hero{min-height:580px}.hero-art{object-position:62% 0;height:360px}.hero-shade{background:linear-gradient(0deg,var(--color-paper) 32%,var(--color-shade-soft) 92%)}.hero-copy{padding-top:280px;padding-bottom:var(--space-xl)}.hero h1{font-size:36px;max-width:none}.hero h1 span{font-size:24px}.tags{gap:var(--space-xs);margin-bottom:var(--space-sm)}.tags span{font-size:11px}.hero p{font-size:var(--text-base);margin-top:var(--space-sm);line-height:1.8}.hero p br{display:none}.hero-actions{margin-top:var(--space-md);gap:var(--space-xs)}.hero-actions .button{font-size:var(--text-sm);gap:var(--space-xs);padding-inline:var(--space-sm);min-height:48px}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-md);gap:var(--space-md) var(--space-sm)}.shelf strong{font-size:var(--text-sm)}.shelf>a{border-top:1px solid var(--color-rule);padding-top:var(--space-sm)}.section{padding-block:var(--space-xl)}.section-head{display:block;margin-bottom:var(--space-md)}.section-head p{font-size:var(--text-sm)}.section-head>.text-link{margin-top:var(--space-xs)}.media-layout,.mechanics,.news-audience,.hacking-note,.download-choice,.requirements,.guide-layout,.article-layout{grid-template-columns:minmax(0,1fr)}.thumbs{gap:var(--space-2xs)}.thumbs .picture-label{font-size:10px;padding:var(--space-2xs)}.about-game{margin-top:var(--space-xs);padding:var(--space-md)}.game-logo{width:160px}.about-game h3{font-size:var(--text-lg)}.about-game p{font-size:var(--text-base)}.mechanics{gap:var(--space-lg)}.hacking-note{gap:var(--space-sm)}.news-audience{gap:var(--space-xl)}.article-index{padding-top:var(--space-sm);padding-bottom:var(--space-md)}.article-index a{grid-template-columns:minmax(0,1fr) 20px;gap:var(--space-2xs) var(--space-sm);padding-block:var(--space-sm)}.article-index a span{font-size:var(--text-md)}.article-index small{grid-row:2;grid-column:1}.article-index b{grid-column:2;grid-row:1/3}.final-cta{display:block;padding:var(--space-md);margin-top:var(--space-md);margin-bottom:var(--space-xl)}.final-cta h2{font-size:var(--text-lg)}.final-cta .button{margin-top:var(--space-md)}.footer-top{display:block}.footer-top nav{gap:var(--space-sm);margin-top:var(--space-md)}.related{gap:var(--space-2xs) var(--space-sm)}.related b{flex-basis:100%}.footer{padding-bottom:120px}.mobile-cta{display:flex;position:fixed;z-index:25;bottom:0;inset-inline:0;background:var(--color-paper-2);color:var(--color-ink);border-top:1px solid var(--color-rule);padding:var(--space-xs) var(--space-sm) max(var(--space-xs),env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:var(--space-sm)}.mobile-cta>span{font-family:var(--font-display);font-size:var(--text-sm);line-height:1.3}.mobile-cta small{display:block;color:var(--color-muted);font-size:10px;margin-top:var(--space-3xs);font-family:var(--font-body)}.mobile-cta .button{min-height:44px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);gap:var(--space-md)}.page-intro{padding-top:var(--space-md);padding-bottom:var(--space-lg)}.page-intro h1{font-size:32px}.page-intro>p{font-size:var(--text-base)}.breadcrumb{margin-bottom:var(--space-sm)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.filters button{padding:var(--space-xs) var(--space-sm)}.gallery-section{padding-bottom:var(--space-lg)}.lightbox{max-width:100vw;width:100vw;padding:var(--space-2xs);max-height:94dvh}.lightbox-view img{max-height:65dvh}.lightbox-bottom p{font-size:var(--text-xs)}.download-main,.demo-panel{padding:var(--space-md)}.download-main .button{min-width:0;width:100%}.steps{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.steps li{padding-top:var(--space-sm)}.steps li:before{margin-bottom:var(--space-2xs)}.requirements{gap:var(--space-lg)}.compact-top{padding-top:0}.guide-layout{gap:var(--space-lg);padding-bottom:var(--space-lg)}.guide-toc{position:static;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:0 var(--space-sm)}.guide-toc b{flex-basis:100%}.guide-toc a{font-size:var(--text-xs)}.guide-cards{gap:var(--space-sm)}.guide-cards>div{padding:var(--space-sm)}.guide-cards h2{font-size:var(--text-md)}.article-layout{padding-bottom:var(--space-lg)}.article-aside{position:static;border-top:1px solid var(--color-rule);padding-top:var(--space-md)}.article-aside>a{display:inline-flex;margin-right:var(--space-md)}.aside-game{display:none}.reading{max-width:100%}.reading section{padding-block:var(--space-md)}.reading section h2{font-size:var(--text-xl)}}
@media(max-width:360px){.hero h1{font-size:32px}.hero-actions{flex-wrap:wrap}.hero-actions .button{flex:1}.hero-actions .button.secondary{min-width:100%}.hero-copy{padding-top:260px}.gallery-grid{grid-template-columns:minmax(0,1fr)}.gallery-grid img{aspect-ratio:16/9}.guide-cards{grid-template-columns:minmax(0,1fr)}.footer-top nav{gap:var(--space-xs)}.footer nav a{font-size:var(--text-xs)}.filters{gap:var(--space-2xs)}.filters button{padding-inline:var(--space-xs)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}a:active,button:active{transform:none}}