/* Hallmark · macrostructure: Night Shift Receipt / scene-to-workbench · tone: indie tactile · anchor hue: warm gold */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 */
@import url('tokens.css');
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--color-night);color:var(--color-ink);font:var(--text-base)/1.8 var(--font-body)}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button,a{touch-action:manipulation}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.22;overflow-wrap:anywhere}h2{font-size:clamp(1.8rem,3.3vw,2.8rem);margin:0 0 var(--space-lg)}h3{font-size:1.24rem;margin:.2rem 0 .45rem}p{margin:.45rem 0 1.1rem}.skip{position:absolute;top:-100px;left:8px;background:var(--color-gold);padding:8px;z-index:20}.skip:focus{top:8px}.mast{position:sticky;top:0;z-index:15;background:var(--color-ink);color:var(--color-paper);border-bottom:3px solid var(--color-gold)}.mast-inner{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1.3rem}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-family:var(--font-display);font-weight:700;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:cover}.mast nav{display:flex;align-items:center;gap:1rem}.mast nav a{font-size:.9rem;text-decoration:none;white-space:nowrap}.mast nav a:hover,.mast nav a[aria-current]{color:var(--color-gold)}.nav-cta{background:var(--color-gold);color:var(--color-ink)!important;padding:.35rem .7rem;box-shadow:3px 3px 0 var(--color-wine)}.paper{width:min(100%,1040px);margin:auto;background:var(--color-paper);box-shadow:0 0 0 1px var(--color-line)}.hero{min-height:610px;position:relative;display:flex;align-items:flex-end;color:var(--color-white);overflow:hidden;background:var(--color-ink)}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;filter:brightness(.75)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--color-night),transparent 82%),linear-gradient(0deg,var(--color-ink),transparent 76%)}.hero-copy{position:relative;z-index:1;padding:4rem clamp(1.2rem,5vw,4rem) 3rem;max-width:720px}.real-game-logo{width:min(330px,72vw);max-height:230px;object-fit:contain;object-position:left;margin-bottom:1rem;border:1px solid var(--color-gold)}.hero h1{font-size:var(--text-display);margin:0;color:var(--color-paper);font-weight:700;letter-spacing:.03em}.original{display:block;font:600 .85rem/1.5 var(--font-body);letter-spacing:.04em;margin-top:.8rem;color:var(--color-gold)}.hero-lede{font-size:var(--text-lg);max-width:36rem;margin:1.1rem 0}.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.6rem}.chip{border:1px solid var(--color-gold);color:var(--color-paper);padding:.18rem .55rem;font-size:.83rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.55rem 1.1rem;background:var(--color-gold);color:var(--color-ink);border:2px solid var(--color-ink);box-shadow:5px 5px 0 var(--color-wine);font-weight:800;text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--color-wine);background:var(--color-white)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--color-wine)}.btn[aria-disabled=true]{opacity:.55;pointer-events:none}.btn[data-state=loading]{opacity:.75;cursor:progress}.btn[data-state=error]{background:var(--color-error);color:var(--color-white)}.btn[data-state=success]{background:var(--color-success);color:var(--color-white)}.btn.secondary{background:var(--color-paper);box-shadow:4px 4px 0 var(--color-muted)}.hero .btn.secondary{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-gold)}.meta-note{font-size:.83rem;color:var(--color-sheet);margin-top:1.1rem}.content{padding:0 clamp(1.1rem,4vw,3rem) 3rem}.content>section,.sub>section,.sub>article>section{padding:3.2rem 0;border-top:1px solid var(--color-line)}.receipt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:1.6rem clamp(1.1rem,4vw,3rem);border-bottom:2px dashed var(--color-muted);background:var(--color-sheet)}.receipt div{padding:.35rem 1rem;border-right:1px solid var(--color-line)}.receipt div:first-child{padding-left:0}.receipt div:last-child{border-right:0}dt{font-size:.78rem;color:var(--color-muted)}dd{margin:0;font-weight:700}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}.split figure{margin:0}.split img,.gallery-feature img{width:100%;height:auto}.line-title{border-left:7px solid var(--color-wine);padding-left:1rem}.lead{font-size:var(--text-lg)}.kitchen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.kitchen article{border:1px solid var(--color-line);padding:1.15rem;background:var(--color-white);box-shadow:5px 5px 0 var(--color-sheet);transition:transform var(--dur-fast) var(--ease-out)}.kitchen article:hover{transform:translateY(-3px)}.kitchen article span{display:block;font:700 1.55rem var(--font-display);color:var(--color-wine)}.gallery-feature{margin:0 0 .8rem}.gallery-feature a,.thumb-grid a,.gallery-grid a{display:block}.gallery-feature img,.thumb-grid img,.gallery-grid img{border:1px solid var(--color-line);object-fit:cover}.thumb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.thumb-grid figure,.gallery-grid figure{margin:0;min-width:0}.thumb-grid img{width:100%;aspect-ratio:16/9}.thumb-grid a:hover img,.gallery-grid a:hover img{outline:3px solid var(--color-gold)}figcaption{font-size:.82rem;color:var(--color-muted);padding:.35rem 0}.ticket{background:var(--color-ink);color:var(--color-paper);padding:2rem;border-left:7px solid var(--color-gold)}.ticket p{max-width:40rem}.ticket .fine{font-size:.82rem;color:var(--color-sheet)}.updates{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1rem;padding:1rem 0;border-top:1px dashed var(--color-muted)}.updates time{font-weight:800;color:var(--color-wine)}.faq details{border-bottom:1px solid var(--color-line);padding:.9rem .2rem}.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq summary:after{content:'+';color:var(--color-wine);font-weight:900}.faq details[open] summary:after{content:'−'}.faq details p{margin:.65rem 0 0}.final{text-align:center;background:var(--color-sheet);padding:3.2rem 1rem!important;border:2px solid var(--color-ink)!important}.final .actions{justify-content:center}.sub{padding:1.5rem clamp(1.1rem,4vw,3rem) 3rem}.crumb{font-size:.85rem;margin:1rem 0 2rem;color:var(--color-muted)}.crumb a{color:var(--color-wine)}.intro{max-width:760px;padding:1rem 0 2.5rem}.intro h1{font-size:clamp(2.4rem,5vw,4.5rem);margin:0 0 .8rem}.toc{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2rem}.toc a,.filter button{border:1px solid var(--color-line);background:var(--color-white);color:var(--color-ink);padding:.35rem .7rem;text-decoration:none;font:700 .9rem var(--font-body);cursor:pointer}.toc a:hover,.filter button:hover,.filter button[aria-pressed=true]{background:var(--color-gold)}.steps{counter-reset:steps;list-style:none;padding:0}.steps li{counter-increment:steps;position:relative;padding:1rem 1rem 1rem 3.2rem;border-bottom:1px solid var(--color-line)}.steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1rem;color:var(--color-wine);font-weight:900}.note{border-left:4px solid var(--color-gold);background:var(--color-sheet);padding:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.gallery-grid img{width:100%;aspect-ratio:16/9}.gallery-grid .cover img{aspect-ratio:4/3;object-fit:contain;background:var(--color-ink)}.filter{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.footer{max-width:1040px;margin:auto;padding:2.5rem clamp(1.1rem,4vw,3rem) 6rem;background:var(--color-ink);color:var(--color-paper);border-top:4px solid var(--color-gold)}.footer-head{display:flex;align-items:center;gap:.7rem;font:700 1.4rem var(--font-display)}.footer-head img{width:50px;height:50px}.footer nav,.related{display:flex;gap:.8rem 1.2rem;flex-wrap:wrap;margin:1.1rem 0}.footer a{color:var(--color-gold);white-space:nowrap;font-size:.86rem}.footer .small{font-size:.78rem;color:var(--color-sheet)}.sticky-cta{position:fixed;z-index:14;bottom:0;left:0;right:0;background:var(--color-ink);border-top:2px solid var(--color-gold);display:none;align-items:center;justify-content:space-between;gap:.5rem;color:var(--color-paper);padding:.45rem .8rem;font-size:.75rem}.sticky-cta .btn{min-height:42px;padding:.25rem .6rem;font-size:.82rem}.lightbox{width:min(96vw,1300px);max-height:96vh;padding:.75rem;background:var(--color-ink);color:var(--color-paper);border:2px solid var(--color-gold)}.lightbox::backdrop{background:var(--color-night)}.lightbox img{margin:auto;max-height:75vh;object-fit:contain}.lightbox .controls{display:flex;justify-content:space-between;gap:.4rem;flex-wrap:wrap}.lightbox button{background:var(--color-gold);border:0;padding:.45rem .7rem;cursor:pointer}.lightbox button:hover{background:var(--color-white)}.lightbox [data-status]{color:var(--color-gold)}.lightbox [data-direct]{color:var(--color-gold)}@media(max-width:760px){.mast-inner{padding:.45rem .8rem}.mast nav{gap:.55rem}.mast nav a{font-size:.76rem}.brand span{display:none}.hero{min-height:0}.hero-copy{padding:2rem 1.2rem 2.7rem}.hero-scene{opacity:.58}.receipt{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt div{padding:.55rem 0;border-right:0}.split,.kitchen{grid-template-columns:1fr}.thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-cta{display:flex}.footer{padding-bottom:7rem}}@media(max-width:420px){.mast nav a:not(.nav-cta){display:none}.hero h1{font-size:clamp(2.3rem,11vw,3.2rem)}.original{font-size:.75rem}.receipt{gap:.2rem}.gallery-grid{grid-template-columns:1fr}.updates{grid-template-columns:1fr;gap:.2rem}.sticky-cta span{max-width:44vw}.btn{font-size:.9rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;white-space:nowrap;color:var(--color-gold);font-weight:700}.mobile-menu nav{position:absolute;right:0;top:2.3rem;display:grid;min-width:150px;padding:.6rem;background:var(--color-ink);border:1px solid var(--color-gold);box-shadow:4px 4px 0 var(--color-wine)}@media(max-width:420px){.mobile-menu{display:block}.mast-inner>.mobile-menu nav a{display:block!important;padding:.25rem .4rem}.mast-inner>nav a:not(.nav-cta){display:none}.mast-inner>nav{margin-left:auto}}