/* Hallmark · macrostructure: Workbench · tone: dark urban game journal · anchor hue: industrial yellow
 * genre: editorial · theme: custom · nav: N7 Brutal slab · footer: Ft1 Mast-headed · enrichment: real UI screenshots
 * display: Songti SC · body: PingFang SC · axes: dark / roman-serif / amber · context: user-supplied
 * Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V4 */
@import url('tokens.css');
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:400 var(--text-body)/1.8 var(--font-body)}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--color-accent)}a:active{opacity:.8}a,button,summary{-webkit-tap-highlight-color:var(--color-transparent)}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}[data-state=loading]{cursor:progress;opacity:.7}[data-state=error]{outline:2px solid var(--color-red)}[data-state=success]{outline:2px solid var(--color-success)}[hidden]{display:none!important}img{display:block;max-width:100%;height:auto}figure{margin:0}p{margin:0 0 var(--space-md)}h1,h2,h3{font-style:normal;line-height:1.3;overflow-wrap:anywhere;min-width:0}h1,h2{font-family:var(--font-display);font-weight:800}h1{font-size:var(--text-display);margin:0 0 var(--space-lg);letter-spacing:-.025em}h2{font-size:clamp(1.75rem,2.8vw,2.5rem);margin:0 0 var(--space-lg)}h3{font-size:var(--text-lg);margin:0 0 var(--space-sm)}small,.muted{color:var(--color-muted)}small{font-size:var(--text-sm)}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-sm) var(--space-md)}.skip:focus{top:8px}.header{position:sticky;top:0;z-index:30;background:var(--color-paper);border-bottom:2px solid var(--color-rule)}.nav-row{min-height:84px;display:flex;align-items:center;gap:var(--space-xl)}.brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;white-space:nowrap}.brand-mark{font-size:1.8rem;line-height:1;font-weight:900;letter-spacing:-.09em;color:var(--color-accent);border:1px solid var(--color-metal);padding:var(--space-sm)}.brand-name{font-size:.95rem;font-weight:700;line-height:1.4}.brand-name small{display:block;font-size:.65rem;letter-spacing:.12em}.nav{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}.nav a{font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap;line-height:1}.nav a[aria-current=page]{color:var(--color-accent);text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-accent-ink);font-weight:800;text-decoration:none;font-size:var(--text-sm);white-space:nowrap;line-height:1.2;box-shadow:0 4px 0 var(--color-shadow);transition:transform var(--dur-short) var(--ease-out)}.button:hover{color:var(--color-accent-ink);filter:brightness(1.08)}.button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-shadow)}.button.secondary{background:var(--color-panel);border-color:var(--color-rule);color:var(--color-ink);box-shadow:none}.arrow{font-size:1.1rem}.mastline{display:flex;justify-content:space-between;gap:var(--space-md);align-items:center;color:var(--color-muted);font-size:.75rem;border-bottom:1px solid var(--color-rule);padding:var(--space-md) 0}.mastline span:last-child{letter-spacing:.1em}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr);gap:var(--space-2xl);padding:var(--space-2xl) 0 var(--space-xl);align-items:center}.hero-copy{position:relative}.hero h1 .subtitle{display:block;font-size:.55em;letter-spacing:.1em;margin-top:var(--space-sm);color:var(--color-secondary)}.hero h1 .english{display:block;font-family:var(--font-body);font-size:.23em;letter-spacing:.24em;font-weight:500;margin-top:var(--space-md);color:var(--color-metal)}.lede{color:var(--color-secondary);font-size:var(--text-lg);max-width:55ch}.tags{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-lg)}.tags span{font-size:.75rem;border:1px solid var(--color-rule);padding:var(--space-xs) var(--space-sm);color:var(--color-secondary);line-height:1.4}.actions{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin:var(--space-lg) 0 var(--space-md)}.hero-media{min-width:0;position:relative}.hero-media .visual{position:relative;display:block;border:1px solid var(--color-metal);padding:var(--space-sm);background:var(--color-panel);box-shadow:16px 16px 0 var(--color-shadow)}.hero-media img{width:100%}.figure-label{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);font-size:.75rem;color:var(--color-secondary);padding:var(--space-md) 0}.figure-label a{white-space:nowrap}.quick-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--color-panel);margin-top:var(--space-xl);border-block:1px solid var(--color-rule)}.quick-shelf div{padding:var(--space-lg);border-right:1px solid var(--color-rule)}.quick-shelf div:last-child{border:0}.quick-shelf dt{font-size:.75rem;color:var(--color-muted)}.quick-shelf dd{margin:var(--space-xs) 0 0;font-weight:700}.section{padding-block:var(--space-3xl)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl)}.section-head h2{margin:0}.section-head a{font-size:var(--text-sm);white-space:nowrap}.tour{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.tour figure{padding:var(--space-md);background:var(--color-panel)}.tour img{width:100%;max-width:624px;margin:auto}.tour figcaption{font-size:var(--text-sm);color:var(--color-muted);padding-top:var(--space-md)}.editor-list{list-style:none;margin:0;padding:0}.editor-list li{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-rule)}.editor-list li:first-child{padding-top:0}.editor-list p{font-size:var(--text-sm);color:var(--color-secondary);margin:0}.band{background:var(--color-panel);border-block:1px solid var(--color-rule)}.reading-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}.entry{display:block;text-decoration:none;border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-lg)}.entry p{color:var(--color-secondary);max-width:55ch}.entry .entry-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);color:var(--color-metal);font-size:.75rem;margin-bottom:var(--space-md)}.entry h3{font:800 var(--text-2xl)/1.4 var(--font-display)}.entry small{color:var(--color-accent)}.preview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-lg);align-items:start}.gallery-image{display:block;background:var(--color-panel);border:1px solid var(--color-rule)}.gallery-image img{width:100%;object-fit:contain}.preview-grid figure:last-child img{max-width:624px;margin:auto}.caption{font-size:var(--text-sm);color:var(--color-secondary);padding:var(--space-md) 0}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--space-3xl)}details{border-bottom:1px solid var(--color-rule);padding:var(--space-lg) 0}details:first-child{border-top:1px solid var(--color-rule)}summary{cursor:pointer;font-weight:700;line-height:1.6;list-style:none;display:flex;justify-content:space-between;gap:var(--space-md)}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--color-accent);font-size:1.4rem;line-height:1.2}details[open] summary:after{content:'−'}summary:hover{color:var(--color-accent)}summary:active{opacity:.8}details p,details ol{margin:var(--space-md) 0 0;color:var(--color-secondary)}.final{border:1px solid var(--color-metal);padding:var(--space-2xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);background:var(--color-panel)}.final h2{font-size:2rem;margin-bottom:var(--space-sm)}.final p{color:var(--color-secondary);margin:0}.footer{padding-block:var(--space-3xl) var(--space-xl)}.footer-top{display:flex;justify-content:space-between;gap:var(--space-xl);align-items:center}.footer-top p{font-size:var(--text-sm);margin:var(--space-md) 0}.footer-nav,.related{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);font-size:var(--text-sm)}.footer a{white-space:nowrap}.related{border-block:1px solid var(--color-rule);padding:var(--space-lg) 0;margin:var(--space-lg) 0}.related span{color:var(--color-muted)}.legal{font-size:.75rem;color:var(--color-muted);max-width:85ch}.backtop{font-size:var(--text-sm)}.mobile-cta{display:none}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:.75rem;color:var(--color-muted);padding:var(--space-lg) 0}.breadcrumbs a{white-space:nowrap}.page-head{padding:var(--space-xl) 0 var(--space-2xl);max-width:800px}.page-head h1{font-size:clamp(2rem,3.6vw,3.5rem)}.page-head p{color:var(--color-secondary);font-size:var(--text-lg);max-width:65ch}.page-head .chapter-link{font-size:var(--text-sm);color:var(--color-accent)}.document{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-3xl);padding-bottom:var(--space-3xl)}.toc{position:sticky;top:112px;align-self:start;border-top:2px solid var(--color-metal);padding-top:var(--space-md)}.toc h2{font:700 var(--text-body)/1.5 var(--font-body);margin-bottom:var(--space-md)}.toc a{display:block;margin-bottom:var(--space-sm);font-size:var(--text-sm);text-decoration:none;white-space:nowrap}.prose{max-width:72ch;min-width:0}.prose section{padding-bottom:var(--space-3xl);scroll-margin-top:112px}.prose h2{font-size:1.8rem}.prose h3{margin-top:var(--space-xl)}.prose p,.prose li{color:var(--color-secondary)}.prose li{padding-left:var(--space-xs);margin-bottom:var(--space-sm)}.prose ul,.prose ol{padding-left:var(--space-lg)}.prose figure{margin:var(--space-xl) 0}.note{padding:var(--space-lg);background:var(--color-panel);color:var(--color-secondary)}.note p:last-child{margin:0}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin:var(--space-xl) 0}.data-table td,.data-table th{border-bottom:1px solid var(--color-rule);padding:var(--space-md) var(--space-sm);text-align:left;vertical-align:top}.data-table th{color:var(--color-metal);font-weight:600}.data-table td:first-child{white-space:nowrap}.download-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-2xl);padding:var(--space-xl);background:var(--color-panel);border:1px solid var(--color-metal);margin-bottom:var(--space-3xl)}.download-card h2{font-size:1.8rem;margin-bottom:var(--space-md)}.download-card p{color:var(--color-secondary)}.download-card .download-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-md)}.download-card small{max-width:45ch}.filters{display:none;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.js .filters{display:flex}.filter{background:var(--color-panel);color:var(--color-secondary);border:1px solid var(--color-rule);padding:var(--space-sm) var(--space-lg);white-space:nowrap;line-height:1.4}.filter:hover{color:var(--color-accent)}.filter:active{transform:translateY(2px)}.filter[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.gallery-grid figure{min-width:0}.gallery-grid img{aspect-ratio:16/9}.count{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.lightbox{max-width:calc(100vw - 32px);width:1100px;border:1px solid var(--color-rule);padding:var(--space-lg);background:var(--color-paper);color:var(--color-ink);max-height:calc(100dvh - 32px)}.lightbox::backdrop{background:var(--color-overlay)}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.lightbox button{background:var(--color-panel);border:1px solid var(--color-rule);color:var(--color-ink);padding:var(--space-sm) var(--space-md);white-space:nowrap;line-height:1.3}.lightbox button:hover{color:var(--color-accent)}.lightbox button:active{transform:translateY(2px)}.lightbox img{max-height:68dvh;max-width:100%;width:auto;margin:auto;object-fit:contain}.lightbox-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.lightbox-caption{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-secondary)}.image-error{color:var(--color-ink);padding:var(--space-md)}
@media(min-width:1600px){.hero{padding-block:var(--space-3xl)}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.nav-row{gap:var(--space-lg)}.nav{gap:var(--space-md)}.nav-cta{display:none}.hero{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.hero h1{font-size:3rem}.hero .actions .button{padding:var(--space-md)}.document{grid-template-columns:200px minmax(0,1fr);gap:var(--space-xl)}}
@media(max-width:800px){html{scroll-padding-top:128px}.nav-row{flex-wrap:wrap;gap:var(--space-md);padding-block:var(--space-md)}.brand{margin:auto}.nav{width:100%;justify-content:center;gap:var(--space-xl);margin:0;padding-bottom:var(--space-xs)}.hero{grid-template-columns:minmax(0,1fr);padding-top:var(--space-xl);gap:var(--space-xl)}.hero h1{font-size:clamp(2.5rem,8vw,4rem)}.hero h1 .subtitle{display:inline;margin-left:var(--space-md);font-size:.7em;letter-spacing:0}.hero-copy{max-width:700px}.hero-media .visual{box-shadow:8px 8px 0 var(--color-shadow)}.mastline span:last-child{display:none}.quick-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-shelf div{padding:var(--space-md);border-bottom:1px solid var(--color-rule)}.quick-shelf div:nth-child(even){border-right:0}.quick-shelf div:nth-last-child(-n+2){border-bottom:0}.tour,.faq-layout,.document{grid-template-columns:minmax(0,1fr)}.tour{gap:var(--space-xl)}.editor-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.editor-list li,.editor-list li:first-child{padding:var(--space-md) 0}.faq-layout{gap:var(--space-lg)}.final{align-items:flex-start;flex-direction:column}.toc{position:static;display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.toc h2{width:100%}.toc a{margin:0}.prose{max-width:72ch}.section-head{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.download-card{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.footer-top{flex-direction:column;align-items:flex-start}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--color-paper);border-top:1px solid var(--color-metal);padding:var(--space-md) var(--space-lg);padding-bottom:max(var(--space-md),env(safe-area-inset-bottom));z-index:35;align-items:center;justify-content:space-between;gap:var(--space-md)}.mobile-cta strong{display:block;font-size:var(--text-sm);line-height:1.4}.mobile-cta small{font-size:.65rem}.mobile-cta .button{padding:var(--space-md)}body{padding-bottom:100px}.prose section{scroll-margin-top:144px}.footer{padding-bottom:var(--space-2xl)}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.brand-mark{font-size:1.5rem}.nav{justify-content:space-between;gap:var(--space-sm)}.nav a{font-size:.8rem}.mastline{font-size:.65rem}.hero h1{font-size:2.5rem}.hero h1 .subtitle{display:block;margin:var(--space-sm) 0 0;font-size:.65em}.hero h1 .english{font-size:.28em}.hero .lede{font-size:var(--text-body)}.actions{gap:var(--space-sm)}.actions .button{padding:var(--space-md);font-size:.8rem}.hero-media .visual{padding:var(--space-xs)}.figure-label{font-size:.65rem;align-items:flex-start}.figure-label span{max-width:68%}.quick-shelf dd{font-size:var(--text-sm)}.section{padding-block:var(--space-2xl)}.reading-grid,.preview-grid,.gallery-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.editor-list{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.tour figure{padding:var(--space-sm)}.final{padding:var(--space-lg)}.final h2{font-size:1.75rem}.download-card{padding:var(--space-lg)}.mobile-cta{padding:var(--space-sm) var(--space-md);padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom))}.mobile-cta .button{font-size:.75rem;padding:var(--space-md)}.mobile-cta strong{font-size:.75rem}.footer-nav,.related{gap:var(--space-md);font-size:.75rem}.page-head{padding-top:var(--space-md)}.page-head p{font-size:var(--text-body)}.lightbox{padding:var(--space-md)}.lightbox-head{font-size:.75rem}.lightbox button{font-size:.75rem;padding:var(--space-sm)}.data-table td,.data-table th{padding:var(--space-sm)}.breadcrumbs{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:active,.filter:active,.lightbox button:active{transform:none}}

.lightbox-tools{display:flex;align-items:center;gap:var(--space-sm)}.lightbox-view:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;display:flex;flex-direction:column;justify-content:center}.lightbox-view:fullscreen img{max-height:75dvh}

.lightbox-view:fullscreen{background:var(--color-paper);padding:var(--space-lg)}
html{scroll-padding-top:calc(var(--header-height,128px) + var(--space-md))}.prose section{scroll-margin-top:0}
@media(max-width:800px){.nav{flex-wrap:wrap}.brand-name small{max-width:100%}}
@media(max-width:480px){.brand-name small{display:none}.nav{justify-content:center;column-gap:var(--space-lg);row-gap:var(--space-md)}.mobile-cta>div{display:none}.mobile-cta .button{width:100%}html{scroll-padding-top:calc(var(--header-height,208px) + var(--space-md))}}