/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4
 * macrostructure: Workbench · theme: custom forest fieldbook · nav: N9 · footer: Ft5
 * audience: Chinese action-game players · use: game discovery and acquisition · tone: restrained dark fantasy
 * enrichment: official character panel and actual pixel gameplay · motion: button press only
 * System fonts deliberately preserve offline Chinese readability. */
:root{--color-paper:#111315;--color-paper-2:#1a1d20;--color-paper-3:#25292d;--color-ink:#f5f0e6;--color-muted:#b6b9bd;--color-rule:#4b5563;--color-accent:#facc15;--color-accent-deep:#b99a13;--color-error:#ed7772;--color-success:#a9d3ab;--color-transparent:transparent;--color-overlay:rgb(17 19 21 / .94);--color-shade:rgb(17 19 21 / .55);--color-dot:rgb(245 240 230 / .05);--font-display:'Arial Black','PingFang SC','Microsoft YaHei',sans-serif;--font-body:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;--font-mono:'SFMono-Regular','Menlo',monospace;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--z-raised:10;--z-sticky:200;--z-modal:400;--ease-out:cubic-bezier(.16,1,.3,1);--duration:120ms}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.8;padding-bottom:104px}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);font-style:normal;min-width:0;overflow-wrap:anywhere;line-height:1.25}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(38px,6vw,80px);letter-spacing:-.045em}h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.025em}h3{font-size:22px}p+p{margin-top:16px}p{max-width:70ch}a,button,summary{-webkit-tap-highlight-color:var(--color-transparent)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;z-index:var(--z-modal);background:var(--color-accent);color:var(--color-paper);padding:12px}.skip:focus{top:12px}.topbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.navline{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font-weight:800;font-size:19px;letter-spacing:.06em}.brand img{height:36px;width:36px;border-radius:50%}.brand small{display:block;color:var(--color-muted);font:9px var(--font-mono);letter-spacing:.14em}.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav a{padding:10px 16px;text-decoration:none;color:var(--color-muted);font-size:14px;white-space:nowrap;min-height:44px}.nav a:hover,.nav a[aria-current=page]{color:var(--color-ink);background:var(--color-paper-3)}.nav a[aria-current=page]{box-shadow:inset 0 -2px var(--color-accent)}.nav .navcta{color:var(--color-accent)}.mobile-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 22px;color:var(--color-paper);background:var(--color-accent);border:1px solid var(--color-accent);box-shadow:0 4px 0 var(--color-accent-deep);font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform var(--duration) var(--ease-out)}.btn:hover{background:var(--color-ink);border-color:var(--color-ink)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-accent-deep)}.btn.secondary{background:var(--color-transparent);color:var(--color-ink);border-color:var(--color-rule);box-shadow:none}.btn.secondary:hover{border-color:var(--color-ink)}.btn[aria-disabled=true],button:disabled{opacity:.5;cursor:not-allowed}.btn[data-state=loading]{cursor:progress}.btn[data-state=error]{outline:2px solid var(--color-error)}.btn[data-state=success]{outline:2px solid var(--color-success)}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.hero{position:relative;display:grid;gap:28px;padding-top:40px}.hero-copy{position:relative;z-index:var(--z-raised);padding:20px 0}.kicker{font-family:var(--font-mono);color:var(--color-accent);font-size:12px;letter-spacing:.12em;margin-bottom:24px}.original{display:block;font-family:var(--font-display);font-size:clamp(20px,2.7vw,34px);letter-spacing:.08em;margin-top:14px;color:var(--color-muted)}.hero h1{margin-bottom:24px}.hero-lead{font-size:21px;font-weight:700;margin-bottom:12px;line-height:1.6}.hero-intro{color:var(--color-muted);font-size:14px;max-width:42em;margin-bottom:28px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.chip{font-size:11px;padding:4px 10px;background:var(--color-paper-3);color:var(--color-ink);white-space:nowrap}.chip.accent{color:var(--color-accent);border:1px solid var(--color-accent);background:var(--color-transparent)}.fine{font-size:12px;color:var(--color-muted);margin-top:16px}.hero-art{position:relative;min-width:0;align-self:end;background:var(--color-paper-3)}.hero-art img{width:100%;aspect-ratio:740/820;object-fit:cover}.hero-art .portrait-label{position:absolute;bottom:0;left:0;right:0;padding:18px 24px;background:var(--color-overlay);display:flex;justify-content:space-between;gap:16px;align-items:center}.portrait-label b{font-size:18px}.portrait-label span{font-size:11px;color:var(--color-muted)}.game-note{margin-top:24px;display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:var(--color-paper-2);font-size:13px}.nameplate{flex:0 0 auto;color:var(--color-accent);font-weight:800}.game-note p{color:var(--color-muted)}.facts{margin-block:32px 64px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--color-rule);border:1px solid var(--color-rule)}.fact{background:var(--color-paper);padding:20px}.fact dt{font-size:11px;color:var(--color-muted);margin-bottom:5px}.fact dd{margin:0;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.section{padding-block:28px 48px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head p{font-size:13px;color:var(--color-muted);max-width:46ch}.textlink{color:var(--color-accent);font-size:13px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.media-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.scene{background:var(--color-paper-2)}.scene>a{display:block;position:relative}.scene img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--color-paper)}.scene figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:12px;color:var(--color-muted)}.scene figcaption b{font-size:14px;color:var(--color-ink)}.thumb-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.thumb{display:block;border:1px solid var(--color-rule);padding:4px;min-width:0;text-decoration:none}.thumb img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--color-paper)}.thumb span{display:block;padding:6px 2px;font-size:10px;color:var(--color-muted);white-space:nowrap}.thumb:hover,.thumb[aria-current=true]{border-color:var(--color-accent)}.side-intro{padding:24px;background:var(--color-paper-2);align-self:start}.side-intro h3{margin-bottom:16px}.side-intro p{color:var(--color-muted);font-size:14px}.feature-lines{display:grid;gap:24px;margin-top:28px}.feature-lines article{padding-bottom:20px;border-bottom:1px solid var(--color-rule)}.feature-lines h3{font-size:18px;margin-bottom:8px}.feature-lines p{font-size:13px}.character{display:grid;gap:32px;align-items:center;background:var(--color-paper-2);padding:24px;background-image:radial-gradient(var(--color-dot) 1px,var(--color-transparent) 1px);background-size:6px 6px}.character figure{background:var(--color-ink)}.character .body-copy{padding:8px}.character h2{margin-bottom:20px}.character p{color:var(--color-muted);font-size:14px}.character .cv{font-size:12px;color:var(--color-accent);margin-bottom:16px}.two-col{display:grid;gap:40px}.record{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:24px 0;border-bottom:1px solid var(--color-rule)}.record time{color:var(--color-accent);font-size:13px;font-variant-numeric:tabular-nums}.record p{color:var(--color-muted);font-size:14px}.record h3{font-size:18px;margin-bottom:8px}.faq{border-top:1px solid var(--color-rule);margin-top:24px}.faq details{border-bottom:1px solid var(--color-rule);padding:0 4px}.faq summary{padding:20px 32px 20px 0;cursor:pointer;font-size:15px;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;color:var(--color-accent)}.faq details[open] summary:after{content:'−'}.faq details>div{padding:0 0 22px;color:var(--color-muted);font-size:14px;max-width:66ch}.obtain{display:grid;gap:24px;background:var(--color-paper-2);padding:28px;margin-block:32px 64px;border-top:2px solid var(--color-accent)}.obtain h2{margin-bottom:16px}.obtain p{font-size:14px;color:var(--color-muted)}.obtain .actions{margin-top:24px}.foot-stmt{padding-block:48px 24px;border-top:1px solid var(--color-rule)}.foot-stmt .statement{font-size:clamp(24px,3.5vw,42px);font-weight:800;margin-bottom:32px}.footer-links{display:flex;flex-wrap:wrap;gap:6px 24px}.footer-links a{font-size:12px;color:var(--color-muted);white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.foot-meta{font-size:11px;color:var(--color-muted);margin-top:20px;display:grid;gap:8px}.dock{position:fixed;z-index:var(--z-sticky);bottom:0;left:0;right:0;background:var(--color-overlay);border-top:1px solid var(--color-rule);padding:14px 0 max(14px,env(safe-area-inset-bottom))}.dock .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.dock .dock-copy{font-size:12px;color:var(--color-muted)}.dock-copy b{display:block;color:var(--color-ink);font-size:14px}.dock-shortcuts{display:flex;gap:24px;align-items:center}.dock-shortcuts>a:not(.btn){font-size:12px;white-space:nowrap;color:var(--color-muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.subhero{padding-block:40px}.crumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--color-muted);margin-bottom:24px;flex-wrap:wrap}.crumb a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.subhero h1{font-size:clamp(32px,4vw,54px);margin-bottom:20px}.subhero p{color:var(--color-muted);max-width:65ch}.download-sheet{display:grid;gap:28px;background:var(--color-paper-2);padding:28px;margin-bottom:40px}.download-sheet h2{margin-bottom:16px}.download-sheet dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:24px}.download-sheet dt{font-size:12px;color:var(--color-muted)}.download-sheet dd{margin:4px 0;font-weight:700}.specs{display:grid;gap:0;margin-block:24px}.specs div{padding:16px 0;border-bottom:1px solid var(--color-rule)}.specs dt{font-size:12px;color:var(--color-muted)}.specs dd{margin:4px 0 0;font-size:15px}.prose{font-size:15px;color:var(--color-muted)}.prose h2,.prose h3{color:var(--color-ink);margin:24px 0 16px}.prose li{padding:6px 0}.prose ol,.prose ul{padding-left:24px}.prose strong{color:var(--color-ink)}.guide-layout{display:grid;gap:32px}.toc{background:var(--color-paper-2);padding:24px;align-self:start}.toc h2{font-size:18px;margin-bottom:16px}.toc a{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;color:var(--color-muted);white-space:nowrap}.toc a:hover{color:var(--color-accent)}.guide-body section{padding-bottom:32px;margin-bottom:24px;border-bottom:1px solid var(--color-rule);scroll-margin-top:100px}.notice{padding:20px;background:var(--color-paper-3);color:var(--color-ink);font-size:13px;margin-block:24px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filters button{background:var(--color-paper-2);border:1px solid var(--color-rule);color:var(--color-muted);padding:10px 16px;min-height:44px;white-space:nowrap;font-size:13px}.filters button[aria-pressed=true]{background:var(--color-accent);color:var(--color-paper);border-color:var(--color-accent)}.filters button:hover{border-color:var(--color-accent)}.gallery-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:24px}.gallery-grid figure{min-width:0}.gallery-grid img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--color-paper-2)}.gallery-grid figcaption{padding:16px 0;color:var(--color-muted);font-size:13px}.gallery-grid figcaption b{display:block;color:var(--color-ink);font-size:16px;margin-bottom:6px}[hidden]{display:none!important}.lightbox{width:min(1200px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:16px;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);z-index:var(--z-modal)}.lightbox::backdrop{background:var(--color-overlay)}.lightbox-top,.lightbox-controls{display:flex;gap:12px;justify-content:space-between;align-items:center}.lightbox-top{margin-bottom:12px;font-size:12px}.lightbox button{border:1px solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);padding:8px 16px;min-height:44px;white-space:nowrap;font-size:12px}.lightbox img{width:100%;height:min(65dvh,700px);object-fit:contain}.lightbox-controls{margin-top:12px}.image-state{font-size:12px;color:var(--color-muted);min-height:24px}.lightbox[data-state=loading] .image-state{color:var(--color-accent)}.lightbox[data-state=error] .image-state{color:var(--color-error)}.lightbox[data-state=success] .image-state{color:var(--color-success)}.backtop{font-size:12px;white-space:nowrap}
@media(min-width:640px){.wrap{width:min(1280px,calc(100% - 64px))}.facts{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-sheet{padding:40px}.character{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(min-width:960px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;padding-top:48px}.hero-copy{align-self:center;padding-bottom:32px}.hero-art{max-height:560px;overflow:clip}.hero-art img{height:560px;width:100%;object-fit:cover;object-position:center 22%}.hero-intro{max-width:42ch}.hero h1{font-size:76px}.facts{margin-top:0;position:relative;z-index:var(--z-raised)}.media-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:32px}.character{padding:40px;gap:56px}.character .body-copy{padding:24px}.obtain{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);padding:40px;align-items:center}.download-sheet{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:64px}.guide-layout{grid-template-columns:240px minmax(0,1fr);gap:64px}.toc{position:sticky;top:104px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:40px 64px}}
@media(max-width:959px){.navline{min-height:72px}.nav a{padding-inline:10px}.section-head{display:block}.section-head p{margin-top:16px}.section-head .textlink{margin-top:12px}.dock-shortcuts>a:not(.btn){display:none}.hero-art{max-width:560px;width:100%;justify-self:center}.hero-art img{max-height:440px;object-fit:cover;object-position:center 15%}.hero-copy{padding-bottom:0}}
@media(max-width:639px){.wrap{width:calc(100% - 32px)}.navline{flex-wrap:wrap;gap:0;padding-block:10px;min-height:92px}.brand{font-size:16px}.brand img{width:30px;height:30px}.brand small{font-size:8px}.nav{width:100%;justify-content:space-between;gap:0;margin-top:8px}.nav a{font-size:12px;padding:8px 6px;min-height:38px}.hero{padding-top:24px;gap:20px}.kicker{margin-bottom:16px;font-size:10px}.hero h1{font-size:48px;margin-bottom:20px}.hero-lead{font-size:18px}.hero-intro{font-size:13px;margin-bottom:20px}.original{font-size:21px}.hero-art img{max-height:360px;aspect-ratio:1.2;object-position:center 15%}.hero-art .portrait-label{padding:12px 16px}.actions{gap:12px}.btn{padding:12px 16px;font-size:12px;gap:12px}.facts{margin-bottom:32px}.fact{padding:16px 12px}.fact dd{font-size:12px}.game-note{padding:16px;gap:12px}.section{padding-top:20px}.side-intro{padding:20px}.character{padding:16px;gap:20px}.character h2{font-size:27px}.obtain{padding:24px 20px;margin-bottom:40px}.dock .wrap{width:calc(100% - 24px)}.dock-copy b{font-size:13px}.dock .dock-copy{font-size:10px}.dock .btn{padding-inline:14px;min-height:44px}.dock-shortcuts{gap:0}.subhero{padding-block:24px}.subhero h1{font-size:34px}.download-sheet{padding:24px 20px}.lightbox{padding:12px}.lightbox button{padding-inline:10px}.record{grid-template-columns:minmax(0,1fr);gap:8px}.thumb-row{gap:6px}.thumb span{font-size:9px}.thumb{padding:2px}.foot-stmt{padding-top:32px}.foot-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:active{transform:none}}
/* Final touch-target and narrow-navigation pass. */
@media(max-width:639px){.nav a{font-size:11px;padding:8px 4px;min-height:44px}}
button:active,.nav a:active,.thumb:active{opacity:.8}a[aria-disabled=true]{pointer-events:none;opacity:.5}