/*! Hallmark · macrostructure: Split Studio · knobs: alternating story/proof halves, visual-novel dialogue fold, 7/5 hero
 * theme: custom · vibe: "sea-salt ryokan, coral shop, restrained gold" · paper: oklch(99.1% 0.009 95) · accent: oklch(73% 0.16 12)
 * display: Cormorant Garamond + Noto Serif SC · body: Noto Sans SC · axes: light / high-contrast-serif / cool
 * genre: editorial-commerce · enrichment: E8 approved official game still · nav: N12 dismissible release strip + pinned download · footer: Ft2
 * audience: adult Chinese visual-novel players · use: verify, understand, download · tone: intimate, precise, cinematic
 * Hallmark pre-emit critique: P5 H5 E5 S5 R4 V5 · contrast: pass (40–41) · nav: N12 · footer: Ft2 · slop: pass (42–45)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34, 49, 50–57)
 */:root{--color-paper:oklch(99.1% 0.009 95);--color-paper-2:oklch(96.4% 0.018 92);--color-paper-3:oklch(92.8% 0.028 85);--color-ink:oklch(18% 0.01 78);--color-ink-2:oklch(29% 0.018 72);--color-muted:oklch(45% 0.022 72);--color-rule:oklch(80% 0.026 88);--color-rule-2:oklch(88% 0.019 90);--color-sea:oklch(77% 0.15 230);--color-sea-deep:oklch(58% 0.16 235);--color-sea-soft:oklch(94% 0.042 225);--color-coral:oklch(73% 0.16 12);--color-coral-deep:oklch(60% 0.18 12);--color-coral-soft:oklch(94% 0.045 12);--color-accent:var(--color-coral);--color-accent-deep:var(--color-coral-deep);--color-accent-ink:var(--color-ink);--color-pink:oklch(69% 0.17 350);--color-palm:oklch(55% 0.11 150);--color-palm-soft:oklch(93% 0.035 150);--color-gold:oklch(76% 0.135 86);--color-gold-deep:oklch(51% 0.09 82);--color-wood:oklch(67% 0.065 67);--color-wood-soft:oklch(93% 0.032 72);--color-night:oklch(18% 0.009 74);--color-night-2:oklch(24% 0.014 72);--color-night-ink:oklch(96% 0.014 88);--color-focus:oklch(62% 0.21 235);--color-error:oklch(55% 0.19 25);--color-success:oklch(49% 0.12 150);--color-shadow:oklch(18% 0.012 72/0.14);--color-scrim:oklch(16% 0.012 72/0.52);--color-scrim-strong:oklch(15% 0.012 72/0.76);--font-display:"Cormorant Garamond","Noto Serif SC",serif;--font-body:"Noto Sans SC",sans-serif;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:clamp(1.05rem,1.5vw,1.25rem);--text-lg:clamp(1.25rem,2vw,1.65rem);--text-xl:clamp(1.65rem,3vw,2.35rem);--text-2xl:clamp(2.1rem,4vw,3.4rem);--text-3xl:clamp(2.8rem,6vw,5rem);--text-display:clamp(3.15rem,8vw,7rem);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-micro:120ms;--dur-short:220ms;--dur-medium:360ms;--dur-long:720ms;--radius-sm:0.35rem;--radius-md:0.75rem;--radius-lg:1.1rem;--radius-pill:999px;--rule-hair:1px;--rule-thick:3px;--content-max:76rem;--reading-max:70ch;--page-gutter:clamp(1rem,3.6vw,3rem);--banner-h:2.5rem;--bar-h:4rem;--banner-height:calc(var(--banner-h) + var(--bar-h));--z-base:0;--z-raised:2;--z-sticky:20;--z-sticky-nav:40;--z-modal:80;--z-toast:100}*,:after,:before{box-sizing:border-box}body,html{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + var(--space-md))}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.75;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:var(--z-base);pointer-events:none;opacity:.032;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,var(--color-wood) 4px)}main{position:relative;z-index:var(--z-raised);padding-block-start:var(--banner-height)}img,video{display:block;max-width:100%}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-style:normal;line-height:1.12;letter-spacing:-.025em}h1{font-size:var(--text-display)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}dd,dl,figure,ol,p,ul{margin:0}ol,ul{padding-inline-start:var(--space-lg)}:focus{outline:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a:active,button:active{opacity:.78}[aria-disabled=true],button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}::-moz-selection{background:var(--color-sea-soft);color:var(--color-ink)}::selection{background:var(--color-sea-soft);color:var(--color-ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:calc(var(--space-3xs)*-1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset:var(--space-xs) auto auto var(--space-xs);z-index:var(--z-toast);transform:translateY(-180%);padding:var(--space-xs) var(--space-md);background:var(--color-night);color:var(--color-night-ink);transition:transform var(--dur-short) var(--ease-out)}.skip-link:focus{transform:none}.section{padding-block:clamp(var(--space-2xl),7vw,var(--space-3xl))}.section-shell{width:min(100%,var(--content-max));margin-inline:auto;padding-inline:var(--page-gutter)}.section-head{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);margin-block-end:var(--space-xl)}.section-head p{max-width:62ch;color:var(--color-muted);font-size:var(--text-md)}.split-section{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.sticky-heading{min-width:0;align-self:start;display:grid;gap:var(--space-sm);padding-block-end:var(--space-md);border-block-end:var(--rule-thick) solid var(--color-gold)}.sticky-heading p{max-width:34ch;color:var(--color-muted)}.text-link{width:-moz-max-content;width:max-content;min-height:2.75rem;display:inline-flex;align-items:center;border-block-end:var(--rule-hair) solid currentColor;white-space:nowrap;font-weight:700;transition:color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.site-nav{position:fixed;inset:0 0 auto;z-index:var(--z-sticky-nav);transform:translateY(0);transition:transform var(--dur-medium) var(--ease-out)}.site-nav.is-compact{transform:translateY(calc(var(--banner-h)*-1))}.site-nav.is-dismissed{transform:none}.site-nav.is-dismissed .notice{display:none}.notice{height:var(--banner-h);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding-inline:var(--page-gutter);background:var(--color-coral);color:var(--color-ink);font-size:var(--text-xs);font-weight:700}.notice p{max-width:calc(100% - 4.5rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.notice a{border-block-end:var(--rule-hair) solid currentColor;white-space:nowrap}.notice button{min-height:2rem;padding-inline:var(--space-xs);border:0;background:transparent;color:inherit;cursor:pointer;white-space:nowrap}.nav-bar{height:var(--bar-h);background:color-mix(in oklch,var(--color-paper) 94%,transparent);border-block-end:var(--rule-hair) solid var(--color-rule);-webkit-backdrop-filter:blur(12px) saturate(105%);backdrop-filter:blur(12px) saturate(105%)}.nav-inner{width:min(100%,var(--content-max));height:100%;margin-inline:auto;padding-inline:var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.brand{min-width:0;display:grid;line-height:1;white-space:nowrap}.brand span{font-family:var(--font-display);font-weight:900;letter-spacing:-.04em}.brand small{margin-block-start:var(--space-3xs);color:var(--color-muted);font-family:var(--font-body);font-size:.58rem;letter-spacing:.06em}.nav-links{display:none;align-items:center;gap:var(--space-lg)}.nav-links a{position:relative;min-height:2.75rem;display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--text-sm);font-weight:700}.nav-links a:after{content:"";position:absolute;inset:auto 0 .35rem;height:var(--rule-hair);background:var(--color-sea-deep);transform:scaleX(0);transform-origin:right;transition:transform var(--dur-short) var(--ease-out)}.menu-button{min-width:2.75rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);cursor:pointer}.menu-button span{font-size:var(--text-xs);font-weight:700}.menu-button i,.menu-button i:after,.menu-button i:before{display:block;width:1rem;height:.1rem;content:"";background:currentColor;transition:transform var(--dur-short) var(--ease-in-out)}.menu-button i:before{transform:translateY(-.32rem)}.menu-button i:after{transform:translateY(.22rem)}.menu-button[aria-expanded=true] i{background:transparent}.menu-button[aria-expanded=true] i:before{transform:rotate(45deg)}.menu-button[aria-expanded=true] i:after{transform:rotate(-45deg) translateY(-.08rem)}.mobile-menu{position:fixed;inset:calc(var(--bar-h) + var(--space-xs)) var(--page-gutter) auto;display:grid;gap:var(--space-2xs);padding:var(--space-md);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);box-shadow:0 var(--space-sm) var(--space-xl) var(--color-shadow);opacity:0;transform:translateY(-.5rem);pointer-events:none;transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.mobile-menu.is-open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{min-height:2.75rem;display:flex;padding-inline:var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule-2);font-weight:700}.button,.mobile-menu a{align-items:center;white-space:nowrap}.button{position:relative;isolation:isolate;min-height:3rem;display:inline-flex;justify-content:center;padding:var(--space-xs) var(--space-lg);overflow:hidden;border:var(--rule-hair) solid var(--color-accent-deep);background:var(--color-accent);color:var(--color-accent-ink);font-weight:900;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.button span{position:relative;z-index:var(--z-raised)}.button--nav{min-height:2.75rem;padding-inline:var(--space-md);font-size:var(--text-sm)}.button--large{min-height:3.5rem;padding-inline:var(--space-xl);font-size:var(--text-md)}.button--outline{background:transparent;color:var(--color-ink);border-color:var(--color-ink)}.button--shine:before{content:"";position:absolute;inset:-100% auto -100% -34%;width:24%;z-index:var(--z-base);background:color-mix(in oklch,var(--color-paper) 76%,transparent);transform:translateX(-180%) skewX(-18deg);transition:transform var(--dur-long) var(--ease-out)}.button:active{transform:translateY(1px) scale(.99)}.button:disabled,.button[aria-disabled=true]{opacity:.46;cursor:not-allowed;pointer-events:none}.button[aria-busy=true],.button[data-state=loading]{cursor:progress}.button[aria-busy=true]:after,.button[data-state=loading]:after{content:"";position:relative;z-index:var(--z-raised);width:1rem;aspect-ratio:1;border:.125rem solid;border-inline-end-color:transparent;border-radius:var(--radius-pill);animation:spin .8s linear infinite}.button[data-state=error]{background:var(--color-error);border-color:var(--color-error);color:var(--color-paper)}.button[data-state=success]{background:var(--color-success);border-color:var(--color-success);color:var(--color-paper)}@keyframes spin{to{transform:rotate(1turn)}}.hero-split{min-height:calc(100svh - var(--banner-height));display:grid;grid-template-columns:minmax(0,1fr);background:var(--color-night);color:var(--color-night-ink)}.hero-visual{position:relative;min-height:20rem;overflow:clip;background:var(--color-night-2)}.hero-visual>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:25% center;object-position:25% center;transform:translateY(var(--parallax-y,0)) scale(1.025);animation:hero-breathe 18s var(--ease-in-out) alternate infinite}.hero-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in oklch,var(--color-night) 10%,transparent),var(--color-scrim) 72%,var(--color-scrim-strong))}.hero-product{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-md);padding:clamp(var(--space-xl),6vw,var(--space-3xl)) var(--page-gutter) clamp(var(--space-2xl),8vw,var(--space-4xl));border-inline-start:var(--rule-hair) solid var(--color-gold-deep)}.hero-tags{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.hero-tags span{padding:var(--space-3xs) var(--space-xs);border:var(--rule-hair) solid color-mix(in oklch,var(--color-night-ink) 34%,transparent);font-size:var(--text-xs);white-space:nowrap}.game-logo{width:min(20rem,78%);height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.hero-product h1{max-width:12ch;font-family:var(--font-display);font-size:var(--text-3xl)}.hero-product h1 small{display:block;margin-block-start:var(--space-xs);color:var(--color-gold);font-family:var(--font-display);font-size:var(--text-md);letter-spacing:.015em}.hero-lede{max-width:46ch;color:color-mix(in oklch,var(--color-night-ink) 82%,transparent);font-size:var(--text-md)}.hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:var(--rule-hair) solid color-mix(in oklch,var(--color-night-ink) 24%,transparent)}.hero-facts div{min-width:0;padding:var(--space-xs) 0}.hero-facts dt{color:color-mix(in oklch,var(--color-night-ink) 62%,transparent);font-size:var(--text-xs)}.hero-facts dd{overflow-wrap:anywhere;font-weight:700}.purchase-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.purchase-line>span{display:flex;align-items:baseline;gap:var(--space-xs)}.purchase-line s{color:color-mix(in oklch,var(--color-night-ink) 58%,transparent)}.purchase-line strong{color:var(--color-night-ink);font-family:var(--font-body);font-size:var(--text-xl)}.purchase-line b{padding:var(--space-3xs) var(--space-2xs);background:var(--color-coral);color:var(--color-ink);font-size:var(--text-sm)}.hero-note,.purchase-line small{color:color-mix(in oklch,var(--color-night-ink) 62%,transparent);font-size:var(--text-xs)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.hero-product .button--outline{color:var(--color-night-ink);border-color:var(--color-night-ink)}.dialogue-box{position:absolute;inset:auto var(--space-sm) var(--space-sm);z-index:var(--z-raised);padding:var(--space-lg);background:color-mix(in oklch,var(--color-night) 88%,transparent);color:var(--color-night-ink);border:var(--rule-hair) solid var(--color-gold)}.dialogue-box>span{position:absolute;inset:calc(var(--space-md)*-1) auto auto var(--space-sm);padding:var(--space-3xs) var(--space-md);background:var(--color-gold);color:var(--color-ink);font-family:var(--font-display);font-weight:900}.dialogue-box p{font-family:var(--font-display);font-size:var(--text-md)}.choice-row{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-block-start:var(--space-sm)}.choice-row a{min-height:2.75rem;display:inline-flex;align-items:center;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-night-ink);white-space:nowrap;font-size:var(--text-xs);font-weight:700}@keyframes hero-breathe{to{transform:translateY(var(--parallax-y,0)) scale(1.05)}}.info-reception{position:relative;z-index:calc(var(--z-raised) + 1);width:min(100%,var(--content-max));margin:calc(var(--space-md)*-1) auto 0;padding-inline:var(--page-gutter)}.info-reception dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--color-paper);border-block:var(--rule-thick) solid var(--color-wood);box-shadow:0 var(--space-xs) var(--space-xl) var(--color-shadow)}.info-reception div{min-width:0;padding:var(--space-sm);border-inline-end:var(--rule-hair) solid var(--color-rule);border-block-end:var(--rule-hair) solid var(--color-rule-2)}.info-reception dt{color:var(--color-muted);font-size:var(--text-xs)}.info-reception dd{overflow-wrap:anywhere;font-weight:700}.workflow{width:min(100%,var(--content-max));margin-inline:auto;padding:var(--space-3xl) var(--page-gutter) 0}.workflow-stage{gap:var(--space-xl);padding-block:var(--space-2xl);border-block-start:var(--rule-thick) solid var(--color-ink)}.stage-head,.workflow-stage{display:grid;grid-template-columns:minmax(0,1fr)}.stage-head{min-width:0;align-self:start;gap:var(--space-2xs)}.stage-head>span{color:var(--color-sea-deep);font-family:var(--font-body);font-size:var(--text-xl)}.stage-head>p{color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.08em}.stage-head h2{grid-column:1/-1;margin-block-start:var(--space-sm)}.stage-body{min-width:0}.prose-large{display:grid;gap:var(--space-lg);font-family:var(--font-display);font-size:var(--text-md);line-height:1.95}.prose-large p:first-child:first-letter{float:inline-start;margin-inline-end:var(--space-2xs);color:var(--color-coral-deep);font-size:4rem;font-weight:900;line-height:.9}.stage-routine{background:var(--color-sea-soft);margin-inline:calc(var(--page-gutter)*-1);padding-inline:var(--page-gutter)}.day-sequence{list-style:none;padding:0;border-block-end:var(--rule-hair) solid var(--color-rule)}.day-sequence li{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule)}.day-sequence li>span{display:grid;place-items:center;aspect-ratio:1;align-self:start;background:var(--color-night);color:var(--color-night-ink);font-family:var(--font-display);font-weight:900}.day-sequence p{color:var(--color-muted)}.annotated-wrap{display:grid;gap:var(--space-lg)}.annotated-media{position:relative;min-width:0;overflow:clip;cursor:zoom-in;background:var(--color-paper-3)}.annotated-media img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-medium) var(--ease-out)}.pin{position:absolute;width:2rem;aspect-ratio:1;display:grid;place-items:center;background:var(--color-coral);color:var(--color-ink);border:var(--rule-thick) solid var(--color-paper);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:700;box-shadow:0 var(--space-3xs) var(--space-sm) var(--color-shadow)}.pin-one{inset:17% auto auto 12%}.pin-two{inset:34% 14% auto auto}.pin-three{inset:auto 18% 12% auto}.callout-list{list-style:none;padding:0;display:grid;border-block-end:var(--rule-hair) solid var(--color-rule)}.callout-list li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-sm);border-block-start:var(--rule-hair) solid var(--color-rule)}.callout-list li>span{font-family:var(--font-body);color:var(--color-coral-deep);font-weight:700}.callout-list p{color:var(--color-muted)}.stage-choice{background:var(--color-night);color:var(--color-night-ink);margin-inline:calc(var(--page-gutter)*-1);padding-inline:var(--page-gutter);border-color:var(--color-gold)}.choice-panel{display:grid;gap:var(--rule-hair);background:var(--color-gold-deep)}.choice-panel>div{padding:var(--space-lg);background:var(--color-night-2)}.choice-panel p{margin-block-start:var(--space-xs);color:color-mix(in oklch,var(--color-night-ink) 72%,transparent)}.feature-section{background:var(--color-paper-2)}.feature-ledger{display:grid}.feature-ledger article{position:relative;min-width:0;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-xs) var(--space-sm);padding-block:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule);transition:transform var(--dur-short) var(--ease-out)}.feature-ledger article:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}.feature-ledger article>span{grid-row:1/span 2;font-family:var(--font-body);color:var(--color-sea-deep)}.feature-ledger p{color:var(--color-muted)}.media-section{background:var(--color-night);color:var(--color-night-ink)}.media-section .section-head p{color:color-mix(in oklch,var(--color-night-ink) 72%,transparent)}.media-section .text-link{color:var(--color-gold)}.media-grid{display:grid;gap:var(--space-md)}.trailer-frame{min-width:0}.trailer-frame video{width:100%;aspect-ratio:16/9;background:var(--color-night-2);-o-object-fit:cover;object-fit:cover}.trailer-frame figcaption{padding-block-start:var(--space-xs);color:color-mix(in oklch,var(--color-night-ink) 62%,transparent);font-size:var(--text-xs)}.gallery-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs)}.gallery-strip .gallery-card:first-child{grid-column:1/-1}.gallery-card{position:relative;min-width:0;padding:0;overflow:clip;border:0;background:var(--color-night-2);color:var(--color-night-ink);cursor:zoom-in;text-align:start}.gallery-card img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-medium) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.gallery-card span{position:absolute;inset:auto var(--space-xs) var(--space-xs);padding:var(--space-3xs) var(--space-xs);background:color-mix(in oklch,var(--color-night) 82%,transparent);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.gallery-card[data-state=loading] img{opacity:.55}.gallery-card[data-state=error]{outline:3px solid var(--color-error)}.gallery-card[data-state=success]{outline:3px solid var(--color-success)}.edition-section{background:var(--color-wood-soft)}.edition-compare{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.edition-compare article{min-width:0;padding:var(--space-xl);background:var(--color-paper);border-block-start:var(--rule-thick) solid var(--color-wood)}.edition-compare article>span,.platform-card>span,.spec-cards article>span{color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase}.edition-compare h3{margin-block:var(--space-sm) var(--space-lg);font-size:var(--text-xl)}.article-specs div,.edition-compare dl div,.platform-card dl div,.spec-cards dl div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-xs);border-block-start:var(--rule-hair) solid var(--color-rule)}.article-specs dt,.edition-compare dt,.platform-card dt,.spec-cards dt{color:var(--color-muted)}.edition-compare .button{margin-block-start:var(--space-lg)}.edition-primary{background:var(--color-night)!important;color:var(--color-night-ink);border-color:var(--color-gold)!important}.edition-primary dt{color:color-mix(in oklch,var(--color-night-ink) 64%,transparent)}.download-band{width:min(100%,var(--content-max));margin-inline:auto;display:grid;gap:var(--space-xl);align-items:end;padding:clamp(var(--space-2xl),7vw,var(--space-3xl)) var(--page-gutter);background:var(--color-paper-3);color:var(--color-ink);border-block:var(--rule-thick) solid var(--color-accent)}.download-band>div{display:grid;gap:var(--space-sm)}.download-band>div>span{font-family:var(--font-body);font-size:var(--text-xs)}.download-band h2{max-width:18ch}.spec-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.spec-cards article{min-width:0;padding:var(--space-lg);border-block-start:var(--rule-thick) solid var(--color-sea-deep);background:var(--color-paper-2)}.spec-cards article>span{display:block;margin-block-end:var(--space-md)}.feature-spec ul{display:grid;gap:var(--space-xs)}.timeline{border-block-end:var(--rule-hair) solid var(--color-rule)}.timeline article{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule)}.timeline time{color:var(--color-sea-deep);font-family:var(--font-body);font-size:var(--text-sm)}.timeline p{margin-block-start:var(--space-xs);color:var(--color-muted)}.review-section{background:var(--color-sea-soft)}.review-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);align-items:end;margin-block-end:var(--space-xl);padding-block-end:var(--space-xl);border-block-end:var(--rule-thick) solid var(--color-sea-deep)}.review-summary>div:first-child{display:grid;gap:var(--space-xs)}.review-summary>div:first-child>span{color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-xs)}.review-summary strong{font-family:var(--font-display);font-size:var(--text-display);line-height:.8}.review-summary small{color:var(--color-muted)}.review-meter{height:1rem;background:var(--color-paper-3);overflow:clip}.review-meter i{display:block;width:var(--score);height:100%;background:var(--color-palm)}.fit-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.fit-grid article{min-width:0;padding:var(--space-lg);background:var(--color-paper);border-block-start:var(--rule-thick) solid var(--color-palm);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.fit-grid article:nth-child(2){border-color:var(--color-coral-deep)}.fit-grid article:nth-child(3){border-color:var(--color-gold-deep)}.fit-grid p{margin-block:var(--space-sm);color:var(--color-muted)}.fit-grid span{font-family:var(--font-body);font-size:var(--text-xs)}.faq-section{background:var(--color-paper-2)}.accordion{border-block-end:var(--rule-hair) solid var(--color-rule)}.accordion-item{border-block-start:var(--rule-hair) solid var(--color-rule)}.accordion-item h3{font-family:var(--font-body);font-size:var(--text-base)}.accordion-item button{width:100%;min-height:4rem;display:grid;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border:0;background:transparent;color:var(--color-ink);text-align:start;cursor:pointer}.accordion-item button span{position:relative;width:2.75rem;aspect-ratio:1;border:var(--rule-hair) solid var(--color-rule)}.accordion-item button span:after,.accordion-item button span:before{content:"";position:absolute;inset:50% auto auto 50%;width:.9rem;height:var(--rule-hair);background:var(--color-ink);transform:translate(-50%,-50%);transition:transform var(--dur-short) var(--ease-out)}.accordion-item button span:after{transform:translate(-50%,-50%) rotate(90deg)}.accordion-item button[aria-expanded=true] span:after{transform:translate(-50%,-50%) rotate(0)}.accordion-panel{overflow:clip}.accordion-panel p{max-width:70ch;padding:0 3.75rem var(--space-lg) 0;color:var(--color-muted)}.final-cta{display:grid;gap:var(--space-xl);padding:clamp(var(--space-2xl),8vw,var(--space-3xl)) var(--page-gutter);background:var(--color-night);color:var(--color-night-ink)}.final-cta>div{display:grid;gap:var(--space-sm)}.final-cta p{max-width:55ch;color:color-mix(in oklch,var(--color-night-ink) 72%,transparent)}.final-cta .button--outline{color:var(--color-night-ink);border-color:var(--color-night-ink)}.final-cta>small{color:color-mix(in oklch,var(--color-night-ink) 58%,transparent)}.final-cta--compact{align-items:center}.page-hero{min-height:34rem;display:grid;grid-template-columns:minmax(0,1fr);background:var(--color-paper-2)}.page-hero>div{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-md);padding:var(--space-2xl) var(--page-gutter)}.page-hero>div>span{font-family:var(--font-body);color:var(--color-sea-deep);font-size:var(--text-xs)}.page-hero h1{max-width:10ch;font-family:var(--font-display);font-size:var(--text-3xl)}.page-hero p{max-width:48ch;color:var(--color-muted);font-size:var(--text-md)}.page-hero>img{width:100%;height:100%;min-height:20rem;-o-object-fit:cover;object-fit:cover}.page-hero--download{background:var(--color-night);color:var(--color-night-ink)}.page-hero--download p{color:color-mix(in oklch,var(--color-night-ink) 72%,transparent)}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-block-end:var(--space-lg)}.filter-tabs button{min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);cursor:pointer;white-space:nowrap;font-weight:700}.filter-tabs button[aria-pressed=true]{background:var(--color-night);color:var(--color-night-ink);border-color:var(--color-night)}.filter-tabs button:disabled{opacity:.45;cursor:not-allowed}.filter-tabs button[data-state=loading]{cursor:progress}.filter-tabs button[data-state=error]{border-color:var(--color-error)}.filter-tabs button[data-state=success]{border-color:var(--color-success)}.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xs)}.gallery-grid .gallery-card img{aspect-ratio:16/9}.gallery-card.is-filtered{display:none}.platform-grid{grid-template-columns:minmax(0,1fr)}.platform-card,.platform-grid{display:grid;gap:var(--space-md)}.platform-card{min-width:0;align-content:start;padding:var(--space-xl);border-block-start:var(--rule-thick) solid var(--color-wood);background:var(--color-paper-2)}.platform-card p{color:var(--color-muted)}.platform-primary{background:var(--color-sea-soft);border-color:var(--color-sea-deep)}.platform-card .button{justify-self:start}.install-steps{list-style:none;padding:0;border-block-end:var(--rule-hair) solid var(--color-rule);counter-reset:install}.install-steps li{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule)}.install-steps li>span{font-family:var(--font-body);color:var(--color-coral-deep);font-size:var(--text-lg)}.install-steps p{margin-block-start:var(--space-xs);color:var(--color-muted)}.notice-section{background:var(--color-night);color:var(--color-night-ink)}.notice-board{display:grid;gap:var(--space-xl)}.notice-board>div{display:grid;gap:var(--space-sm)}.notice-board li,.notice-board p{color:color-mix(in oklch,var(--color-night-ink) 72%,transparent)}.notice-board ul{display:grid;gap:var(--space-xs)}.guide-card-grid,.spec-cards--two{grid-template-columns:minmax(0,1fr)}.guide-card-grid{display:grid;gap:var(--space-md)}.guide-card-grid article{min-width:0;padding:var(--space-lg);border-block-start:var(--rule-thick) solid var(--color-sea-deep);background:var(--color-paper-2)}.guide-card-grid article:nth-child(2){border-color:var(--color-coral-deep)}.guide-card-grid article:nth-child(3){border-color:var(--color-palm)}.guide-card-grid article:nth-child(4){border-color:var(--color-gold-deep)}.guide-card-grid article>span{font-family:var(--font-body);color:var(--color-muted)}.guide-card-grid p{margin-block:var(--space-sm);color:var(--color-muted)}.guide-card-grid a{min-height:2.75rem;display:inline-flex;align-items:center;border-block-end:var(--rule-hair) solid currentColor;white-space:nowrap;font-weight:700}.guide-document{background:var(--color-paper-2)}.article-layout,.guide-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.toc{align-self:start;display:grid;gap:var(--space-2xs);padding:var(--space-lg);background:var(--color-night);color:var(--color-night-ink)}.toc strong{margin-block-end:var(--space-xs);font-family:var(--font-display);font-size:var(--text-md)}.toc a{min-height:2.75rem;display:flex;align-items:center;border-block-start:var(--rule-hair) solid color-mix(in oklch,var(--color-night-ink) 22%,transparent);white-space:nowrap;font-size:var(--text-sm)}.article-prose,.guide-prose{min-width:0;max-width:var(--reading-max)}.article-prose section,.guide-prose section{scroll-margin-top:calc(var(--bar-h) + var(--space-lg));padding-block:var(--space-xl);border-block-start:var(--rule-hair) solid var(--color-rule)}.article-prose section:first-child,.guide-prose section:first-child{border-block-start:var(--rule-thick) solid var(--color-ink)}.article-prose h2,.guide-prose h2{margin-block-end:var(--space-lg);font-family:var(--font-display)}.article-prose h3,.guide-prose h3{font-family:var(--font-display)}.article-prose p+p,.guide-prose p+p{margin-block-start:var(--space-md)}.article-prose ol,.article-prose ul,.guide-prose ol,.guide-prose ul{display:grid;gap:var(--space-xs);margin-block:var(--space-lg)}.article-prose figure,.guide-prose figure{margin-block:var(--space-xl)}.article-prose figure img,.guide-prose figure img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.article-prose figcaption,.guide-prose figcaption{padding-block-start:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.article-prose table,.guide-prose table{width:100%;margin-block:var(--space-lg);border-collapse:collapse;font-size:var(--text-sm)}.article-prose td,.article-prose th,.guide-prose td,.guide-prose th{padding:var(--space-xs);border-block-start:var(--rule-hair) solid var(--color-rule);text-align:start;vertical-align:top}.article-prose th,.guide-prose th{background:var(--color-paper-3);font-weight:900}.checklist,.guide-note{margin-block:var(--space-lg);padding:var(--space-lg);background:var(--color-sea-soft);border-inline-start:var(--rule-thick) solid var(--color-sea-deep)}.guide-note p{margin-block-start:var(--space-xs)}.route-steps{list-style:none;padding:0}.route-steps li{grid-template-columns:6.5rem minmax(0,1fr);padding-block:var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule)}.route-steps li>span{color:var(--color-coral-deep);font-family:var(--font-body);font-size:var(--text-sm)}.route-steps p{color:var(--color-muted)}.article-page{padding-block-end:var(--space-3xl)}.article-hero{padding:var(--space-2xl) var(--page-gutter);background:var(--color-wood-soft);border-block-end:var(--rule-thick) solid var(--color-wood)}.article-hero>*{width:min(100%,var(--content-max));margin-inline:auto}.article-hero nav{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-block-end:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm)}.article-hero nav a,.article-hero nav b{white-space:nowrap}.article-hero h1{max-width:16ch;font-family:var(--font-display);font-size:var(--text-3xl)}.article-hero>p{margin-block-start:var(--space-md);color:var(--color-muted);font-size:var(--text-md)}.article-hero>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-xl);border-block:var(--rule-hair) solid var(--color-rule)}.article-hero>dl div{min-width:0;padding:var(--space-sm) 0}.article-hero dt{color:var(--color-muted);font-size:var(--text-xs)}.article-hero dd{overflow-wrap:anywhere;font-weight:700}.article-layout{width:min(100%,var(--content-max));margin-inline:auto;padding:var(--space-2xl) var(--page-gutter) 0}.site-footer{position:relative;z-index:var(--z-raised);padding:var(--space-2xl) var(--page-gutter) 7rem;background:var(--color-paper-2);border-block-start:var(--rule-thick) solid var(--color-ink)}.site-footer>*{width:min(100%,var(--content-max));margin-inline:auto}.footer-mark{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-lg);padding-block-end:var(--space-lg)}.footer-mark img{width:min(16rem,58vw);height:auto}.footer-mark p{max-width:44ch;color:var(--color-muted)}.footer-line,.footer-related{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-lg);padding-block:var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule)}.footer-line a,.footer-related a,.footer-related span{min-height:2.75rem;display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--text-sm)}.footer-related span{color:var(--color-muted);font-family:var(--font-body)}.footer-legal{flex-wrap:wrap;gap:var(--space-xs) var(--space-xl);padding-block-start:var(--space-md);color:var(--color-muted);font-size:var(--text-xs)}.footer-legal,.sticky-cta{display:flex;border-block-start:var(--rule-hair) solid var(--color-rule)}.sticky-cta{position:fixed;inset:auto 0 0;z-index:var(--z-sticky);min-height:4.5rem;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) max(var(--page-gutter),env(safe-area-inset-right)) max(var(--space-xs),env(safe-area-inset-bottom)) max(var(--page-gutter),env(safe-area-inset-left));background:var(--color-paper);box-shadow:0 calc(var(--space-2xs)*-1) var(--space-lg) var(--color-shadow)}.sticky-cta>span{min-width:0;display:grid;line-height:1.3}.sticky-cta small,.sticky-cta strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sticky-cta small{color:var(--color-muted);font-size:.68rem}.sticky-cta .button{min-height:2.75rem;padding-inline:var(--space-md)}.back-top{position:fixed;inset:auto var(--space-sm) 5.4rem auto;z-index:var(--z-sticky);min-width:2.75rem;min-height:2.75rem;padding-inline:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-xs);font-weight:700;cursor:pointer;opacity:0;transform:translateY(.5rem);pointer-events:none;transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.back-top.is-visible{opacity:1;transform:none;pointer-events:auto}.lightbox{position:fixed;inset:0;z-index:var(--z-modal);width:min(94%,84rem);max-height:92svh;margin:auto;padding:0;overflow:visible;border:var(--rule-hair) solid var(--color-gold);background:var(--color-night);color:var(--color-night-ink);opacity:0;transform:scale(.98);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.lightbox[open]{opacity:1;transform:none}.lightbox::backdrop{background:color-mix(in oklch,var(--color-night) 88%,transparent)}.lightbox-toolbar{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-inline:var(--space-sm)}.lightbox-toolbar p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-sm)}.lightbox-arrow,.lightbox-toolbar button{min-width:2.75rem;min-height:2.75rem;border:var(--rule-hair) solid var(--color-night-ink);background:var(--color-night);color:var(--color-night-ink);cursor:pointer;white-space:nowrap}.lightbox figure{max-height:calc(92svh - 3.5rem);overflow:auto}.lightbox figure img{width:100%;height:auto;max-height:calc(92svh - 3.5rem);-o-object-fit:contain;object-fit:contain}.lightbox-arrow{position:absolute;inset-block-start:50%;transform:translateY(-50%)}.lightbox-prev{inset-inline-start:var(--space-xs)}.lightbox-next{inset-inline-end:var(--space-xs)}.reveal{opacity:0;transform:translateY(1rem);transition:opacity var(--dur-long) var(--ease-out),transform var(--dur-long) var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}@media (hover:hover){.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.button:not(.button--shine):hover{background:var(--color-accent-deep);color:var(--color-paper)}.button--outline:hover{background:var(--color-ink);color:var(--color-paper)}.button--shine:hover:before{transform:translateX(650%) skewX(-18deg)}.choice-row a:hover{background:var(--color-night-ink);color:var(--color-night)}.feature-ledger article:hover{transform:translateX(var(--space-2xs))}.annotated-media:hover img,.gallery-card:hover img{transform:scale(1.025)}.fit-grid article:hover{transform:translateY(calc(var(--space-2xs)*-1))}.footer-line a:hover,.footer-related a:hover,.guide-card-grid a:hover,.text-link:hover,.toc a:hover{color:var(--color-sea-deep)}.accordion-item button:hover,.back-top:hover,.filter-tabs button:hover,.lightbox button:hover,.menu-button:hover,.notice button:hover{background:var(--color-paper-3);color:var(--color-ink)}}@media (min-width:40rem){.info-reception dl{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-wide{grid-column:span 2}.edition-compare,.platform-grid,.spec-cards,.spec-cards--two{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-cards article:last-child:nth-child(odd){grid-column:1/-1}.timeline article{grid-template-columns:12rem minmax(0,1fr)}.fit-grid{grid-template-columns:1.1fr minmax(0,.9fr) minmax(0,1fr)}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-hero>dl{grid-template-columns:repeat(3,minmax(0,1fr))}.final-cta,.final-cta--compact{grid-template-columns:minmax(0,1fr) auto;align-items:end}.final-cta>small{grid-column:1/-1}}@media (min-width:48rem){.section-head{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end}.section-head h2{grid-row:1/span 2}.section-head .text-link{justify-self:end}.hero-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hero-product,.hero-visual{min-height:calc(100svh - var(--banner-height))}.hero-product{gap:var(--space-xs);padding-block:var(--space-md) var(--space-xl)}.game-logo{width:min(12rem,50%)}.hero-product h1{font-size:clamp(2.5rem,5vw,4.6rem)}.hero-lede{font-size:var(--text-base)}.hero-facts div{padding-block:var(--space-2xs)}.dialogue-box{inset-inline:var(--space-lg);inset-block-end:var(--space-lg)}.workflow-stage{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-areas:"head body"}.workflow-stage:nth-child(2n){grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);grid-template-areas:"body head"}.stage-head{grid-area:head;position:sticky;top:calc(var(--banner-height) + var(--space-md));z-index:var(--z-sticky)}.stage-body{grid-area:body}.split-section{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.sticky-heading{position:sticky;top:calc(var(--banner-height) + var(--space-md));z-index:var(--z-sticky);background:inherit}.media-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,.45fr)}.gallery-strip{grid-template-columns:minmax(0,1fr)}.gallery-strip .gallery-card:first-child{grid-column:auto}.review-summary{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.download-band{grid-template-columns:minmax(0,1fr) auto}.notice-board{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.page-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.article-layout,.guide-layout{grid-template-columns:15rem minmax(0,1fr)}.toc{position:sticky;top:calc(var(--banner-height) + var(--space-md))}}@media (min-width:64rem){.nav-links{display:flex}.menu-button,.mobile-menu{display:none}.hero-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-product{padding-inline:clamp(var(--space-xl),5vw,var(--space-3xl))}.workflow-stage{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr)}.workflow-stage:nth-child(2n){grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr)}.spec-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.spec-cards article:last-child:nth-child(odd){grid-column:auto}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-wide{grid-column:span 2}.page-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.sticky-cta{left:50%;right:auto;bottom:var(--space-md);width:min(42rem,calc(100% - 2rem));border:var(--rule-hair) solid var(--color-rule);transform:translate(-50%,calc(100% + 3rem));opacity:0;pointer-events:none;transition:transform var(--dur-medium) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.sticky-cta.is-visible{transform:translate(-50%);opacity:1;pointer-events:auto}.back-top{bottom:var(--space-md)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-visual>img{transform:none!important}.back-top,.lightbox,.mobile-menu,.reveal,.site-nav,.sticky-cta{transform:none}}