/* Hallmark · macrostructure: Workbench · tone: industrial dark-fantasy · anchor hue: yellow
 * theme: custom · paper: oklch(18.4% .006 248) · accent: oklch(86% .176 92)
 * display: Barlow Condensed + Noto Sans SC · body: Noto Sans SC · axes: dark / display-condensed / yellow
 * nav: N7 Brutal slab · footer: Ft4 Dense colophon · context: explicit brief
 * pre-emit critique: P4 H4 E4 S5 R4 V4 */
@import url('tokens.css?v=a680a294dc87');
@font-face{font-family:'Noto Sans SC';src:url('public/fonts/noto-sans-sc.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('public/fonts/noto-sans-sc-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('public/fonts/barlow-condensed.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.75;padding-bottom:88px}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{font-style:normal;min-width:0;overflow-wrap:anywhere;line-height:1.35}h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;letter-spacing:-.025em}h3{font-size:var(--text-lg)}p{color:var(--color-muted)}a{color:inherit;text-decoration:none}a,button,summary{-webkit-tap-highlight-color:var(--color-transparent)}button{font:inherit;color:inherit;cursor:pointer;background:var(--color-panel);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-none)}button,a{touch-action:manipulation}button{min-height:44px}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed}button:active,.button:active{transform:translateY(2px)}[data-state=error]{border-color:var(--color-error)}[data-state=success]{border-color:var(--color-cta)}[aria-busy=true]{opacity:.6;cursor:progress}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}::selection{background:var(--color-accent);color:var(--color-paper)}img{display:block;max-width:100%;height:auto}img.pixel{image-rendering:pixelated}section[id]{scroll-margin-top:110px}.wrap{width:min(1216px,calc(100% - 40px));margin-inline:auto}.section{padding-block:var(--space-2xl)}.narrow{max-width:800px}.small,small{font-size:var(--text-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:clip;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;z-index:100;top:-100px;left:16px;background:var(--color-accent);color:var(--color-paper);padding:12px}.skip:focus{top:12px}[hidden]{display:none!important}
.header{position:sticky;top:0;z-index:30;background:var(--color-paper);border-bottom:2px solid var(--color-rule)}.nav-wrap{width:min(1320px,calc(100% - 32px));margin:auto;min-height:72px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center;font-size:var(--text-md);font-weight:700;line-height:1.2;white-space:nowrap}.brand small{display:block;font:700 12px var(--font-display);letter-spacing:3px;margin-top:6px;color:var(--color-muted)}.brand-symbol{font:700 34px var(--font-display);color:var(--color-accent);border-left:3px solid var(--color-accent);padding-left:7px;position:relative;line-height:1}.brand-symbol span{font-size:20px}.menu-toggle{margin-left:auto;padding:4px 12px;background:none;font-size:var(--text-sm);white-space:nowrap}.menu-toggle span{font-size:22px;margin-left:6px}#primary-nav{display:none;order:4;width:100%;padding:0 0 16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#primary-nav.is-open{display:grid}#primary-nav a{padding:10px 8px;white-space:nowrap;font-size:var(--text-sm);border-bottom:2px solid var(--color-transparent)}#primary-nav a[aria-current=page]{color:var(--color-accent);border-color:var(--color-accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:12px 24px;white-space:nowrap;font-weight:700;font-size:var(--text-md);border:1px solid var(--color-rule);transition:transform var(--dur-fast) var(--ease-out);position:relative;isolation:isolate}.download{background:var(--color-cta);color:var(--color-paper);border-color:var(--color-cta-hover);box-shadow:0 4px 0 var(--color-shadow);overflow:clip}.download:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,var(--color-transparent) 20%,var(--color-cta-hover) 50%,var(--color-transparent) 80%);transform:translateX(-120%);opacity:0;z-index:-1}.download:hover:after{transform:translateX(120%);opacity:1;transition:transform 650ms var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.download:active{box-shadow:0 2px 0 var(--color-shadow)}.download span{font-size:24px;line-height:1}.secondary{background:var(--color-shade);border-color:var(--color-muted);font-weight:500}.nav-cta{display:none}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--color-link);font-size:var(--text-sm);white-space:nowrap;gap:8px}.text-link:hover{text-decoration:underline;text-underline-offset:6px}
.hero{position:relative;min-height:660px;isolation:isolate;border-bottom:1px solid var(--color-rule)}.hero-bg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-shade),var(--color-transparent)),linear-gradient(0deg,var(--color-paper),var(--color-transparent));z-index:-2}.hero-inner{display:flex;align-items:flex-end;min-height:inherit;padding-block:48px;gap:48px}.hero-copy{max-width:720px;min-width:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tags span{font-size:var(--text-xs);color:var(--color-ink);background:var(--color-shade);border:1px solid var(--color-rule);padding:4px 10px}.tags .age{color:var(--color-accent)}h1{font-size:var(--text-display);font-weight:900;letter-spacing:-.04em}.hero h1 span{display:block;font:700 clamp(3.8rem,8.6vw,7.8rem)/1 var(--font-display);letter-spacing:.015em;color:var(--color-ink);margin-top:2px}.hero-lead{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--color-ink);margin:24px 0 10px;font-weight:500}.hero-description{max-width:540px;font-size:var(--text-sm);color:var(--color-muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-meta{font-size:var(--text-xs);margin-top:20px}.hero-cover{display:none;width:288px;flex-shrink:0;margin-bottom:16px;box-shadow:12px 12px 0 var(--color-shade);border:1px solid var(--color-rule);background:var(--color-paper)}.hero-cover img{width:100%;aspect-ratio:4/3;object-fit:cover}.hero-cover>div{padding:12px 16px;display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-muted)}.info-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:24px;gap:20px;border-bottom:1px solid var(--color-rule)}.info-strip dt{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:4px}.info-strip dd{font-size:var(--text-sm);font-weight:500}.section-head{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.section-head p{margin-top:10px;font-size:var(--text-sm)}.media-layout{display:grid;gap:24px}.media-tile{min-width:0;background:var(--color-panel);border:1px solid var(--color-rule)}.lightbox-open{display:block;padding:0;width:100%;border:0;position:relative;overflow:clip}.lightbox-open:after{content:'＋';position:absolute;bottom:12px;right:12px;width:32px;height:32px;background:var(--color-shade);font-size:22px;display:grid;place-items:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.lightbox-open:hover:after,.lightbox-open:focus-visible:after{opacity:1}.lightbox-open img{width:100%;aspect-ratio:16/9;object-fit:contain}.media-tile figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font-size:var(--text-sm);color:var(--color-ink)}.media-tile figcaption small{color:var(--color-muted);white-space:nowrap}.thumbnail-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.thumbnail-strip .lightbox-open{min-height:44px}.thumbnail-strip .lightbox-open:after{display:none}.game-dossier{background:var(--color-panel);border:1px solid var(--color-rule);padding:24px}.game-dossier h3{padding-bottom:16px;border-bottom:1px solid var(--color-rule)}.game-dossier dl{padding-block:12px}.game-dossier dl div{display:flex;justify-content:space-between;gap:16px;font-size:var(--text-sm);padding:8px 0}.game-dossier dt{color:var(--color-muted)}.game-dossier p{font-size:var(--text-sm);margin:16px 0}.story{background:var(--color-panel);border-block:1px solid var(--color-rule)}.story-inner{display:grid;gap:28px}.story h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.65}.story h2 span{color:var(--color-accent)}.story p+p{margin-top:20px}.features{display:grid;gap:24px}.features article{border-top:1px solid var(--color-rule);padding-top:16px;transition:transform var(--dur-fast) var(--ease-out)}.features img{aspect-ratio:16/9;object-fit:contain}.features h3{margin:20px 0 12px}.features p{font-size:var(--text-sm)}.characters-preview,.character-grid{display:grid;gap:16px}.character{display:grid;grid-template-columns:100px minmax(0,1fr);background:var(--color-panel);border:1px solid var(--color-rule);align-items:start}.character img{width:100%;aspect-ratio:1;object-fit:cover}.character>div{padding:16px;min-width:0}.character .role{font-size:var(--text-xs);color:var(--color-accent);margin-bottom:6px}.character h3{font-size:var(--text-md)}.character p:last-child{font-size:var(--text-sm);margin-top:10px}.audience{border-top:1px solid var(--color-rule)}.audience-grid{display:grid;gap:24px}.audience-grid article{border-left:2px solid var(--color-rule);padding-left:20px}.audience-grid h3{margin-bottom:8px}.audience-grid p{font-size:var(--text-sm)}.editorial-grid{display:grid;gap:48px;border-top:1px solid var(--color-rule)}.editorial-grid h2,.narrow>h2{margin-bottom:24px}.updates summary{display:flex;align-items:center;gap:16px;font-size:var(--text-sm)}.updates summary span{color:var(--color-muted)}.updates summary b{margin-left:auto;font-weight:400}details{border-top:1px solid var(--color-rule)}details:last-child{border-bottom:1px solid var(--color-rule)}summary{cursor:pointer;list-style:none;padding:18px 0;min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:var(--text-sm);color:var(--color-ink)}summary::-webkit-details-marker{display:none}summary span[aria-hidden]{flex-shrink:0;font-size:22px;color:var(--color-muted)}details[open] summary span[aria-hidden]{transform:rotate(45deg)}.answer{padding-bottom:20px}.answer p{font-size:var(--text-sm);line-height:1.95}.final-cta{border:1px solid var(--color-rule);border-top:3px solid var(--color-accent);background:var(--color-panel);padding:28px;display:grid;gap:24px;margin-block:24px 64px}.final-cta h2{margin-bottom:8px}.final-cta p{font-size:var(--text-sm)}.final-cta small{color:var(--color-muted)}.final-cta>.button{justify-self:start}.footer{width:min(1216px,calc(100% - 40px));margin:auto;padding-block:0 28px}.footer-top{border-bottom:1px solid var(--color-rule);padding-bottom:20px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.footer-mark{font:700 36px var(--font-display);letter-spacing:.03em}.footer-top p{font-size:var(--text-xs)}.footer-top .text-link{margin-left:auto}.footer-nav{display:flex;flex-wrap:wrap;gap:4px 24px;padding:20px 0}.footer-nav a,.related a{font-size:var(--text-xs);min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;color:var(--color-muted)}.footer-nav a:hover,.related a:hover{color:var(--color-ink);text-decoration:underline}.related{border-top:1px solid var(--color-rule);padding-top:16px;display:grid;gap:8px}.related>span{font-size:var(--text-xs);color:var(--color-muted)}.related>div{display:flex;flex-wrap:wrap;gap:0 24px}.copyright{font-size:var(--text-xs);margin-top:24px;padding-top:20px;border-top:1px solid var(--color-rule)}.copyright p{margin:4px 0}.mobile-download{position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--color-panel);border-top:1px solid var(--color-rule);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.mobile-download strong{font-size:var(--text-sm)}.mobile-download small{display:block;color:var(--color-muted);font-size:11px}.mobile-download .button{min-height:48px;padding:8px 18px;gap:16px;font-size:var(--text-sm)}
.page-intro{padding-block:32px 40px}.breadcrumb{display:inline-flex;min-height:44px;align-items:center;color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap}.page-word{font:700 clamp(2rem,5vw,4.5rem)/1 var(--font-display);color:var(--color-accent);letter-spacing:.04em;margin-top:20px}.page-intro h1{font-size:clamp(2rem,4vw,3.5rem);margin:8px 0 16px}.lead{font-size:var(--text-md);max-width:720px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;border-block:1px solid var(--color-rule);padding:16px 0}.filter-bar button{min-width:60px;padding:8px 16px;background:none;white-space:nowrap;font-size:var(--text-sm)}.filter-bar button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.gallery-instruction{font-size:var(--text-xs);margin:20px 0}.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.gallery-section{padding-bottom:40px}.portrait-tile .lightbox-open{background:var(--color-panel)}.portrait-tile img{aspect-ratio:16/9;object-fit:contain;background:var(--color-panel)}.lightbox{position:fixed;inset:0;margin:auto;width:min(1100px,calc(100% - 24px));max-height:90dvh;height:fit-content;border:1px solid var(--color-rule);padding:16px;background:var(--color-paper);color:var(--color-ink);overscroll-behavior:contain}.lightbox::backdrop{background:var(--color-shade)}.lightbox-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.lightbox-toolbar p{font-size:var(--text-sm);color:var(--color-ink)}.lightbox button{padding:8px 16px;white-space:nowrap;font-size:var(--text-sm)}.lightbox-stage{background:var(--color-panel);position:relative;min-height:100px;display:grid;place-items:center}.lightbox-stage img{width:100%;height:min(65dvh,630px);object-fit:contain;image-rendering:pixelated}.image-status{padding:28px;position:absolute;text-align:center}.lightbox-stage[data-state=loading] img,.lightbox-stage[data-state=error] img{opacity:0}.lightbox-controls{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px}.lightbox-counter{font-size:var(--text-sm);color:var(--color-muted)}.download-layout{display:grid;gap:24px}.download-card{background:var(--color-panel);border:1px solid var(--color-rule);border-top:3px solid var(--color-cta);padding:28px}.download-card h2{margin:16px 0 6px}.download-card>.button{display:flex;margin-top:28px;max-width:340px}.download-card>p{font-size:var(--text-sm)}.download-note{font-size:var(--text-xs)!important;margin-top:12px}.platform-icon{display:grid;grid-template-columns:16px 16px;gap:4px;width:36px}.platform-icon i{height:16px;background:var(--color-ink)}.requirements{padding:8px 0}.requirements h2{margin-bottom:20px}.download-spec div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0;border-bottom:1px solid var(--color-rule);font-size:var(--text-sm)}.download-spec dt{color:var(--color-muted)}.requirements .small{margin-top:16px}.steps{padding:0;list-style:none;display:grid;gap:28px}.steps li{border-top:1px solid var(--color-rule);padding-top:20px}.steps span{font:700 44px var(--font-display);color:var(--color-accent)}.steps h3{margin:12px 0}.steps p{font-size:var(--text-sm)}.prose-split{display:grid;gap:32px;border-top:1px solid var(--color-rule)}.prose-split h2{margin-bottom:16px}.prose-split p{font-size:var(--text-sm)}.guide-cards{display:grid;gap:16px}.guide-cards a{display:block;background:var(--color-panel);border:1px solid var(--color-rule);padding:24px}.guide-cards h2{font-size:var(--text-lg);margin-bottom:12px}.guide-cards p{font-size:var(--text-sm)}.guide-cards span{display:inline-flex;min-height:44px;align-items:center;color:var(--color-link);font-size:var(--text-sm);margin-top:12px;white-space:nowrap}.reading-layout{display:grid;gap:32px}.toc{display:flex;flex-direction:column;gap:8px;border-left:2px solid var(--color-rule);padding-left:20px;align-self:start}.toc strong{margin-bottom:12px}.toc a{font-size:var(--text-sm);color:var(--color-muted);min-height:44px;display:flex;align-items:center}.toc a:hover{color:var(--color-link)}.reading section{margin-bottom:48px}.reading h2{margin-bottom:20px}.reading p{margin:16px 0;line-height:2}.reading p.article-subtitle{color:var(--color-accent);font-size:var(--text-sm)}.reading figure{margin-block:32px}.reading figcaption,.gear-lead figcaption{font-size:var(--text-xs);color:var(--color-muted);padding-top:12px}.reading ul{padding-left:24px;color:var(--color-muted);line-height:2}.reading img{width:100%;aspect-ratio:16/9}.relation-panel{padding:28px;background:var(--color-panel);border:1px solid var(--color-rule);display:grid;gap:28px}.relation-panel p{font-size:var(--text-sm);margin-top:16px;max-width:600px}.relation-pair{display:flex;align-items:center;gap:16px;justify-content:center}.relation-pair span{font-weight:700;font-size:var(--text-md)}.relation-pair small{display:block;font-size:11px;font-weight:400;color:var(--color-muted);margin-top:8px}.relation-pair b{color:var(--color-accent)}.gear-lead{display:grid;gap:28px}.gear-lead h2{margin-bottom:20px}.gear-lead p{margin:16px 0}.gear-lead img{aspect-ratio:16/9;width:100%}
@media(hover:hover){.features article:hover{transform:translateY(-3px)}.download:hover{background:var(--color-cta-hover)}.secondary:hover,.menu-toggle:hover,.lightbox button:hover{background:var(--color-raised)}.filter-bar button:hover:not([aria-pressed=true]){background:var(--color-raised)}.guide-cards a:hover{border-color:var(--color-link)}summary:hover{color:var(--color-accent)}#primary-nav a:hover{color:var(--color-accent)}}
@media(min-width:640px){.wrap,.footer{width:min(1216px,calc(100% - 64px))}.section{padding-block:64px}.hero{min-height:640px}.hero-inner{padding-block:64px}.info-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head{flex-direction:row;align-items:end;justify-content:space-between}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character{grid-template-columns:minmax(0,1fr)}.character img{max-height:280px;object-fit:cover;object-position:center 20%}.character-grid .character{grid-template-columns:110px minmax(0,1fr)}.character-grid .character img{height:100%;max-height:none;object-fit:cover}.characters-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.download-spec div{grid-template-columns:150px minmax(0,1fr);gap:16px}.final-cta{padding:40px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.final-cta small{grid-column:1/-1}.final-cta>.button{justify-self:end}.prose-split{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-description{font-size:var(--text-md)}}
@media(min-width:768px){.info-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-block:28px}.info-strip>div{border-right:1px solid var(--color-rule);padding-right:12px}.info-strip>div:last-child{border:0}.features,.audience-grid,.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.story-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}.download-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid .media-tile figcaption{padding:12px;font-size:var(--text-xs)}.related{grid-template-columns:80px minmax(0,1fr)}.relation-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.gear-lead{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.editorial-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}}
@media(min-width:1024px){body{padding-bottom:0}.nav-wrap{flex-wrap:nowrap;min-height:84px;gap:32px}.menu-toggle{display:none}#primary-nav,#primary-nav.is-open{display:flex;width:auto;order:initial;padding:0;gap:12px;margin:auto}#primary-nav a{padding:30px 12px 27px}.nav-cta{display:inline-flex;min-height:44px;font-size:var(--text-sm);padding:8px 18px;gap:20px}.hero{min-height:640px}.hero-inner{justify-content:space-between;padding-top:80px}.hero-cover{display:block}.hero-copy{flex:1}.media-layout{grid-template-columns:minmax(0,2.25fr) minmax(0,1fr)}.game-dossier{padding:28px}.section{padding-block:72px}.mobile-download{display:none}.reading-layout{grid-template-columns:260px minmax(0,1fr);gap:72px}.toc{position:sticky;top:120px}.reading{max-width:800px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.character-grid .character{grid-template-columns:minmax(0,1fr)}.character-grid .character img{height:auto;max-height:320px}.characters-preview .character{grid-template-columns:130px minmax(0,1fr)}.characters-preview .character img{height:100%;max-height:none;object-fit:cover}.footer{padding-bottom:36px}.page-intro{padding-block:40px 56px}.related>div{gap:0 20px}.related a{font-size:11px}}
@media(min-width:1440px){.hero{min-height:680px}.hero-cover{width:320px}.hero-inner{gap:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.features article:hover,.button:active,button:active{transform:none}.download:after{display:none}}