/* Hallmark · macrostructure: Scene to Expedition Folio · genre: editorial · theme: custom
 * vibe: midnight desert expedition field notebook · nav: N6 · footer: Ft4
 * paper: oklch(95.7% .012 79.2) · accent: oklch(76.8% .139 91.5)
 * display: Songti SC roman · body: PingFang SC · axes: light / roman-serif / warm gold
 * pre-emit critique: P4 H4 E4 S5 R5 V4 */
@import url('tokens.css');
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:8rem}body{margin:0;overflow-x:clip;background:var(--color-wine);color:var(--color-ink);font:var(--text-base)/1.85 var(--font-body);padding-bottom:6rem}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.25;min-width:0;overflow-wrap:anywhere}h1{font-size:var(--text-display);margin:var(--space-md) 0}h2{font-size:var(--text-h2);margin:0 0 var(--space-lg)}h3{font-size:var(--text-h3);margin:0 0 var(--space-md)}p{margin:0 0 var(--space-lg)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.3em}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}figure{margin:0}figcaption{font-size:var(--text-sm);color:var(--color-muted);padding-block:var(--space-sm)}ul,ol{padding-left:1.5rem}li{margin-bottom:.5rem}a,button,summary{-webkit-tap-highlight-color:var(--color-transparent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.mast a:focus-visible,.hero a:focus-visible,.sticky-cta a:focus-visible,footer a:focus-visible,dialog button:focus-visible{outline-color:var(--color-focus-dark)}.skip{position:fixed;top:-6rem;left:1rem;z-index:var(--z-modal);padding:1rem;background:var(--color-paper);color:var(--color-ink)}.skip:focus{top:1rem}
/* N6 editorial masthead, not the default wordmark + centered nav + right CTA. */
.mast{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-dark);color:var(--color-light);padding:var(--space-sm) var(--space-md) 0;text-align:center;border-bottom:4px double var(--color-dark-rule)}.mast-name{display:block;max-width:max-content;margin:auto;font:700 1.25rem/1.5 var(--font-display);letter-spacing:.12em;text-decoration:none;white-space:nowrap}.mast-name small{font:var(--text-xs)/1 var(--font-body);letter-spacing:0;color:var(--color-dark-muted);margin-left:.5rem}.mast nav{display:flex;justify-content:center;flex-wrap:wrap;gap:0 var(--space-md)}.mast nav a{min-height:44px;display:inline-flex;align-items:center;font-size:var(--text-sm);white-space:nowrap;text-decoration:none;border-bottom:2px solid var(--color-transparent)}.mast nav a[aria-current=page]{border-color:var(--color-gold);color:var(--color-gold)}.wrap{width:min(100% - 2rem,68rem);margin-inline:auto}.hero{position:relative;min-height:calc(100svh - 100px);display:flex;align-items:flex-end;color:var(--color-light);background:var(--color-dark)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--color-shade) 0%,var(--color-shade-mid) 52%,var(--color-transparent) 100%);pointer-events:none}.hero-copy{position:relative;z-index:var(--z-base);padding:var(--space-3xl) 0 var(--space-2xl);max-width:48rem}.game-logo{width:144px;height:auto;max-width:50%;margin-bottom:var(--space-md)}.alias{display:block;font:var(--text-lead)/1.7 var(--font-mono);letter-spacing:.05em;margin-top:.75rem;color:var(--color-dark-muted)}.lede{font-size:var(--text-lead);max-width:38rem;line-height:1.9}.tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tags span{font-size:var(--text-xs);padding:.15rem .6rem;border:1px solid var(--color-dark-rule);background:var(--color-shade-mid);white-space:nowrap}.hero-note{margin:1.25rem 0 0;font-size:var(--text-sm);color:var(--color-dark-muted)}.actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.6rem;min-height:48px;padding:.7rem 1.25rem;background:var(--color-gold);color:var(--color-ink);border:1px solid var(--color-gold);text-decoration:none;white-space:nowrap;font-weight:600;box-shadow:3px 3px 0 var(--color-dark);transition:transform var(--dur-micro) var(--ease-out)}.btn.secondary{background:var(--color-transparent);color:inherit;border-color:currentColor;box-shadow:none}.btn:active{transform:translate(2px,2px)}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.btn[data-state=loading]{opacity:.7}.btn[data-state=error]{border-color:var(--color-error)}.btn[data-state=success]{border-color:var(--color-success)}@media(hover:hover){.btn:hover{transform:translateY(-2px)}.mast a:hover{color:var(--color-gold)}a:hover{text-decoration-thickness:2px}}
.paper{background:var(--color-paper);margin:var(--space-2xl) auto 0;width:min(100% - 2rem,68rem);padding:var(--space-xl) var(--space-lg) var(--space-3xl);box-shadow:8px 8px 0 var(--color-dark)}.paper section+section{margin-top:var(--space-3xl)}.intro-grid{display:grid;gap:var(--space-xl)}.intro-copy{max-width:40rem}.stamp{display:inline-block;background:var(--color-wine);color:var(--color-light);font-size:var(--text-xs);padding:.25rem .75rem;transform:rotate(-2deg);margin-bottom:1rem}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-lg);margin:0}.facts div{border-top:1px solid var(--color-rule);padding:var(--space-md) 0}.facts dt{font-size:var(--text-xs);color:var(--color-muted)}.facts dd{margin:.25rem 0 0;line-height:1.65;font-size:var(--text-sm);overflow-wrap:anywhere}.note{font-size:var(--text-sm);color:var(--color-muted);line-height:1.9}.feature{display:grid;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.feature:last-child{margin-bottom:0}.feature img{aspect-ratio:16/9;object-fit:contain}.feature p{margin-bottom:var(--space-md)}.feature-text{align-self:center}.media-stage>a{display:block}.media-stage img{aspect-ratio:16/9;width:100%;object-fit:contain}.thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.thumbs a{display:block}.thumbs img{width:100%;aspect-ratio:16/9;object-fit:contain}.thumbs span{display:block;font-size:var(--text-xs);margin-top:.25rem}.section-head{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--space-lg)}.section-head h2{margin-bottom:var(--space-sm)}.text-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.getting{border-top:4px double var(--color-rule);border-bottom:1px solid var(--color-rule);padding:var(--space-xl) 0}.getting .actions{margin-block:var(--space-lg)}.updates details,.faq details{border-top:1px solid var(--color-rule)}details>summary{min-height:52px;cursor:pointer;padding:1rem 1.5rem 1rem 0;font-weight:600}details[open]>summary{color:var(--color-wine)}details>div{padding-bottom:var(--space-lg)}details p:last-child{margin-bottom:0}.update-time{display:block;font:var(--text-xs)/1.7 var(--font-mono);color:var(--color-muted)}.audience{display:grid;gap:var(--space-lg)}.audience p{margin:0}.final{margin-top:var(--space-3xl);background:var(--color-dark);color:var(--color-light);padding:var(--space-xl)}.final p{max-width:38rem}.final .note{color:var(--color-dark-muted);margin-top:var(--space-lg)}footer{color:var(--color-light);padding:var(--space-3xl) 0 var(--space-lg)}.footer-title{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md)}.footer-title img{width:48px;height:48px}.footer-title b{font-family:var(--font-display);font-size:var(--text-lead)}.footer-links{display:flex;flex-wrap:wrap;gap:.25rem var(--space-lg);margin-bottom:var(--space-md)}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);white-space:nowrap}.copyright{font-size:var(--text-sm);line-height:1.9;color:var(--color-dark-muted);max-width:65rem}.sticky-cta{position:fixed;inset:auto 0 0;z-index:var(--z-sticky);background:var(--color-dark);color:var(--color-light);border-top:1px solid var(--color-dark-rule);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:1rem}.sticky-cta>div{display:none}.sticky-cta .btn{width:100%;max-width:28rem}.page-head{color:var(--color-light);padding:var(--space-xl) 0 var(--space-lg)}.page-head .lede{margin-bottom:0}.crumb{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:var(--text-xs);margin-bottom:var(--space-lg)}.crumb a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.page-head h1{font-size:clamp(2rem,4.2vw,3.5rem);max-width:48rem}.reading{max-width:48rem}.reading section{scroll-margin-top:8rem}.toc{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:var(--space-2xl);border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-md)}.toc a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--text-sm)}.guide-nav{display:grid;gap:var(--space-lg);margin-bottom:var(--space-3xl)}.guide-nav article{border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-lg)}.guide-nav h2{font-size:var(--text-h3)}.guide-nav p{margin:0}.steps li{padding-left:.35rem;margin-bottom:var(--space-md)}.tip{background:var(--color-paper-2);padding:var(--space-lg);margin-block:var(--space-lg)}.tip p:last-child{margin:0}.specs{margin-bottom:var(--space-xl)}.specs h3{font-size:var(--text-lead);font-family:var(--font-body)}.specs dl{margin:0}.specs dl div{display:grid;grid-template-columns:minmax(4.5rem,.3fr) minmax(0,1fr);gap:1rem;border-top:1px solid var(--color-rule);padding:.75rem 0}.specs dt{font-size:var(--text-sm);color:var(--color-muted)}.specs dd{margin:0;font-size:var(--text-sm)}.filters{display:none;flex-wrap:wrap;gap:.75rem;margin-bottom:var(--space-md)}.js .filters{display:flex}.filters button{min-height:44px;min-width:64px;padding:.5rem .8rem;white-space:nowrap;background:var(--color-paper);border:1px solid var(--color-rule)}.filters button[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.gallery-count{font-size:var(--text-sm);color:var(--color-muted)}.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl) var(--space-lg)}.gallery-grid img{aspect-ratio:16/9;width:100%;object-fit:contain}.gallery-grid figure[hidden]{display:none}.gallery-grid figcaption{font-size:var(--text-sm)}dialog{padding:0;border:1px solid var(--color-dark-rule);width:min(96%,86rem);max-width:96%;max-height:94svh;background:var(--color-dark);color:var(--color-light);overflow:auto}dialog::backdrop{background:var(--color-backdrop)}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem}.lightbox-toolbar button{background:var(--color-dark);border:1px solid var(--color-dark-rule);color:var(--color-light);padding:.35rem .65rem;min-width:44px;min-height:44px;white-space:nowrap}.lightbox-toolbar button:active{transform:translateY(1px)}.lightbox-image{max-height:65svh;width:100%;object-fit:contain}.lightbox-caption,.lightbox-status{margin:0;padding:.75rem 1rem;font-size:var(--text-sm)}.lightbox-status{min-height:3rem;color:var(--color-dark-muted)}dialog[data-state=loading] .lightbox-image{opacity:.4}dialog[data-state=error] .lightbox-status{color:var(--color-gold)}dialog[data-state=success] .lightbox-status{color:var(--color-dark-muted)}.lightbox-retry{display:none}dialog[data-state=error] .lightbox-retry{display:block}[hidden]{display:none!important}
@media(min-width:40rem){.mast-name{font-size:1.5rem}.mast nav{gap:var(--space-xl)}.paper{padding:var(--space-2xl) var(--space-2xl) var(--space-3xl)}.hero-copy{padding-top:var(--space-4xl)}.hero-bg{object-position:center}.thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.feature{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-xl)}.feature.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.feature.reverse figure{order:2}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.audience{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-cta>div{display:block;font-size:var(--text-sm)}.sticky-cta small{display:block;color:var(--color-dark-muted)}.sticky-cta .btn{width:auto}}
@media(min-width:64rem){.intro-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-3xl)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:calc(100svh - 100px)}.hero-copy{padding-bottom:var(--space-3xl)}.hero-bg{object-position:center 50%}.paper section+section{margin-top:var(--space-4xl)}.section-head{flex-direction:row;justify-content:space-between;align-items:center}.section-head h2{margin-bottom:0}.game-logo{width:164px}.final{padding:var(--space-2xl)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:hover,.btn:active{transform:none}}
/* Fold-fit refinement: mobile content begins immediately; desktop stays scene-led. */
@media(max-width:63.99rem){.hero{min-height:0}.hero-copy{padding-block:var(--space-xl) var(--space-2xl)}.game-logo{width:112px}.lede{font-size:var(--text-base)}}
.btn{padding:var(--space-sm) var(--space-lg)}.actions,.mast nav,.footer-links,.toc{align-items:center}.filters button,.lightbox-toolbar button{padding:var(--space-sm) var(--space-md)}
button:active,summary:active,.mast nav a:active,.footer-links a:active,.toc a:active{opacity:.8}
@media(hover:hover){.filters button:hover,.lightbox-toolbar button:hover{border-color:var(--color-gold)}}