/* Hallmark · macrostructure: Workbench · tone: atmospheric commerce · anchor hue: cyan
 * theme: custom · vibe: nocturnal tailoring shop · paper: oklch(16.6% .016 275) · accent: oklch(65.4% .261 356)
 * display: Space Grotesk + Noto Sans SC · body: Noto Sans SC · axes: dark / geometric-sans / cool
 * nav: N12 · footer: Ft4 · enrichment: actual game screenshots
 * Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V4 */
@import url('tokens.css?v=20260909');
@import url('fonts.css?v=20260909');
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.75;padding-bottom:86px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:var(--color-transparent)}a,button{touch-action:manipulation}button{color:var(--color-ink);background:var(--color-panel);border:1px solid var(--color-rule)}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}a:active,button:active{transform:translateY(1px)}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.3;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(2.5rem,4.4vw,4.25rem);font-weight:800;letter-spacing:-.05em}h2{font-size:clamp(1.65rem,2.8vw,2.75rem);font-weight:700;letter-spacing:-.035em}h3{font-size:1.15rem}p{color:var(--color-muted)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;padding:12px;background:var(--color-cyan);color:var(--color-paper);z-index:var(--z-tooltip)}.skip:focus{top:12px}.header{position:fixed;inset:0 0 auto;z-index:var(--z-sticky);background:var(--color-paper);border-bottom:1px solid var(--color-rule);transition:transform var(--dur-short) var(--ease-out)}.header.compact{transform:translateY(-34px)}.announcement{height:34px;background:var(--color-panel);color:var(--color-cyan);font-size:.75rem;line-height:34px;letter-spacing:.025em;border-bottom:1px solid var(--color-rule)}.announcement .wrap{display:flex;justify-content:space-between}.announcement span{display:none;color:var(--color-muted)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;flex-direction:column;white-space:nowrap;flex-shrink:0}.brand b{font-size:1.22rem;letter-spacing:-.04em;line-height:1.3}.brand b span{color:var(--color-accent)}.brand small{font-family:var(--font-display);font-size:.58rem;letter-spacing:.15em;color:var(--color-muted);margin-top:5px}.desktop-nav{display:none;gap:28px;align-items:center}.desktop-nav a{font-size:.875rem;position:relative;padding-block:26px;white-space:nowrap}.desktop-nav a[aria-current]{color:var(--color-cyan)}.desktop-nav a[aria-current]:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--color-cyan)}.nav-actions{display:flex;gap:8px;align-items:center}.nav-actions .primary{display:none}.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 22px;font-size:.9375rem;font-weight:700;white-space:nowrap;border:1px solid var(--color-rule);transition:transform var(--dur-short) var(--ease-out);overflow:clip}.button.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.primary:after{content:'';pointer-events:none;position:absolute;inset:0;width:22%;background:var(--color-sheen);transform:skew(-20deg) translateX(-700%);opacity:0}.primary:hover:after{animation:shine 500ms var(--ease-out)}@keyframes shine{0%{opacity:.25;transform:skew(-20deg) translateX(-700%)}100%{opacity:0;transform:skew(-20deg) translateX(700%)}}.secondary{background:var(--color-panel);color:var(--color-ink)}.menu-button{padding:8px 13px;min-height:44px;white-space:nowrap}.mobile-nav{padding:16px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-top:1px solid var(--color-rule);background:var(--color-panel)}.mobile-nav a{padding:10px 8px;white-space:nowrap}.mobile-nav a[aria-current]{color:var(--color-cyan)}main{padding-top:108px}.hero{padding-top:28px}.hero-heading{margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.tags{display:flex;gap:7px;flex-wrap:wrap;font-size:.75rem;color:var(--color-cyan)}.tags span{border:1px solid var(--color-rule);padding:2px 10px}.hero h1>span{color:var(--color-accent)}.hero h1 small{display:block;font-size:clamp(.875rem,1.8vw,1.125rem);font-weight:400;color:var(--color-muted);letter-spacing:.025em;margin-top:10px}.hero-grid{display:grid;gap:0}.hero-media{position:relative;min-width:0;background:var(--color-panel)}.hero-media>img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;object-position:65% center}.media-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 12px;background:linear-gradient(var(--color-transparent),var(--color-overlay));display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:.75rem}.media-caption a{color:var(--color-cyan);white-space:nowrap}.media-caption>span{display:none}.product-panel{background:var(--color-panel);padding:24px}.product-type{font-family:var(--font-display);font-size:.75rem;color:var(--color-cyan);letter-spacing:.1em}.product-panel h2{font-size:1.65rem;margin:14px 0;line-height:1.45}.product-panel>p{font-size:.875rem}.mini-spec{padding:0;margin:20px 0}.mini-spec>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--color-rule);font-size:.8125rem}.mini-spec dt{color:var(--color-muted)}.mini-spec dd{margin:0}.product-panel .primary{width:100%;justify-content:space-between}.text-link{display:inline-flex;align-items:center;white-space:nowrap;min-height:44px;color:var(--color-cyan);font-size:.875rem}.product-panel>.text-link{display:flex;justify-content:center}.product-panel .adult-note,.adult-note{font-size:.75rem;color:var(--color-muted);margin-top:4px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--color-paper);border:1px solid var(--color-rule);margin-top:16px}.facts div{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--color-rule)}.facts span{font-size:.75rem;color:var(--color-muted)}.facts b{font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums}.story{padding-block:64px;display:grid;gap:28px}.story-copy{display:grid;gap:16px}.story-copy p{max-width:65ch}.lead{font-size:1.125rem!important;color:var(--color-ink)!important;line-height:1.85}.feature-section{background:var(--color-panel);padding-block:40px}.section-head{margin-bottom:28px}.section-head.horizontal{display:flex;flex-direction:column;gap:16px}.section-head p{font-size:.875rem}.feature-layout{display:grid;gap:28px;align-items:start}.feature-copy{display:grid;gap:24px}.feature-copy article{border-bottom:1px solid var(--color-rule);padding-bottom:20px}.feature-copy h3{margin-bottom:8px}.feature-copy p{font-size:.9375rem}.shot{min-width:0}.zoom{position:relative;display:block;overflow:clip;background:var(--color-panel);border:1px solid var(--color-rule)}.zoom img{width:100%;aspect-ratio:16/9;object-fit:contain;transition:transform var(--dur-short) var(--ease-out)}.zoom-mark{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;background:var(--color-paper);color:var(--color-ink);width:32px;height:32px;line-height:1}.shot figcaption{font-size:.75rem;display:flex;gap:16px;justify-content:space-between;padding-top:10px;color:var(--color-muted)}.shot figcaption span:last-child{color:var(--color-cyan)}.gallery-preview{padding-block:52px}.gallery-pair{display:grid;gap:24px}.reading-strip{padding-bottom:52px}.reading-strip>h2{font-size:1.25rem;margin-bottom:16px}.reading-strip>div{display:grid;gap:12px}.reading-strip a{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:6px;padding:20px;background:var(--color-panel);border-top:1px solid var(--color-cyan)}.reading-strip strong{font-size:1rem}.reading-strip span{font-size:.8125rem;color:var(--color-muted)}.reading-strip b{grid-column:2;grid-row:1/3;align-self:center;color:var(--color-cyan)}.download-band{border-block:1px solid var(--color-rule);padding-block:44px}.download-layout{display:grid;gap:36px}.download-layout h2{margin-bottom:20px}.download-layout .primary{margin:24px 16px 0 0}.download-layout .text-link{margin-top:12px}.download-layout h3{margin-bottom:12px}.specs{margin:0}.specs div{padding:14px 0;border-bottom:1px solid var(--color-rule);display:flex;gap:12px;justify-content:space-between;font-size:.875rem}.specs dt{color:var(--color-muted)}.specs dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.updates{padding-block:44px}.updates h2{font-size:1.5rem}.updates details{border-block:1px solid var(--color-rule)}.updates summary{list-style:none;padding:20px 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;cursor:pointer}.updates summary time{font-family:var(--font-display);color:var(--color-cyan)}.updates summary b{font-size:.9375rem;font-weight:500}.updates summary span{margin-left:auto}.updates p{padding-bottom:20px;font-size:.9375rem;max-width:70ch}.audience{padding-bottom:44px}.audience h2{margin-bottom:24px}.audience-list p{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--color-rule);padding:20px 0}.audience-list b{color:var(--color-ink);font-weight:500}.audience-list span{font-size:.9375rem}.faq-section{padding-block:36px 56px}.faq-section h2{margin-bottom:24px}.faq details{border-top:1px solid var(--color-rule)}.faq details:last-child{border-bottom:1px solid var(--color-rule)}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:20px 0;font-weight:500;line-height:1.6}.faq summary::-webkit-details-marker,.updates summary::-webkit-details-marker{display:none}.faq summary span{flex-shrink:0;color:var(--color-cyan)}.faq summary span:after{content:'＋'}.faq details[open] summary span:after{content:'−'}.faq details p{padding:0 32px 24px 0;max-width:75ch;font-size:.9375rem}.faq details[open]{background:var(--color-panel)}.faq details[open]>*{padding-left:16px;padding-right:16px}.final-cta{padding-block:32px 44px;display:flex;align-items:flex-start;flex-direction:column;gap:24px;border-top:2px solid var(--color-accent)}.final-cta h2{font-size:1.5rem}.final-cta p{font-size:.875rem;margin-top:12px}.footer{background:var(--color-panel);border-top:1px solid var(--color-rule);padding-block:40px 24px}.footer-top{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.footer-top p{font-size:.875rem}.back-top{margin-left:auto;font-size:.8125rem;white-space:nowrap;padding-block:12px}.footer-nav{display:flex;flex-wrap:wrap;gap:0 24px;margin-block:24px}.footer-nav a,.related a{font-size:.8125rem;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.related{border-top:1px solid var(--color-rule);padding-block:24px}.related h2{font-size:.8125rem;color:var(--color-muted);margin-bottom:12px;font-weight:400}.related>div{display:flex;flex-wrap:wrap;gap:0 24px}.legal{padding-top:20px;border-top:1px solid var(--color-rule);display:grid;gap:8px}.legal p{font-size:.75rem;line-height:1.7}.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:flex;gap:12px;justify-content:space-between;align-items:center;background:var(--color-paper);border-top:1px solid var(--color-rule);padding:10px max(20px,calc((100% - 1280px)/2));padding-bottom:calc(10px + env(safe-area-inset-bottom))}.sticky-cta>div{display:grid;gap:2px;min-width:0}.sticky-cta b{font-size:.875rem;white-space:nowrap}.sticky-cta>div>span{font-size:.6875rem;color:var(--color-muted);white-space:nowrap}.sticky-cta .button{min-height:44px;padding:10px 16px;font-size:.875rem;gap:12px}.page-heading{padding-block:40px 32px;max-width:1000px}.back{font-size:.8125rem;color:var(--color-muted);display:inline-flex;min-height:44px;align-items:center}.page-heading h1{margin:16px 0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em}.page-heading p{max-width:62ch}.gallery-page{padding-block:8px 44px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:28px}.filter{padding:8px 15px;min-height:44px;font-size:.875rem;white-space:nowrap}.filter.active{border-color:var(--color-cyan);color:var(--color-cyan);box-shadow:inset 0 -2px var(--color-cyan)}#filter-count{width:100%;font-size:.8125rem;color:var(--color-muted);margin-top:8px}.gallery-grid{display:grid;gap:28px}.gallery-help{font-size:.8125rem;margin-top:28px}.gallery-follow{padding:32px 0 64px;border-top:1px solid var(--color-rule)}.gallery-follow h2{margin-bottom:20px}.gallery-follow>a{margin:8px 16px 0 0}.download-page-grid{display:grid;gap:32px}.platform-panel{padding:28px;background:var(--color-panel);border-top:2px solid var(--color-accent)}.platform-panel h2{margin:16px 0}.platform-panel .primary{margin:24px 0 12px;min-width:200px}.requirements h2{font-size:1.5rem;margin-bottom:28px}.requirements-grid{display:grid;gap:28px}.requirements-grid h3{font-size:1rem;color:var(--color-cyan);margin-bottom:8px}.install{padding:56px 0 40px}.steps{list-style:none;counter-reset:step;padding:0;display:grid;gap:28px;margin-top:28px}.steps li{counter-increment:step;border-top:1px solid var(--color-rule);padding-top:20px}.steps li:before{content:'0' counter(step);font-family:var(--font-display);color:var(--color-cyan);display:block;font-size:2rem;line-height:1.2;margin-bottom:16px}.steps p{font-size:.9375rem;margin-top:10px}.notes{padding:28px;background:var(--color-panel);border-top:1px solid var(--color-cyan);margin-bottom:16px}.notes h2{font-size:1.3rem;margin-bottom:12px}.notes p{max-width:70ch}.guide-cards{display:grid;gap:16px;margin-block:8px 44px}.guide-cards>a{padding:24px;background:var(--color-panel);border-top:1px solid var(--color-rule)}.guide-cards h2{font-size:1.25rem}.guide-cards p{font-size:.875rem;margin:12px 0 16px}.guide-cards span{font-size:.8125rem;color:var(--color-cyan);white-space:nowrap}.article-layout{display:grid;gap:32px;padding-bottom:64px}.toc{align-self:start;border-block:1px solid var(--color-rule);padding:20px 0;display:flex;flex-wrap:wrap;gap:4px 20px}.toc>b{font-size:.8125rem;color:var(--color-muted);width:100%;margin-bottom:8px}.toc a{font-size:.8125rem;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.article-body{min-width:0}.article-body section{padding-bottom:40px;scroll-margin-top:24px}.article-body h2{font-size:1.7rem;margin-bottom:20px}.article-body p{margin-bottom:20px;font-size:1rem;line-height:1.9}.article-body .shot{margin-block:24px}.article-body ul,.article-body ol{padding-left:24px;color:var(--color-muted);line-height:1.9;margin-bottom:24px}.article-body li+li{margin-top:12px}.article-end{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:24px;border-top:1px solid var(--color-rule)}.comparison{display:grid;gap:24px}.comparison>div{padding:24px;background:var(--color-panel)}.comparison h3{margin-bottom:16px}.comparison p{margin:0}.lightbox{position:fixed;inset:0;margin:auto;width:min(1200px,96%);max-width:none;max-height:94dvh;padding:0;border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);overflow:auto}.lightbox::backdrop{background:var(--color-backdrop)}.lightbox[open]{animation:fade-in var(--dur-short) var(--ease-out)}@keyframes fade-in{from{opacity:0}to{opacity:1}}.lightbox-inner{padding:12px}.lightbox-top,.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.lightbox-top{margin-bottom:12px}.lightbox-count{font-family:var(--font-display);font-size:.875rem;color:var(--color-cyan)}.lightbox button{min-height:44px;padding:8px 12px;white-space:nowrap;font-size:.8125rem}.lightbox-media{position:relative;min-height:120px}.lightbox-media>img{width:100%;max-height:72dvh;object-fit:contain}.image-status{position:absolute;inset:0;display:grid;place-items:center;background:var(--color-panel)}.image-status:empty{display:none}.lightbox-bottom{margin-top:12px;flex-wrap:wrap}.lightbox-caption{font-size:.8125rem;order:3;width:100%;text-align:center}.lightbox-media[data-state=error]{border:1px solid var(--color-error)}.lightbox-media[data-state=loading] img{opacity:.25}.lightbox-media[data-state=success] img{opacity:1}
@media(hover:hover){a:hover{color:var(--color-cyan)}.primary:hover{color:var(--color-accent-ink)}.secondary:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.zoom:hover img{transform:scale(1.015)}.filter:hover,.menu-button:hover{border-color:var(--color-cyan)}.guide-cards>a:hover{border-color:var(--color-cyan)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}}
@media(min-width:640px){.wrap{width:min(1280px,calc(100% - 64px))}.nav-actions .primary{display:inline-flex}.announcement span{display:inline}.hero-heading{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}.hero-heading .tags{margin-top:16px}.media-caption>span{display:block}.media-caption{padding:48px 24px 16px;font-size:.875rem}.facts{grid-template-columns:repeat(4,minmax(0,1fr))}.facts div{padding:18px}.gallery-pair,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-strip>div,.guide-cards,.comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.requirements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.sticky-cta>div{display:flex;align-items:center;gap:24px}.sticky-cta>div>span{font-size:.8125rem}.lightbox-caption{order:initial;width:auto}.final-cta{flex-direction:row;justify-content:space-between;align-items:center}.audience-list p{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px}.filter-bar #filter-count{width:auto;margin:0 0 0 auto}.section-head.horizontal{flex-direction:row;justify-content:space-between;align-items:end}}
@media(min-width:768px){.story{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:48px;padding-block:76px}.download-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}.download-page-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr)}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:40px}.toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:4px}.article-body{max-width:840px}.hero-media>img{aspect-ratio:16/9}.product-panel{padding:28px}.product-panel h2{font-size:1.8rem}}
@media(min-width:1024px){.desktop-nav{display:flex}.menu-button{display:none}.mobile-nav{display:none!important}.hero{padding-top:24px}.hero-grid{grid-template-columns:minmax(0,1.95fr) minmax(0,1fr)}.hero-media>img{aspect-ratio:auto;object-position:58% center}.hero-heading{margin-bottom:28px}.product-panel{padding:26px 30px}.feature-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px}.feature-section{padding-block:52px}.feature-copy{gap:20px}.feature-copy article{padding-bottom:16px}.gallery-preview{padding-block:64px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.download-band{padding-block:56px}.footer-top .back-top{margin-left:auto}.facts b{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.zoom:hover img,.primary:hover{transform:none}}
@media(max-width:374px){.sticky-cta>div>span{display:none}.related a{font-size:.75rem}.hero h1{font-size:2.4rem}.media-caption{padding:18px 10px 10px}.product-panel{padding:20px}.button{gap:16px}.filter{padding-inline:11px}}