/* Approved full homepage reference. Original semantic content and route links remain live. */
html:has(#nightshift-shell .ns-hero) { overflow:hidden!important; scrollbar-gutter:auto!important; }
#nightshift-shell:has(.ns-hero) .ns-atmosphere { background-image:url('/arcade/assets/nightshift-home-approved-screenshot-20260929.png')!important; background-size:100% 100%!important; background-position:center!important; }
#nightshift-shell:has(.ns-hero) .ns-atmosphere::after { display:none!important; }
#nightshift-shell:has(.ns-hero) .nightshift-home,
#nightshift-shell:has(.ns-hero) .arcade-quote-footer { opacity:0!important; pointer-events:none!important; }
#nightshift-shell:has(.ns-hero) .arcade-header::after { display:none!important; }
#nightshift-shell:has(.ns-hero) .arcade-header .arcade-nav { position:absolute!important; top:2.9svh!important; left:35.7%!important; right:auto!important; width:29.2%!important; height:5.6svh!important; display:flex!important; gap:.8vw!important; transform:none!important; }
#nightshift-shell:has(.ns-hero) .arcade-header .arcade-nav > a { width:9.15vw!important; height:5.6svh!important; min-width:0!important; flex:0 0 9.15vw!important; color:transparent!important; text-shadow:none!important; border-color:transparent!important; background:transparent!important; box-shadow:none!important; }
#nightshift-shell:has(.ns-hero) .arcade-header .arcade-nav > a::before { display:none!important; }
#nightshift-shell:has(.ns-hero) .arcade-header .arcade-nav > a:hover,
#nightshift-shell:has(.ns-hero) .arcade-header .arcade-nav > a:focus-visible { border-color:var(--tab)!important; box-shadow:0 0 16px color-mix(in srgb,var(--tab) 32%,transparent)!important; }
/* One fixed approved scene, navigation geometry and footer for every route. */
html:has(#nightshift-shell) { overflow:hidden!important; scrollbar-gutter:auto!important; }
#nightshift-shell .page-frame .ns-atmosphere,
#nightshift-shell:has(.ns-hero) .page-frame .ns-atmosphere { background-image:url('/arcade/assets/nightshift-sharp-shared-20260929.png')!important; background-size:100% 100%!important; background-position:center!important; }
#nightshift-shell .page-frame .ns-atmosphere::after { display:none!important; }
#nightshift-shell .page-frame .arcade-header::after { display:none!important; }
#nightshift-shell .page-frame .arcade-quote-footer { opacity:0!important; pointer-events:none!important; }
#nightshift-shell .page-frame .arcade-header .arcade-nav { position:absolute!important; top:2.9svh!important; left:35.7%!important; right:auto!important; width:29.2%!important; height:5.6svh!important; display:flex!important; gap:.8vw!important; transform:none!important; }
#nightshift-shell .page-frame .arcade-header .arcade-nav > a { width:9.15vw!important; height:5.6svh!important; min-width:0!important; flex:0 0 9.15vw!important; color:transparent!important; text-shadow:none!important; border-color:transparent!important; background:transparent!important; box-shadow:none!important; }
#nightshift-shell .page-frame .arcade-header .arcade-nav > a::before { display:none!important; }
#nightshift-shell .page-frame .arcade-header .arcade-nav > a:hover,
#nightshift-shell .page-frame .arcade-header .arcade-nav > a:focus-visible,
#nightshift-shell .page-frame .arcade-header .arcade-nav > a[aria-current="page"] { border-color:var(--tab)!important; box-shadow:inset 0 0 18px color-mix(in srgb,var(--tab) 12%,transparent),0 0 16px color-mix(in srgb,var(--tab) 32%,transparent)!important; }
#nightshift-shell:has(.ns-hero) .page-frame::after { content:""!important; display:block!important; position:absolute!important; inset:0!important; background:url('/arcade/assets/nightshift-home-sharp-20260929.png') center / 100% 100% no-repeat!important; clip-path:inset(19% 44% 42% 14%); pointer-events:none!important; z-index:0!important; }
#nightshift-shell .page-frame > .arcade-header { z-index:5!important; }
/* Wordmark rail: reach the final T without enlarging the four end accents. */
#nightshift-shell .ns-title-rail { width:calc(75.16% - 8.27px); }
#nightshift-shell .ns-title-rail span { width:15.2%; background:linear-gradient(90deg,#ffe782 0 20%,transparent 20% 27%,#f8b33c 27% 47%,transparent 47% 54%,#976021 54% 74%,transparent 74% 81%,#6c4b25 81%); }
#nightshift-shell .ns-detected { margin-left:calc(7px + 1.727%); }
#nightshift-shell .ns-detected > span:last-child { position:relative; left:6px; }
#nightshift-shell .ns-hud { box-sizing:border-box!important; margin-left:calc(7px + .297%)!important; width:75.6%!important; }
#nightshift-shell .ns-detected i { animation:ns-status-blink 1.35s ease-in-out infinite!important; }
@keyframes ns-status-blink { 0%,10%,90%,100% { opacity:1; } 45%,55% { opacity:0; } }
@media(max-width:1050px) { #nightshift-shell .ns-title-rail { width:calc(88.018% - 8.27px); } #nightshift-shell .ns-title-rail span { width:16.6%; } #nightshift-shell .ns-detected { margin-left:calc(7px + 2.023%); } #nightshift-shell .ns-hud { margin-left:calc(7px + .348%)!important; width:88.55%!important; } }
@media(max-width:650px) { #nightshift-shell .ns-title-rail { width:calc(90.986% - 7.03px); } #nightshift-shell .ns-title-rail span { width:16.5%; } #nightshift-shell .ns-detected { margin-left:calc(7px + 2.091%); } #nightshift-shell .ns-hud { margin-left:calc(7px + .36%)!important; width:91.53%!important; } }
/* Compact information panel with matching full-height gold side borders. */
#nightshift-shell .ns-hero .ns-hud { width:max-content!important; max-width:calc(100% - 14px)!important; clip-path:none!important; padding:12px 43px 11px 19px!important; gap:11px!important; background:linear-gradient(110deg,rgba(104,67,27,.4),rgba(4,11,19,.85) 17%,rgba(5,12,20,.35))!important; }
#nightshift-shell .ns-hero .ns-hud::before { clip-path:none!important; border-left:1px solid #c99d45!important; border-right:1px solid #c99d45!important; }
/* All inner-page headings share the exact container geometry of the white divider. */
#nightshift-shell .section-screen > .section-title { left:50%!important; width:73vw!important; max-width:964px!important; transform:translateX(-50%)!important; margin-left:0!important; padding-left:0!important; text-align:left!important; align-items:flex-start!important; }
#nightshift-shell .section-screen > .section-title > span, #nightshift-shell .section-screen > .section-title > h1 { margin-left:0!important; padding-left:0!important; text-align:left!important; align-self:flex-start!important; }
@media(max-width:650px) { #nightshift-shell .section-screen > .section-title { width:92vw!important; } }
/* Compact game card, aligned with the heading without moving its row vertically. */
#nightshift-shell .games-screen .games-machine-zone { width:73vw!important; max-width:964px!important; margin-inline:auto!important; grid-template-columns:minmax(0,250px)!important; justify-content:start!important; min-height:405.5px!important; }
#nightshift-shell .games-screen .featured-machine { width:100%!important; min-width:0!important; }
#nightshift-shell .games-screen .machine-info { padding-top:6px!important; }
#nightshift-shell .games-screen .machine-info h2 { margin-top:0!important; padding-bottom:13px!important; }
#nightshift-shell .games-screen .machine-info p { margin-bottom:19px!important; }
#nightshift-shell .games-screen .machine-top > span:first-child { font-size:16px!important; }
#nightshift-shell .games-screen .machine-play-btn { padding-inline:10px!important; }
@media(max-width:650px) { #nightshift-shell .games-screen .games-machine-zone { width:92vw!important; } }
/* Information boards share the heading's left edge and fit above the footer. */
html:has(.info-screen), body#nightshift-shell:has(.info-screen) { overflow:hidden!important; height:100%!important; }
#nightshift-shell .section-screen.info-screen { overflow:hidden!important; justify-content:flex-start!important; padding-top:172px!important; }
#nightshift-shell .info-screen > .labs-board, #nightshift-shell .info-screen > .about-board { width:calc(min(73vw,964px) + 80px)!important; max-width:none!important; margin:0 0 0 calc((100% - min(73vw,964px))/2)!important; gap:18px!important; }
#nightshift-shell .info-screen .about-board { grid-template-columns:1fr 1fr!important; }
#nightshift-shell .info-screen .labs-board { grid-template-columns:1.15fr 1fr!important; }
#nightshift-shell .info-screen .about-block, #nightshift-shell .info-screen .lab-status { padding:18px 20px!important; min-width:0!important; }
#nightshift-shell .info-screen h2 { font-size:26px!important; line-height:1.12!important; margin-bottom:12px!important; padding-bottom:0!important; }
#nightshift-shell .info-screen .about-block p, #nightshift-shell .info-screen .lab-status p { font-size:14px!important; line-height:1.5!important; }
#nightshift-shell .info-screen .about-stats { margin-top:14px!important; }
#nightshift-shell .info-screen .lab-tile { padding:14px 16px!important; min-width:0!important; }
@media(max-width:650px) { #nightshift-shell .info-screen > .labs-board, #nightshift-shell .info-screen > .about-board { width:92vw!important; margin-inline:auto!important; } }
/* Shared moonlit Home control; geometry stays fixed on every inner page. */
#nightshift-shell .ns-home-link { border:1px solid #a9c5e45c!important; border-radius:12px!important; background:linear-gradient(145deg,#15283bea,#050d18f5)!important; color:#e8f1ff!important; box-shadow:inset 0 1px 0 #e2efff1a,0 4px 16px #0005!important; gap:11px!important; text-decoration:none!important; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important; }
#nightshift-shell .ns-home-link > span { display:block!important; flex:0 0 19px!important; width:19px!important; height:19px!important; font-size:0!important; border-radius:50%!important; background:transparent!important; box-shadow:inset 6px -3px 0 0 #dfedff!important; transform:rotate(-18deg)!important; filter:drop-shadow(0 0 4px #b9d9ff55)!important; }
#nightshift-shell .ns-home-link > strong { font:800 13px/1 "Segoe UI",Arial,sans-serif!important; letter-spacing:.13em!important; }
#nightshift-shell .ns-home-link:hover, #nightshift-shell .ns-home-link:focus-visible { border-color:#d2e7ffbb!important; background:linear-gradient(145deg,#203950f5,#091525fa)!important; box-shadow:inset 0 1px 0 #e2efff26,0 0 18px #a8ceff29!important; }
#nightshift-shell .ns-home-link:focus-visible { outline:2px solid #d2e7ff!important; outline-offset:4px!important; }
/* Shared viewport shell. Reference: approved homepage, 28 September 2026.
   Only the page content may scroll; scene, tabs and footer never change geometry. */
html { overflow-y: scroll !important; scrollbar-gutter: stable !important; background:#040c16!important; }
body#nightshift-shell { margin:0!important; min-width:0!important; background:#040c16!important; font-family:"Segoe UI",Arial,sans-serif; }
#nightshift-shell::before, #nightshift-shell::after,
#nightshift-shell .page-frame::before, #nightshift-shell .page-frame::after { content:none!important; display:none!important; }
#nightshift-shell .page-frame { position:relative!important; isolation:isolate; width:100%!important; max-width:none!important; height:100svh!important; min-height:100svh!important; margin:0!important; padding:0!important; display:block!important; overflow:hidden!important; background:transparent!important; transform:none!important; }
#nightshift-shell .ns-atmosphere { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:0!important; z-index:-1!important; opacity:1!important; filter:none!important; transform:none!important; pointer-events:none!important; background:#040c16 url('/arcade/assets/nightshift-scene-coffee-foot-fixed-v2-20260929.png') center top / 100% 100% no-repeat!important; }
body#nightshift-shell, #nightshift-shell .page-frame, #nightshift-shell .ns-atmosphere, #nightshift-shell .ns-atmosphere::after { animation:none!important; transition:none!important; }
#nightshift-shell .ns-atmosphere::before { content:none!important; }
#nightshift-shell .ns-atmosphere::after { content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(90deg,rgba(1,5,10,.29),rgba(2,7,13,.20) 13%,rgba(3,9,16,.07) 27%,transparent 39%)!important; opacity:1!important; filter:none!important; }
/* One shared scene on all four routes. */
#nightshift-shell .page-frame .ns-atmosphere,
#nightshift-shell:has(.ns-hero) .page-frame .ns-atmosphere {
  background-image:url('/arcade/assets/nightshift-scene-cup-stream-fixed-20261001.png')!important;
  background-size:100% 118%!important;
  background-position:center top!important;
}
/* The reference screenshot supplies the floor pixels exactly; its UI stays masked out. */
@media (min-width:1051px) {
  #nightshift-shell .page-frame .ns-atmosphere::before {
    content:none!important;
    display:none!important;
  }
  #nightshift-shell .page-frame::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
    z-index:0!important;
    opacity:1!important;
    pointer-events:none!important;
    background:url('/arcade/assets/nightshift-gameset-v3-two-cross-streaks-removed-20261004.png') center top / 100% 100% no-repeat!important;
    filter:none!important;
    mask-image:
      linear-gradient(to bottom,transparent max(27.35vw,52.37svh),#000 max(28.30vw,54.18svh),#000 100%),
      radial-gradient(ellipse 20vw 20svh at 84% 58%,#000 0 85%,transparent 100%)!important;
    mask-composite:add!important;
    mask-size:100% 100%!important;
    mask-position:center top!important;
    mask-repeat:no-repeat!important;
    animation:none!important;
    transition:none!important;
    mask-mode:alpha!important;
  }
}
/* The scene contains no words: keep the original live controls as HTML. */
#nightshift-shell:has(.ns-hero) .page-frame::after { content:none!important; display:none!important; }
#nightshift-shell:has(.ns-hero) .nightshift-home { opacity:1!important; pointer-events:auto!important; }
#nightshift-shell .page-frame .arcade-header .arcade-nav > a {
  color:#fff8e8!important;
  text-shadow:none!important;
  border-color:#6b81903b!important;
  background:linear-gradient(#06101c99,#030913cc)!important;
  box-shadow:none!important;
}
#nightshift-shell .page-frame .arcade-header .arcade-nav > a::before { content:""!important; display:block!important; }
#nightshift-shell .page-frame .arcade-header .arcade-nav > a:hover,
#nightshift-shell .page-frame .arcade-header .arcade-nav > a:focus-visible,
#nightshift-shell .page-frame .arcade-header .arcade-nav > a[aria-current="page"] {
  border-color:var(--tab)!important;
  background:color-mix(in srgb,var(--tab) 10%,#030b16)!important;
  box-shadow:inset 0 0 18px color-mix(in srgb,var(--tab) 12%,transparent),0 0 16px color-mix(in srgb,var(--tab) 32%,transparent)!important;
}
#nightshift-shell .page-frame .arcade-header::after {
  content:""!important; display:block!important; bottom:14px!important; width:50%!important;
}
#nightshift-shell .page-frame .arcade-quote-footer,
#nightshift-shell:has(.ns-hero) .page-frame .arcade-quote-footer { opacity:1!important; pointer-events:none!important; }
#nightshift-shell .page-frame .arcade-quote-footer::before { content:none!important; display:none!important; }
#nightshift-shell .page-frame .arcade-quote-separator { color:transparent!important; text-shadow:none!important; }
#nightshift-shell .page-frame .arcade-quote-footer__inner { display:block!important; width:100%!important; }
#nightshift-shell .page-frame .arcade-quote-copy { opacity:.9!important; }
#nightshift-shell .page-frame .arcade-quote-copy,
#nightshift-shell .page-frame .arcade-quote-separator { position:absolute!important; top:9px!important; }
#nightshift-shell .page-frame .arcade-quote-copy:first-child { left:calc(32.3vw - 24px)!important; }
#nightshift-shell .page-frame .arcade-quote-copy:nth-child(3) { left:calc(45.7vw - 24px)!important; }
#nightshift-shell .page-frame .arcade-quote-copy:last-child { left:calc(58.5vw - 24px)!important; }
@media (min-width:651px) {
  #nightshift-shell .page-frame .arcade-quote-footer::after {
    content:""!important; display:block!important; position:absolute!important;
    left:calc(50% - 4vw - 24px)!important; width:8vw!important;
    top:-6svh!important; height:12svh!important; z-index:0!important;
    pointer-events:none!important;
    background-image:url('/arcade/assets/nightshift-scene-cup-stream-fixed-20261001.png')!important;
    background-size:100vw 118svh!important;
    background-position:calc(50% + 10vw) calc(-88.2svh - 14px)!important;
    background-repeat:no-repeat!important;
    mask-image:linear-gradient(to right,transparent,black 35%,black 65%,transparent),linear-gradient(to bottom,transparent,black 22%)!important;
    mask-composite:intersect!important;
  }
  #nightshift-shell .page-frame .arcade-quote-footer::before {
    content:""!important; display:block!important; top:-1px!important; width:50%!important; z-index:2!important;
  }
  #nightshift-shell .page-frame .arcade-quote-copy,
  #nightshift-shell .page-frame .arcade-quote-separator { z-index:1!important; }
  #nightshift-shell .page-frame .arcade-quote-separator {
    color:#ff9d2f!important; text-shadow:0 0 8px #ff8e264d!important; top:3px!important;
  }
  #nightshift-shell .page-frame .arcade-quote-separator:nth-child(2) { left:calc(42vw - 24px)!important; }
  #nightshift-shell .page-frame .arcade-quote-separator:nth-child(4) { left:calc(55vw - 24px)!important; }
}
/* The reference already contains the floor below the banner; keep the banner's
   editable text and faded line, but remove the old floor-repair overlay. */
@media (min-width:651px) {
  #nightshift-shell .page-frame .arcade-quote-footer::after {
    content:none!important;
    display:none!important;
  }
}
/* Stars are already baked into the approved scene; no page-specific animated extra layer. */
#nightshift-shell .ns-atmosphere > * { display:none!important; }
#nightshift-shell .arcade-header { all:initial!important; display:block!important; position:relative!important; box-sizing:border-box!important; width:100%!important; height:12.5svh!important; min-height:88px!important; z-index:5!important; }
#nightshift-shell .arcade-nav { all:initial!important; position:absolute!important; display:flex!important; gap:14px!important; left:50vw!important; top:3.9svh!important; transform:translateX(-50%)!important; }
#nightshift-shell .arcade-nav > a { all:initial!important; --tab:#ffb42c; box-sizing:border-box!important; position:relative!important; display:grid!important; place-items:center!important; flex:0 0 auto!important; width:clamp(116px,8.85vw,170px)!important; height:clamp(42px,5.65svh,56px)!important; border:1px solid #6b81903b!important; background:linear-gradient(#06101c99,#030913cc)!important; color:#cbd4e2!important; font:800 clamp(12px,.96vw,15px)/1 "Segoe UI",Arial,sans-serif!important; letter-spacing:.13em!important; text-decoration:none!important; cursor:pointer!important; }
#nightshift-shell .arcade-nav > a:nth-child(2) { --tab:#a17bff; }
#nightshift-shell .arcade-nav > a:nth-child(3) { --tab:#97e45e; }
#nightshift-shell .arcade-nav > a::before { all:initial!important; content:""!important; position:absolute!important; top:-1px!important; left:17%!important; width:66%!important; height:2px!important; background:linear-gradient(90deg,transparent,var(--tab),transparent)!important; box-shadow:0 0 7px color-mix(in srgb,var(--tab) 55%,transparent)!important; }
#nightshift-shell .arcade-nav > a::after { all:initial!important; content:none!important; display:none!important; }
#nightshift-shell .arcade-nav > a:hover, #nightshift-shell .arcade-nav > a:focus-visible, #nightshift-shell .arcade-nav > a[aria-current="page"] { border-color:var(--tab)!important; background:color-mix(in srgb,var(--tab) 10%,#030b16)!important; box-shadow:inset 0 0 18px color-mix(in srgb,var(--tab) 12%,transparent),0 0 16px color-mix(in srgb,var(--tab) 32%,transparent)!important; }
#nightshift-shell .arcade-nav > a:focus-visible { outline:2px solid #fff0b2!important; outline-offset:5px!important; }
#nightshift-shell .arcade-header::before { content:none!important; }
#nightshift-shell .arcade-header::after, #nightshift-shell .arcade-quote-footer::before { all:initial!important; content:""!important; position:absolute!important; left:50%!important; width:73%!important; max-width:964px!important; height:1px!important; transform:translateX(-50%)!important; background:linear-gradient(90deg,transparent,#bcc8d45c 14%,#bcc8d45c 86%,transparent)!important; }
#nightshift-shell .arcade-header::after { bottom:7px!important; }
#nightshift-shell .arcade-quote-footer { all:initial!important; position:absolute!important; box-sizing:border-box!important; display:block!important; left:24px!important; top:calc(94.2svh + 18px)!important; width:100%!important; min-height:5.8svh!important; padding:9px 16px 8px!important; z-index:5!important; font:400 16px/normal "Segoe UI",Arial,sans-serif!important; }
#nightshift-shell .arcade-quote-footer::before { top:3px!important; }
#nightshift-shell .arcade-quote-footer::after { content:none!important; }
#nightshift-shell .arcade-quote-footer__inner { all:initial!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; width:max-content!important; max-width:100%!important; margin:0 auto!important; gap:30px!important; }
#nightshift-shell .arcade-quote-copy { all:initial!important; display:block!important; font:400 12px/normal "Segoe UI",Arial,sans-serif!important; white-space:nowrap!important; opacity:.72!important; color:#d3a43d!important; }
#nightshift-shell .arcade-quote-copy:nth-child(3) { color:#a080ce!important; }
#nightshift-shell .arcade-quote-copy:last-child { color:#85bf6b!important; }
#nightshift-shell .arcade-quote-separator { all:initial!important; display:block!important; font:800 18px/normal "Segoe UI",Arial,sans-serif!important; color:#ff9d2f!important; letter-spacing:2px!important; text-shadow:0 0 8px #ff8e264d!important; }
#nightshift-shell .section-screen { position:relative!important; box-sizing:border-box!important; height:calc(81.7svh - 4px)!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; margin:0 auto!important; justify-content:safe center!important; }
#nightshift-shell .section-screen > * { flex-shrink:0!important; }
@media(max-width:1050px) {
 #nightshift-shell .ns-atmosphere { background-size:auto 100%!important; background-position:20% center!important; }
 #nightshift-shell .arcade-quote-footer__inner { gap:16px!important; }
 #nightshift-shell .arcade-quote-copy { font-size:10px!important; }
}
@media(max-width:650px) {
 #nightshift-shell .arcade-header { height:150px!important; min-height:150px!important; }
 #nightshift-shell .arcade-nav { top:90px!important; left:20px!important; right:20px!important; transform:none!important; gap:9px!important; }
 #nightshift-shell .arcade-nav > a { flex:1 1 0!important; width:auto!important; min-width:0!important; height:43px!important; font-size:10px!important; }
 #nightshift-shell .arcade-header::after { bottom:-1px!important; }
 #nightshift-shell .arcade-header::after,#nightshift-shell .arcade-quote-footer::before { width:92%!important; }
 #nightshift-shell .arcade-quote-footer { top:auto!important; bottom:0!important; left:0!important; min-height:64px!important; padding:16px 8px 8px!important; }
 #nightshift-shell .arcade-quote-footer__inner { flex-wrap:wrap!important; gap:8px 12px!important; }
 #nightshift-shell .arcade-quote-copy { font-size:9px!important; }
 #nightshift-shell .arcade-quote-separator { font-size:13px!important; }
 #nightshift-shell .section-screen,#nightshift-shell .nightshift-home { height:calc(100svh - 218px)!important; min-height:0!important; overflow:auto!important; }
 #nightshift-shell .ns-atmosphere { background-size:auto 1100px!important; background-position:17% top!important; }
}
/* Center the editable footer on the runway's nearest white center marking. */
@media (min-width:651px) {
  /* The source image's center stripe is 1.5 native pixels right of its midpoint. */
  #nightshift-shell .page-frame .arcade-quote-footer {
    left:.08vw!important;
    top:min(calc(94.2svh + 18px),calc(100svh - 31px))!important;
  }
  #nightshift-shell .page-frame .arcade-quote-footer::before { left:50%!important; }
  #nightshift-shell .page-frame .arcade-quote-footer .arcade-quote-footer__inner {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px max-content 36px minmax(0,1fr)!important;
    grid-template-rows:16px!important;
    align-items:center!important;
    justify-items:center!important;
    width:clamp(560px,34.5vw,660px)!important;
    max-width:calc(100% - 32px)!important;
    height:16px!important;
    margin:0 auto!important;
    gap:26px!important;
  }
  #nightshift-shell .page-frame .arcade-quote-footer__inner > .arcade-quote-copy,
  #nightshift-shell .page-frame .arcade-quote-footer__inner > .arcade-quote-separator {
    position:static!important;
    inset:auto!important;
    transform:none!important;
  }
  #nightshift-shell .page-frame .arcade-quote-footer__inner > .arcade-quote-copy:first-child { justify-self:end!important; }
  #nightshift-shell .page-frame .arcade-quote-footer__inner > .arcade-quote-copy:last-child { justify-self:start!important; }
  #nightshift-shell .page-frame .arcade-quote-footer__inner > .arcade-quote-separator {
    box-sizing:border-box!important;
    width:36px!important;
    text-align:center!important;
  }
}
@media (min-width:651px) and (max-width:1250px) {
  #nightshift-shell .page-frame .arcade-quote-footer .arcade-quote-footer__inner {
    grid-template-columns:minmax(0,1fr) 28px max-content 28px minmax(0,1fr)!important;
    width:min(480px,calc(100% - 24px))!important;
    gap:12px!important;
  }
  #nightshift-shell .page-frame .arcade-quote-footer__inner > .arcade-quote-copy { font-size:10px!important; }
  #nightshift-shell .page-frame .arcade-quote-footer__inner > .arcade-quote-separator { width:28px!important; font-size:16px!important; }
}
@media (min-width:1251px) and (max-width:1800px) {
  #nightshift-shell .page-frame .arcade-quote-footer .arcade-quote-footer__inner {
    grid-template-columns:minmax(0,1fr) 32px max-content 32px minmax(0,1fr)!important;
    gap:20px!important;
  }
  #nightshift-shell .page-frame .arcade-quote-footer__inner > .arcade-quote-copy { font-size:11px!important; }
  #nightshift-shell .page-frame .arcade-quote-footer__inner > .arcade-quote-separator { width:32px!important; font-size:17px!important; }
}

/* 2026-10-06: one background-only scene, with the existing HTML controls intact. */
#nightshift-shell .page-frame .ns-atmosphere,
#nightshift-shell:has(.ns-hero) .page-frame .ns-atmosphere {
  background-image:url('/arcade/assets/nightshift-fewer-stars-round-moon-1901x993-20261007.png')!important;
  background-size:100% 100%!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
}
#nightshift-shell .page-frame::before,
#nightshift-shell:has(.ns-hero) .page-frame::before,
#nightshift-shell .page-frame .ns-atmosphere::before,
#nightshift-shell .page-frame .ns-atmosphere::after {
  content:none!important;
  display:none!important;
}

/* 2026-10-08: move only the homepage hero upward as one unit. */
#nightshift-shell .page-frame .nightshift-home .ns-hero {
  translate: 0 calc(-1 * clamp(24px, 5svh, 48px)) !important;
}