/* Works Night: aligns the library with the official Night Shift home while keeping game artwork untouched. */
body.works-night {
  --bg: #090b12;
  --panel: #121827;
  --text: #f2f6ff;
  --muted: #aeb9cc;
  --line: rgba(211,225,255,.17);
  --accent: #a4fbec;
  background: radial-gradient(circle at 80% 4%, rgba(76,100,233,.27), transparent 29rem), radial-gradient(circle at 10% 36%, rgba(0,201,180,.1), transparent 22rem), var(--bg);
  color: var(--text);
}
.works-night .site-header { border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(9,11,18,.88); backdrop-filter: blur(14px); }
.works-night .brand, .works-night .global-nav a { color: #edf3ff; }
.works-night .brand-logo { filter: drop-shadow(0 0 12px rgba(164,251,236,.22)); }
.works-night .global-nav a:hover, .works-night .global-nav a:focus-visible { color: var(--accent); }
.works-night .nav-cta { border-color: var(--accent); color: var(--accent) !important; }
.works-night .nav-cta:hover, .works-night .nav-cta:focus-visible { background: var(--accent); color: #071019 !important; }
.works-night .page-main { width: min(1180px, calc(100% - 48px)); padding-top: 142px; }
.works-night .breadcrumb, .works-night .breadcrumb a { color: #95a3bc; }
.works-night .page-hero { position: relative; isolation: isolate; max-width: none; min-height: 475px; margin-bottom: 74px; padding: clamp(34px, 6vw, 76px); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #152333 url('/assets/yokai-lantern-gameplay.png?v=20260908-works1') center / cover no-repeat; box-shadow: 0 24px 70px rgba(0,0,0,.25); }
.works-night .page-hero::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(7,12,22,.96) 0%, rgba(8,13,24,.82) 41%, rgba(8,13,24,.26) 75%, rgba(8,13,24,.18)); content: ""; }
.works-night .label, .works-night .status { color: var(--accent); }
.works-night .page-hero h1, .works-night h2, .works-night h3 { color: var(--text); font-family: Inter, "Noto Sans JP", sans-serif; font-weight: 800; letter-spacing: -.055em; }
.works-night .page-hero h1 { max-width: 11em; font-size: clamp(3rem, 6vw, 5.9rem); line-height: 1.03; text-shadow: 0 3px 30px rgba(0,0,0,.34); }
.works-night .page-hero > p:last-child, .works-night .project-card p, .works-night .faq p { color: var(--muted); }
.works-night .game-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.works-night .project-card, .works-night .project-card:first-child, .works-night .faq details { border-color: var(--line); background: linear-gradient(160deg, rgba(24,32,50,.96), rgba(14,18,29,.96)); }
.works-night .project-card--game { border-radius: 15px; box-shadow: 0 16px 38px rgba(0,0,0,.2); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.works-night .project-card--game:hover { transform: translateY(-6px); border-color: rgba(164,251,236,.66); box-shadow: 0 25px 48px rgba(0,0,0,.35); }
.works-night .project-card--game .project-card__media { background: #080c17; border-bottom-color: var(--line); }
.works-night .project-card--drop .project-card__media { background: radial-gradient(circle at 50% 22%, #315eaa 0, #17203d 38%, #090c17 100%); }
.works-night .project-card--game .status-live { color: var(--accent); }
.works-night .game-facts li { border-color: rgba(185,204,240,.32); color: #cbd6e9; }
.works-night .button-primary { border-color: var(--accent); background: var(--accent); color: #061019; }
.works-night .button-primary:hover, .works-night .button-primary:focus-visible { background: #fff; }
.works-night .text-link { color: var(--accent); }
.works-night .text-link:hover, .works-night .text-link:focus-visible { color: #fff; }
.works-night .game-guide { margin-top: 86px; padding: clamp(30px, 5vw, 58px); border: 1px solid var(--line); border-radius: 18px; background: rgba(15,20,33,.77); }
.works-night .game-guide .project-card, .works-night .game-guide .project-card:first-child { background: rgba(255,255,255,.035); }
.works-night .game-guide .project-card p, .works-night .game-guide .project-card strong { color: var(--muted); }
.works-night .faq details summary { color: #eff4ff; }
.works-night .works-ad { border-color: var(--line); }
.works-night .site-footer { border-top-color: var(--line); background: #0d1220; }
.works-night .site-footer, .works-night .site-footer a { color: #ccd7ea; }
.works-night .site-footer a:hover, .works-night .site-footer a:focus-visible { color: var(--accent); }
@media (max-width: 820px) {
  .works-night .page-main { width: min(100% - 32px, 1180px); padding-top: 104px; }
  .works-night .game-library-grid { grid-template-columns: 1fr; }
  .works-night .page-hero { min-height: 0; margin-bottom: 52px; padding: 30px 24px; background-position: 62% center; }
  .works-night .page-hero::before { background: linear-gradient(90deg, rgba(7,12,22,.95), rgba(8,13,24,.78)); }
}