/* Hallmark · genre: atmospheric · macrostructure: Narrative Workflow · theme: Midnight · enrichment: E8 verified game artwork · nav: N5 · footer: Ft5 */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5 */
:root{--ink:#15110e;--paper:#f6efe3;--paper2:#e8d9c4;--night:#211714;--night2:#322018;--amber:#e58f3d;--amber2:#ffd18a;--pine:#265751;--muted:#76655a;--line:#cfb99f;--font-body:'Noto Sans SC',sans-serif;--font-display:'ZCOOL KuaiLe','Noto Sans SC',sans-serif;--radius:1.25rem;--shadow:0 1.4rem 3rem rgba(41,24,12,.18)}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.75}a{color:inherit}img{display:block;max-width:100%;height:auto}button{font:inherit}.skip{position:absolute;left:1rem;top:-4rem;background:var(--amber2);padding:.6rem 1rem;z-index:1000}.skip:focus{top:1rem}.nav{position:sticky;top:0;z-index:50;min-height:4.5rem;padding:.75rem max(1rem,4vw);display:flex;align-items:center;gap:.8rem;background:rgba(33,23,20,.95);color:var(--paper);border-bottom:1px solid rgba(255,209,138,.24)}.brand{width:7.5rem;margin-right:auto}.brand img{width:100%;height:2.5rem;object-fit:contain;object-position:left}.navlinks{display:none;gap:1.1rem}.navlinks a,.navcta,.menu,.button,.sticky-download,.tabs button,.article-links a{white-space:nowrap;text-decoration:none}.navcta{background:var(--amber);color:var(--ink);font-weight:800;padding:.55rem .8rem;border-radius:.7rem}.menu{background:transparent;border:1px solid var(--line);color:var(--paper);padding:.45rem .65rem;border-radius:.55rem}.navlinks.open{position:absolute;top:4.5rem;inset-inline:0;display:flex;flex-direction:column;padding:1rem;background:var(--night2)}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{font-family:var(--font-display);font-style:normal;line-height:1.16;margin:.2rem 0 1rem}h1{font-size:clamp(2.4rem,8vw,5.8rem)}h2{font-size:clamp(1.8rem,5vw,3.5rem)}h3{line-height:1.35}.kicker,.tag{font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--pine)}.hero{background:var(--night);color:var(--paper);padding:clamp(3rem,8vw,7rem) max(1rem,6vw);display:grid;gap:2rem;align-items:center;min-height:calc(100dvh - 4.5rem)}.hero-copy{max-width:45rem}.hero h1 span{display:block;font-family:var(--font-body);font-size:clamp(1rem,2vw,1.5rem);font-weight:500;margin-top:.8rem;color:var(--amber2)}.hero .kicker{color:var(--amber2)}.lead{font-size:1.08rem;max-width:38rem}.hero-art{margin:0;position:relative}.hero-art img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}figcaption{font-size:.8rem;color:var(--muted);margin-top:.5rem}.hero figcaption{color:var(--paper2)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:3rem;padding:.7rem 1rem;border-radius:.7rem;font-weight:800}.primary{background:var(--amber);color:var(--ink);position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--amber2),0 .7rem 1.5rem rgba(229,143,61,.25)}.primary:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);transform:translateX(-120%);animation:shine 3.2s ease-in-out infinite}.primary>*{position:relative}.quiet{border:1px solid currentColor}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--amber2);padding:1rem max(1rem,6vw);gap:1rem}.facts small,.facts strong{display:block}.facts small{font-size:.76rem;color:var(--muted)}.facts strong{font-size:1.05rem}.story,.features,.showcase,.updates,.reader,.faq-section,.steps,.requirements,.guide-chapter,.article,.page-hero,.gallery-page,.platform-grid,.tabs{padding:clamp(3.5rem,8vw,7rem) max(1rem,8vw)}.story{display:grid;gap:1.5rem;background:var(--paper)}.prose{max-width:52rem;font-size:1.07rem}.features{background:var(--night);color:var(--paper)}.features .kicker,.features .feature-grid p{color:var(--paper2)}.feature-grid,.reader-grid,.platform-grid,.requirements>div,.article-cards{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.feature-grid article{padding:1.25rem;border-radius:var(--radius);background:var(--night2);border-top:1px solid rgba(255,209,138,.4);transition:transform .2s ease,box-shadow .2s ease}.showcase header,.download-band,.final{padding:clamp(3rem,7vw,6rem) max(1rem,8vw)}.showcase header{padding-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.showcase header a{margin-left:auto}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.gallery-tile{border:0;padding:0;background:var(--night);cursor:zoom-in;border-radius:.6rem;overflow:hidden}.gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .25s ease,filter .25s ease}.download-band,.final{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;background:var(--pine);color:var(--paper)}.download-band .kicker{color:var(--amber2)}.updates{background:var(--paper2)}.updates ol{list-style:none;padding:0;max-width:65rem}.updates li{display:grid;grid-template-columns:6rem 1fr;gap:.2rem 1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.updates time{grid-row:span 2;color:var(--pine);font-weight:800}.updates span{color:var(--muted)}.reader{background:var(--paper)}blockquote{margin:0;padding:1.25rem;background:var(--paper2);border-radius:var(--radius);font-size:1.05rem}cite{display:block;margin-top:1rem;color:var(--muted);font-size:.85rem}.accordion{max-width:65rem}.accordion article{border-bottom:1px solid var(--line)}.accordion button{width:100%;border:0;background:transparent;padding:1rem 0;display:flex;text-align:left;justify-content:space-between;gap:1rem;font-weight:800}.accordion div{padding:0 0 1rem;color:var(--muted)}.final{display:block;text-align:center}.final .button{margin-top:1rem}.footer{padding:3rem max(1rem,8vw);background:var(--night);color:var(--paper);display:grid;gap:1.5rem}.footer img{width:9rem;height:3rem;object-fit:contain;object-position:left}.footer nav{display:flex;flex-wrap:wrap;gap:.75rem}.footer a{font-size:.9rem}.legal{font-size:.8rem;color:var(--paper2)}.sticky-download{position:fixed;right:1rem;bottom:1rem;z-index:40;background:var(--amber);color:var(--ink);padding:.65rem 1rem;border-radius:999px;font-weight:800;box-shadow:var(--shadow)}.page-hero{background:var(--night);color:var(--paper)}.page-hero .kicker{color:var(--amber2)}.page-hero p{max-width:45rem}.tabs{padding-top:1.25rem;padding-bottom:1.25rem;display:flex;gap:.6rem;flex-wrap:wrap;background:var(--paper2)}.tabs button{border:1px solid var(--line);background:transparent;padding:.5rem .8rem;border-radius:999px}.tabs button.active{background:var(--pine);color:var(--paper)}.gallery-page{padding-top:2rem}.lightbox{border:0;max-width:min(94vw,72rem);background:var(--night);color:var(--paper);padding:1rem}.lightbox::backdrop{background:rgba(0,0,0,.82)}.lightbox figure{margin:0}.lightbox img{max-height:75dvh;margin:auto}.lightbox button{background:var(--amber);border:0;padding:.55rem .75rem;margin:.5rem .25rem;border-radius:.5rem}.platform-grid article,.requirements article{padding:1.5rem;background:var(--paper2);border-radius:var(--radius)}.platform-grid .muted{background:#e4e0da;color:#605c57}.steps{background:var(--night);color:var(--paper)}.steps .kicker{color:var(--amber2)}.steps ol{list-style:none;padding:0;display:grid;gap:1rem}.steps li{padding:1rem;border-left:2px solid var(--amber)}.steps b{color:var(--amber2)}.requirements{background:var(--paper)}.guide-chapter{padding-bottom:1.2rem;padding-top:1.2rem;max-width:70rem}.toc{display:flex;flex-wrap:wrap;gap:.7rem;padding:1rem max(1rem,8vw);background:var(--paper2)}.toc a{white-space:nowrap}.guide-chapter table,.article table{border-collapse:collapse;width:100%;margin:1rem 0}.guide-chapter th,.guide-chapter td,.article th,.article td{padding:.7rem;text-align:left;border-bottom:1px solid var(--line)}.article-cards{padding:2rem max(1rem,8vw) 6rem}.article-cards a{background:var(--paper2);border-radius:var(--radius);padding:1.25rem;text-decoration:none}.article-cards h3{margin:.1rem 0}.article{max-width:70rem;margin:auto}.answer{font-size:1.15rem;font-weight:600}.article-links{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.article-links a{border:1px solid var(--line);padding:.5rem .7rem;border-radius:.6rem}@keyframes shine{50%,100%{transform:translateX(120%)}}@media (min-width:40rem){.navlinks{display:flex}.menu{display:none}.facts{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-grid,.platform-grid,.requirements>div{grid-template-columns:repeat(2,minmax(0,1fr))}.steps ol{grid-template-columns:repeat(3,minmax(0,1fr))}.footer{grid-template-columns:1.4fr 1fr 1.5fr}.footer .legal{grid-column:1/-1}}@media (min-width:60rem){.hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);padding-left:10vw;padding-right:10vw}.story{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);padding-left:15vw;padding-right:15vw}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.reader-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-page .gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (hover:hover) and (pointer:fine){.feature-grid article:hover{transform:translateY(-.3rem);box-shadow:var(--shadow)}.gallery-tile:hover img{transform:scale(1.04);filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}