/* Hallmark · genre: editorial · macrostructure: Workbench Codex · theme: Midnight Forge
 * enrichment: real Steam app 1748620 images · nav: N1a · footer: Ft4
 * pre-emit critique: P4 H5 E5 S5 R4 V5
 */
:root{
  --font-display:"Fraunces","Noto Sans SC",serif;
  --font-body:"IBM Plex Sans","Noto Sans SC",system-ui,sans-serif;
  --color-ink:oklch(94% 0.018 78);
  --color-muted:oklch(75% 0.025 78);
  --color-paper:oklch(15% 0.026 285);
  --color-panel:oklch(20% 0.035 285);
  --color-panel-2:oklch(25% 0.042 286);
  --color-line:oklch(40% 0.055 42);
  --color-accent:oklch(72% 0.16 46);
  --color-accent-2:oklch(68% 0.14 145);
  --color-focus:oklch(82% 0.17 85);
  --shadow:0 24px 80px oklch(6% 0.02 285 / .48);
  --max:1180px;
  --space-xs:.5rem;--space-sm:.875rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:4rem;--space-xxl:6rem;
  --radius:8px;--rule:1px;--nav-h:72px;
}
html,body{overflow-x:clip}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.7}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in oklch,var(--color-panel),transparent 10%),transparent 42%),repeating-linear-gradient(90deg,transparent 0 31px,color-mix(in oklch,var(--color-line),transparent 72%) 32px);opacity:.42}
a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);font-style:normal;letter-spacing:0;line-height:1.06;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(3rem,8vw,7.4rem);font-weight:800}h2{font-size:clamp(2rem,5vw,4rem);font-weight:800}h3{font-size:1.35rem}.shell{width:min(100% - 2rem,var(--max));margin-inline:auto}.site-nav{position:fixed;z-index:50;inset:0 0 auto;min-height:var(--nav-h);display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-lg);background:color-mix(in oklch,var(--color-paper),transparent 10%);border-bottom:var(--rule) solid var(--color-line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800}.brand img{width:92px;height:35px;object-fit:cover;border:1px solid var(--color-line)}.brand span{font-family:var(--font-display);font-size:1.1rem}.nav-links{display:flex;gap:.25rem;margin:0 auto;padding:0;list-style:none}.nav-links a,.nav-cta,.btn,.chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.6rem 1rem;border:1px solid var(--color-line);text-decoration:none;font-weight:700;white-space:nowrap;background:color-mix(in oklch,var(--color-panel),transparent 18%)}.nav-links a[aria-current=page],.nav-links a:hover,.chip.is-active{border-color:var(--color-accent);color:var(--color-accent)}.nav-cta,.primary{background:var(--color-accent);color:var(--color-paper);border-color:var(--color-accent);box-shadow:0 12px 30px color-mix(in oklch,var(--color-accent),transparent 72%)}.secondary{background:transparent;color:var(--color-ink);border-color:var(--color-accent-2)}.btn:hover,.nav-cta:hover,.article-link:hover,.route-board a:hover{transform:translateY(-2px)}.nav-toggle{display:none;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-line);min-height:42px;padding:.5rem 1rem}a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.hero{position:relative;min-height:92vh;padding-top:var(--nav-h);display:grid;align-items:end;border-bottom:1px solid var(--color-line);overflow:hidden}.hero-art{position:absolute;inset:var(--nav-h) 0 auto auto;width:min(58vw,760px);opacity:.82;filter:saturate(1.12) contrast(1.04)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-paper),transparent 40%),linear-gradient(0deg,var(--color-paper),transparent 58%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);gap:var(--space-lg);align-items:end;padding:var(--space-xxl) 0 var(--space-xl)}.kicker,.eyebrow{font-weight:800;color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em}.lede{max-width:760px;font-size:clamp(1.1rem,2vw,1.45rem);color:var(--color-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero-panel,.route-board a,.feature-card,.cards-3 article,details,.article,.shot,.download-panel{background:color-mix(in oklch,var(--color-panel),transparent 4%);border:1px solid var(--color-line);box-shadow:var(--shadow)}.hero-panel{padding:1.2rem}.hero-panel dl{display:grid;gap:.9rem;margin:0}.hero-panel div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid color-mix(in oklch,var(--color-line),transparent 45%);padding-bottom:.65rem}.hero-panel dt{color:var(--color-muted)}.section{padding:var(--space-xxl) 0;border-bottom:1px solid color-mix(in oklch,var(--color-line),transparent 35%)}.split-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-xl)}.prose{font-size:1.15rem;color:var(--color-muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:var(--space-lg)}.section-head p{max-width:520px;color:var(--color-muted)}.route-board,.article-grid,.cards-3,.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.route-board a,.article-link,.cards-3 article{padding:1.2rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.route-board span,.article-link span{display:block;color:var(--color-muted);font-size:.92rem}.route-board strong,.article-link strong{display:block;font-family:var(--font-display);font-size:1.3rem;line-height:1.1}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}.shot{padding:0;aspect-ratio:16/9;overflow:hidden;cursor:pointer}.shot img{width:100%;height:100%;object-fit:cover}.text-link{display:inline-block;margin-top:1rem;color:var(--color-accent);font-weight:800}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-grid.mini{grid-template-columns:repeat(2,minmax(0,1fr))}.article-link{border:1px solid var(--color-line);background:color-mix(in oklch,var(--color-panel-2),transparent 12%);min-height:104px}.faq details,details{padding:1rem;margin-bottom:.75rem}summary{cursor:pointer;font-weight:800}.final-cta{text-align:center;padding:var(--space-xxl) 0;background:var(--color-accent-2);color:var(--color-paper)}.site-footer{padding:var(--space-xl) 0;background:oklch(11% 0.02 285)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}.footer-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-family:var(--font-display);font-weight:800}.footer-brand img{width:78px;height:30px;object-fit:cover}.site-footer nav{display:flex;flex-wrap:wrap;gap:.5rem}.site-footer nav a{border:1px solid var(--color-line);padding:.35rem .6rem;text-decoration:none;color:var(--color-muted)}.subpage{padding-top:var(--nav-h)}.page-title{padding:var(--space-xxl) 0 var(--space-xl)}.page-title h1{margin:.2rem 0}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}table{width:100%;border-collapse:collapse;background:var(--color-panel)}th,td{border:1px solid var(--color-line);padding:.85rem;text-align:left;vertical-align:top}th{color:var(--color-accent)}.steps{display:grid;gap:.75rem;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1rem;padding:1rem;border:1px solid var(--color-line);background:var(--color-panel)}.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2rem}.guide-rail{position:sticky;top:92px;align-self:start;display:grid;gap:.5rem}.guide-rail a,.quick-links a{padding:.65rem .85rem;border:1px solid var(--color-line);text-decoration:none}.article{max-width:880px;padding:2rem;margin-bottom:var(--space-xl)}.article h1{font-size:clamp(2.4rem,6vw,5rem)}.answer{font-size:1.2rem;color:var(--color-ink);border-left:4px solid var(--color-accent);padding-left:1rem}.quick-links{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 2rem}.checklist{padding-left:1.2rem}.lightbox{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;background:oklch(6% 0.02 285 / .88);padding:2rem}.lightbox.is-open{display:flex}.lightbox img{max-height:78vh;object-fit:contain;border:1px solid var(--color-line)}.lightbox-close,.lightbox-ui button{position:absolute;top:1rem;right:1rem;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-line);padding:.7rem 1rem}.lightbox-ui{position:absolute;bottom:1rem;display:flex;gap:.5rem}.lightbox-ui button{position:static}
.hero-copy h1,.page-title h1{font-family:var(--font-display);font-size:clamp(3rem,8vw,7.4rem);font-weight:800;line-height:1.06;margin:.2rem 0}.article h1{font-family:var(--font-display);font-weight:800;line-height:1.08}
@media(max-width:920px){.site-nav{padding:0 1rem}.nav-toggle{display:inline-flex}.nav-cta{display:none}.nav-links{position:absolute;top:calc(100% + 6px);left:1rem;right:1rem;display:none;flex-direction:column;background:var(--color-paper);border:1px solid var(--color-line);padding:.5rem}.nav-links.is-open{display:flex}.hero-grid,.split-grid,.guide-layout,.footer-grid{grid-template-columns:1fr}.hero-art{width:100%;opacity:.45}.route-board,.article-grid,.cards-3,.gallery-grid,.gallery-grid.full{grid-template-columns:1fr 1fr}.guide-rail{position:static}.section-head{display:block}.steps li{grid-template-columns:1fr}}
@media(max-width:520px){h1{font-size:3rem}.route-board,.article-grid,.cards-3,.gallery-grid,.gallery-grid.full,.article-grid.mini{grid-template-columns:1fr}.hero{min-height:760px}.btn,.nav-links a,.nav-cta{width:100%}.article{padding:1rem}.page-title{padding-top:3rem}}