/* One canvas, one content grid. The identity lockup is scaled as one object. */
html body{background:#101318!important}
html body .paper{width:100%!important;max-width:1600px!important;padding:0!important;margin:0 auto!important;overflow:clip!important}
html body .site-header,html body .navigation{margin:0!important;padding-left:clamp(24px,6vw,96px)!important;padding-right:clamp(24px,6vw,96px)!important}
html body .site-header{padding-top:24px!important;padding-bottom:24px!important;grid-template-columns:1fr auto auto!important}
html body .header-brand{display:block!important;width:310px!important;height:auto!important}
html body .roomsled-lockup{display:block!important;width:310px!important;max-width:100%!important;line-height:0!important;text-decoration:none!important}
html body .roomsled-lockup img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;filter:invert(1) sepia(.25) saturate(.4)!important;mix-blend-mode:screen!important;transform:none!important;object-fit:contain!important}
html body .marketing-hero{width:100%!important;margin:0!important;padding:90px clamp(24px,6vw,96px)!important;min-height:620px!important;border:0!important;background:linear-gradient(90deg,#0d1118f0 0%,#0d111896 42%,#0d11181a 72%,#0d1118b3 100%),url('ny-street.png') center/cover!important}
html body .marketing-hero:after{box-shadow:inset 0 0 100px 12px #080b10a0!important;background:linear-gradient(0deg,#101318aa,transparent 28%)!important}
html body .marketing-hero h1{max-width:740px!important;font-size:clamp(44px,5.3vw,78px)!important}
html body .marketing-hero>div{max-width:760px!important}
html body .marketing-section{width:100%!important;margin:0!important;padding:78px clamp(24px,6vw,96px)!important;max-width:none!important;overflow:hidden!important}
html body #experience,html body #requirements,html body #try{background:#181d24!important}
html body #games{background:#101318!important}
html body #how,html body #faq{background:#e6dfd2!important}
html body #format{background:#d8d4ca!important}
html body .benefits article>span,html body .benefits article>div,html body .benefits article .eyebrow,html body .benefits article>p:first-child{color:#d6af68!important}
html body .benefits article small,html body .benefits article .label{color:#d6af68!important}
html body #experience .benefits article{border-color:#ede6da30!important}
html body #requirements li{border-color:#ede6da28!important}
html body .coming-case{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;align-items:stretch!important;gap:0!important;margin:26px 0 0!important;background:#191f27!important;border:1px solid #ede6da20!important;min-width:0!important}
html body .coming-case-copy{padding:32px!important;min-width:0!important}
html body .coming-case h2{font-size:clamp(28px,2.8vw,40px)!important;line-height:1.13!important;letter-spacing:-1px!important;margin:12px 0 20px!important}
html body .coming-case .case-summary p{font-size:14px!important;line-height:1.65!important;margin:0 0 12px!important;max-width:65ch!important}
html body .coming-case .case-facts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 16px!important;margin:20px 0!important;padding:0!important;list-style:none!important}
html body .coming-case .case-facts li{font:12px/1.5 Arial,sans-serif!important;padding:8px 0!important;border-top:1px solid #ede6da20!important;max-width:none!important}
html body .coming-case .case-facts li:before{display:none!important}
html body .coming-case-photo{margin:0!important;position:relative!important;align-self:stretch!important;min-height:360px!important;aspect-ratio:auto!important;overflow:hidden!important;border:0!important}
html body .coming-case-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;aspect-ratio:auto!important;min-height:0!important}
html body .coming-case-photo figcaption{position:absolute!important;bottom:18px!important;left:20px!important;right:20px!important;color:#ede6da!important;text-shadow:0 2px 8px #000!important}
html body .coming-case .game-price{display:flex!important;align-items:center!important;gap:16px!important;margin:20px 0!important;padding:0!important;border:0!important}
html body .coming-case .game-price-value{font-size:29px!important}
html body .coming-case .game-price-badge{font:10px/1.4 Arial,sans-serif!important;padding:5px 8px!important}
html body .coming-case .case-actions{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;margin:0!important}
html body .coming-case .case-actions .btn{font:12px/1.4 Arial,sans-serif!important;letter-spacing:0!important;padding:12px 16px!important;min-height:42px!important;width:auto!important;max-width:100%!important}
html body .coming-case .case-actions .btn:not(.case-buy){background:transparent!important;color:#ede6da!important;border-color:#ede6da55!important}
html body #try .button{font:15px/1.35 Arial,sans-serif!important;letter-spacing:0!important;padding:17px 26px!important;min-height:54px!important;white-space:normal!important;text-align:center!important}
html body .noir-footer{display:grid!important;grid-template-columns:1.15fr .6fr 1.25fr!important;gap:50px!important;padding:62px clamp(24px,6vw,96px) 24px!important;background:#0b0e13!important;border-top:1px solid #ede6da20!important;font:13px/1.7 Arial,sans-serif!important}
html body .noir-footer .footer-intro{display:flex!important;flex-direction:column!important;gap:22px!important;align-items:flex-start!important}
html body .noir-footer .roomsled-lockup{width:265px!important}
html body .noir-footer nav{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:flex-start!important}
html body .noir-footer a{color:#bfc0bf!important;text-decoration:none!important;border:0!important;white-space:normal!important}
html body .noir-footer a:hover{color:#d8a24a!important}
html body .noir-footer .footer-label{font:10px/1.5 Arial,sans-serif!important;letter-spacing:2px!important;color:#d8a24a!important;margin-bottom:8px!important}
html body .noir-footer .cookie-footer-link{font:13px/1.7 Arial,sans-serif!important;letter-spacing:0!important;color:#bfc0bf!important;background:none!important;border:0!important;padding:0!important;text-align:left!important;cursor:pointer!important}
html body .footer-bottom{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;gap:20px!important;padding-top:22px!important;border-top:1px solid #ede6da20!important;color:#777e87!important;font-size:11px!important}
/* Slow, one-shot entrances. Content remains visible without JavaScript. */
html body .motion-ready .scene-detail{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)!important;transition-delay:var(--delay,0ms)!important}
html body .motion-ready:not(.scene-in) .scene-detail{opacity:0!important;transform:translateY(16px)!important}
html body .motion-ready.scene-in .scene-detail{opacity:1!important;transform:translateY(0)!important}
html body .marketing-section h2:after{transform-origin:left!important;transition:width .8s ease!important}
html body .button:after,html body .btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#fff3 49%,transparent 68%);transform:translateX(-130%);transition:transform .65s ease}
html body .button:hover:after,html body .btn:hover:after{transform:translateX(130%)}
html body .coming-case-photo img{transition:transform 1s ease!important}
html body .coming-case:hover .coming-case-photo img{transform:scale(1.025)!important}
@media(max-width:900px){html body .site-header{grid-template-columns:1fr auto!important;gap:16px!important}html body .header-contacts{display:none!important}html body .coming-case{grid-template-columns:1fr!important}html body .coming-case-photo{min-height:290px!important;grid-row:1!important}html body .noir-footer{grid-template-columns:1fr 1fr!important;gap:36px!important}html body .footer-intro{grid-column:1/-1!important}}
@media(max-width:600px){html body .site-header{padding-top:20px!important;padding-bottom:20px!important;gap:12px!important}html body .header-brand{width:215px!important;max-width:100%!important}html body .header-login{max-width:90px!important;font:10px/1.4 Arial,sans-serif!important;padding:9px!important}html body .navigation{gap:15px 20px!important;padding-top:16px!important;padding-bottom:16px!important}html body .marketing-hero{min-height:610px!important;padding-top:62px!important;padding-bottom:62px!important;background-position:60% center!important}html body .marketing-hero h1{font-size:44px!important}html body .marketing-section{padding-top:52px!important;padding-bottom:52px!important}html body .coming-case-copy{padding:24px!important}html body .coming-case .case-facts{grid-template-columns:1fr!important;gap:0!important}html body .coming-case-photo{min-height:220px!important}html body .noir-footer{grid-template-columns:1fr!important;gap:30px!important;padding-top:44px!important}html body .footer-intro,html body .footer-bottom{grid-column:1!important}html body .footer-bottom{flex-wrap:wrap!important}html body #try .button{width:100%!important;font-size:15px!important}}
@media(prefers-reduced-motion:reduce){html body .scene-detail{opacity:1!important;transform:none!important;transition:none!important}html body .coming-case-photo img,html body .button:after,html body .btn:after{transition:none!important;transform:none!important}}

html body .hero.marketing-hero{width:100%!important;max-width:none!important;margin:0!important;left:0!important;padding:90px clamp(24px,6vw,96px)!important;border:0!important;min-height:620px!important}
html body .benefits article>span{color:#d6af68!important}
@media(max-width:600px){html body .hero.marketing-hero{padding:62px 24px!important;min-height:610px!important}}

html body .marketing-section#requirements,html body .marketing-section#try,html body .marketing-section#experience{background:#181d24!important}
html body .coming-case{padding:0!important}
html body .coming-case .game-price{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;min-height:0!important}
html body .coming-case .game-price-row{display:flex!important;align-items:baseline!important;gap:12px!important;flex-wrap:wrap!important}
html body .coming-case .game-price-badge{position:static!important;align-self:center!important}
html body .coming-case .case-summary{margin:0!important;max-width:none!important}
html body .coming-case-copy h2{margin:12px 0 18px!important}
html body .noir-footer .footer-docs{min-width:0!important}

html body .benefits article{transition:border-color .4s ease!important}
html body .benefits article:hover{border-color:#d8a24a80!important}
html body #requirements li{transition:border-color .4s ease!important}
html body #requirements li:hover{border-color:#d8a24a90!important}
html body #faq summary{transition:color .3s ease!important}
html body #faq summary:hover,html body #faq details[open] summary{color:#886021!important}
@media(prefers-reduced-motion:reduce){html body *,html body *:before,html body *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Revision 4: consistent button contrast, exterior cover, individual reveals. */
html body a.button,html body a.btn{isolation:isolate!important}
html body a.button .button-label,html body a.btn .button-label{position:relative!important;z-index:2!important;color:inherit!important;opacity:1!important;visibility:visible!important;transition:none!important}
html body a.button:after,html body a.btn:after{z-index:0!important;opacity:.6!important;mix-blend-mode:screen!important}
html body a.button:hover,html body a.button:focus-visible,html body a.btn:hover,html body a.btn:focus-visible{color:#101318!important;background:#e4b45e!important;border-color:#e4b45e!important}
html body a.header-login:hover,html body a.header-login:focus-visible{background:#ede6da12!important;color:#ede6da!important;border-color:#d8a24a!important}
html body .coming-case .case-actions a.btn:not(.case-buy):hover,html body .coming-case .case-actions a.btn:not(.case-buy):focus-visible{color:#ede6da!important;background:#ede6da12!important;border-color:#d8a24a!important}
html body .available-case-photo img{object-position:56% center!important}
html body .available-case-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10131818,transparent 40%,#10131835),linear-gradient(0deg,#10131845,transparent 45%);z-index:1}
html body .motion-ready .scene-detail{opacity:1!important;transform:none!important;transition:none!important}
html body .motion-ready .scene-detail.detail-pending{opacity:0!important;transform:translateY(18px)!important}
html body .motion-ready .scene-detail.detail-revealed{opacity:1!important;transform:none!important;transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1)!important;transition-delay:var(--delay,0ms)!important}
html body .section-label{display:flex!important;align-items:center!important;gap:14px!important}
html body .section-label:after{content:"";display:block;width:40px;height:1px;background:currentColor;opacity:.6;transform:scaleX(0);transform-origin:left;transition:transform 1s ease .2s}
html body .section-label.detail-revealed:after{transform:scaleX(1)}
html body .benefits article,html body #requirements li{position:relative!important;transition:transform .4s ease,border-color .4s ease!important}
html body .benefits article:hover,html body #requirements li:hover{transform:translateY(-3px)!important}
html body #format p{transition:opacity .75s ease,transform .85s ease!important}
html body .coming-case.detail-revealed .coming-case-photo img{animation:cover-settle 1.7s ease-out both!important}
@keyframes cover-settle{from{transform:scale(1.045)}to{transform:scale(1)}}
html body .hero.marketing-hero{animation:hero-light-in 1.8s ease-out both!important}
@keyframes hero-light-in{from{filter:brightness(.82)}to{filter:brightness(1)}}
html body #faq details[open]>p{animation:answer-in .35s ease both!important}
@keyframes answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html body .motion-ready .scene-detail.detail-pending,html body .motion-ready .scene-detail.detail-revealed{opacity:1!important;transform:none!important;transition:none!important}html body .section-label:after{transform:scaleX(1)!important}html body *,html body *:before,html body *:after{animation:none!important;transition:none!important}}

/* Scene choreography, revision 5. */
html body .hero.marketing-hero:before{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 65% 45%,#d8a24a18,transparent 42%);animation:noir-lantern 12s ease-in-out infinite alternate}
html body .hero.marketing-hero>div{position:relative!important;z-index:2!important}
@keyframes noir-lantern{from{transform:translate(-2%,-1%);opacity:.4}to{transform:translate(3%,2%);opacity:.95}}
html body .section-label.detail-revealed:after{width:64px!important;animation:line-arrive 1.5s ease both}
@keyframes line-arrive{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.65}}
html body #experience .benefits article{overflow:hidden!important}
html body #experience .benefits article:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#d8a24a,transparent);transform:translateX(-110%);pointer-events:none}
html body #experience .benefits article.detail-revealed:after{animation:evidence-light 2s ease .35s both}
html body #experience .benefits article:hover:after{animation:evidence-light 1.4s ease both}
@keyframes evidence-light{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
html body #how .how-steps>li{position:relative!important;transition:transform .45s ease!important}
html body #how .how-steps>li:hover{transform:translateY(-7px)!important}
html body #how .how-steps>li.detail-revealed{animation:step-arrive .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--delay,0ms)}
@keyframes step-arrive{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
html body #requirements li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#d8a24a70;transform:scaleX(0);transform-origin:left;transition:transform .7s ease;pointer-events:none}
html body #requirements li.detail-revealed:after{transform:scaleX(.18)}
html body #requirements li:hover:after{transform:scaleX(1)}
html body #games .coming-case{transition:border-color .5s ease,box-shadow .5s ease!important}
html body #games .coming-case:hover{border-color:#d8a24a80!important;box-shadow:0 12px 40px #0003!important}
html body #games .coming-case-photo{perspective:800px!important}
html body #games .coming-case:hover .coming-case-photo img{animation:none!important;transform:scale(1.045)!important;transition:transform 1.4s ease!important}
html body #format{position:relative!important;isolation:isolate!important}
html body #format:after{content:"";position:absolute;right:8%;top:12%;width:180px;height:180px;border:1px solid #88602122;border-radius:50%;pointer-events:none;z-index:-1;transform:scale(.8);opacity:0;transition:transform 1.8s ease,opacity 1.8s ease}
html body #format.scene-active:after{transform:scale(1.15);opacity:1}
html body #format p.detail-revealed{animation:archive-text .9s ease both;animation-delay:var(--delay,0ms)}
@keyframes archive-text{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
html body #try{position:relative!important;isolation:isolate!important}
html body #try:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 50%,#d8a24a14,transparent 60%);opacity:.25;animation:invitation-light 9s ease-in-out infinite alternate}
@keyframes invitation-light{to{opacity:.9;transform:translateX(-3%)}}
html body #try .button{transition:box-shadow .5s ease,transform .4s ease!important}
html body #try .button:hover{box-shadow:0 0 36px #d8a24a35!important;transform:translateY(-3px)!important}
html body #faq details{transition:padding-left .35s ease,border-color .35s ease!important}
html body #faq details:hover{padding-left:8px!important}
html body #faq details[open]{border-color:#88602180!important}
html body .noir-footer nav a{position:relative!important;transition:color .3s ease,transform .3s ease!important}
html body .noir-footer nav a:hover{transform:translateX(5px)!important}
html body .noir-footer.footer-active .footer-intro,html body .noir-footer.footer-active nav{animation:footer-arrive .9s ease both}
html body .noir-footer.footer-active nav:nth-child(2){animation-delay:.12s}
html body .noir-footer.footer-active nav:nth-child(3){animation-delay:.24s}
@keyframes footer-arrive{from{opacity:.15;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html body *,html body *:before,html body *:after{animation:none!important;transition:none!important}html body #format:after{opacity:.4!important;transform:none!important}html body #how .how-steps>li:hover,html body .noir-footer nav a:hover,html body #games .coming-case:hover .coming-case-photo img{transform:none!important}}

/* Revision 6: short FAQ and typographic magnifier. */
html body #faq #faq-more-items[hidden]{display:none!important}
html body #faq .faq-more-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:28px!important;font:14px/1.4 Arial,sans-serif!important;letter-spacing:0!important;padding:14px 24px!important;background:transparent!important;border:1px solid #88602190!important;color:#5c431c!important;cursor:pointer!important;min-height:48px!important}
html body #faq .faq-more-toggle:hover,html body #faq .faq-more-toggle:focus-visible{background:#88602112!important;color:#332815!important;border-color:#886021!important}
html body #faq #faq-more-items.faq-unfold{animation:faq-unfold .5s ease both!important}
@keyframes faq-unfold{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
html body .lens-word{display:inline-block!important;white-space:nowrap!important}
html body .lens-letter{display:inline-block!important;transform-origin:50% 65%!important;will-change:transform;animation:lens-letter-pass 16s ease-in-out infinite!important;animation-delay:var(--lens-delay,0s)!important}
@keyframes lens-letter-pass{0%,1%,15%,100%{transform:scale(1);filter:brightness(1)}7%{transform:scale(1.19);filter:brightness(1.22)}11%{transform:scale(1.07);filter:brightness(1.08)}}
@media(prefers-reduced-motion:reduce){html body .lens-letter{animation:none!important;transform:none!important;filter:none!important;will-change:auto}html body #faq #faq-more-items.faq-unfold{animation:none!important}}

/* Menu interaction: visual scaling leaves layout unchanged. */
html body .navigation a{display:inline-block!important;transform-origin:center!important;transition:transform .25s ease,color .25s ease!important}
@media(hover:hover){html body .navigation a:hover{transform:scale(1.075)!important;color:#d8a24a!important}}
html body .navigation a:focus-visible{transform:scale(1.075)!important;color:#d8a24a!important}
@media(prefers-reduced-motion:reduce){html body .navigation a{transition:none!important}html body .navigation a:hover,html body .navigation a:focus-visible{transform:none!important}}

/* Single-glyph lens: original heading is never split or resized. */
::highlight(roomsled-lens){color:transparent!important}
html body .lens-glyph{position:absolute!important;display:block!important;margin:0!important;padding:0!important;pointer-events:none!important;z-index:4!important;text-align:left!important;white-space:pre!important;transform-origin:center!important;font-kerning:normal!important;overflow:visible!important}
html body .lens-glyph[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html body .lens-glyph{display:none!important}}

::highlight(roomsled-passed){color:#555b63}

/* Warm archival paper for expanded FAQ answers. */
html body .marketing-section#faq details[open]{background:#d8cebb!important;border-top-color:#ad9570!important;border-bottom-color:#ad957060!important;box-shadow:inset 3px 0 0 #aa8548!important}
html body .marketing-section#faq details[open] summary{color:#76551e!important}
html body .marketing-section#faq details[open] p{color:#41413c!important;background:transparent!important}
html body .marketing-section#faq details[open] p a{color:#65502f!important;text-decoration-color:#92713c!important}

/* Keep the real final word in normal flow at every mobile width. */
html body #welcome>div{min-width:0!important;max-width:min(670px,100%)!important}
html body #welcome h1{max-width:100%!important;overflow:visible!important}
html body #welcome h1 .noir-em{display:inline-block!important;white-space:nowrap!important;transform-origin:left center!important}

/* Explicit white starting/reset color, including mobile WebKit. */
html body #welcome h1{color:#ede6da!important;opacity:1!important}
html body #welcome h1 .noir-em{color:#d8a24a!important}

/* About uses the same native white-to-grey reading animation as home. */
html body.ny-inner main#main .about-opening-copy{min-width:0!important}
html body.ny-inner main#main .about-opening h1{color:#ede6da!important;opacity:1!important;max-width:100%!important;overflow:visible!important}
html body.ny-inner main#main .about-opening h1 em{display:inline-block!important;white-space:nowrap!important;transform-origin:left center!important;color:#d8a24a!important}