/* r6 · 静室成片 — film grade, grain, depth, soft chrome */
:root{
  --cine-warm:#e8d6a8;
  --cine-ink:#0e1612;
  --cine-moss:#1a2a20;
}

/* Full-bleed sanctuary: quiet the app chrome */
body.retreat-designed.cine-on .header{
  background:linear-gradient(180deg,#0e1612cc 0%,#0e161266 70%,transparent);
  border-bottom:0;
  backdrop-filter:blur(8px) saturate(1.05);
}
body.retreat-designed.cine-on .header .brand small,
body.retreat-designed.cine-on .header .nav-item{
  opacity:.78;
}
body.retreat-designed.cine-on .header .nav-item[aria-current=page]{
  opacity:1;
  color:var(--cine-warm);
}
body.retreat-designed.cine-on footer{
  opacity:.55;
  font-size:11px;
}

/* Scene becomes the product */
body.cine-on #sophia-home .sanctuary-home-scene{
  box-shadow:0 28px 80px #02080588, inset 0 0 0 1px #ffffff0a;
  border-radius:4px;
  overflow:hidden;
}
body.cine-on #sophia-home .sanctuary-home-scene .sh-scenery{
  transform:scale(1.04);
  transform-origin:55% 45%;
  transition:transform 1.2s cubic-bezier(.16,1,.3,1), filter .8s ease, opacity .6s ease;
  filter:contrast(1.04) saturate(.92) brightness(.96);
  will-change:transform;
}
body.cine-on #sophia-home .sanctuary-home-scene.is-parallax .sh-scenery{
  transition:transform .35s ease-out, filter .8s ease;
}
body.cine-on.sill-locked #sophia-home .sanctuary-home-scene .sh-scenery{
  filter:contrast(1.02) saturate(.88) brightness(1.02);
}
body.cine-on.sill-open #sophia-home .sanctuary-home-scene .sh-scenery{
  filter:contrast(1.06) saturate(.95) brightness(.94) sepia(.06);
}

/* Filmic veil — replaces flat dark wash */
body.cine-on #sophia-home .sanctuary-home-scene .sh-veil{
  background:
    linear-gradient(105deg, #0a120ecc 0%, #0a120e22 42%, #0a120e55 100%),
    linear-gradient(0deg, #0a120ef2 0%, #0a120e66 28%, transparent 52%),
    radial-gradient(ellipse 80% 55% at 70% 30%, #f0d58a14, transparent 60%);
  mix-blend-mode:normal;
  opacity:1;
  pointer-events:none;
}
body.cine-on.sill-open #sophia-home .sanctuary-home-scene .sh-veil{
  background:
    linear-gradient(105deg, #0a120edd 0%, #0a120e18 48%, #0a120e66 100%),
    linear-gradient(0deg, #0a120ef5 0%, #0a120e77 30%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 22% 70%, #f0d58a22, transparent 65%),
    radial-gradient(ellipse 55% 40% at 78% 35%, #c9a86a18, transparent 60%);
}

/* Grade + grain overlays */
.cine-grade,.cine-grain,.cine-vignette{
  position:absolute; inset:0; pointer-events:none; z-index:5; border-radius:inherit;
}
.cine-grade{
  background:
    linear-gradient(180deg, #1a100822, transparent 35%),
    linear-gradient(0deg, #06120e55, transparent 40%);
  mix-blend-mode:soft-light;
  opacity:.85;
}
body.sill-open .cine-grade{ opacity:1; }
.cine-vignette{
  background:radial-gradient(ellipse 75% 70% at 50% 45%, transparent 40%, #02080599 100%);
  opacity:.55;
}
body.sill-open .cine-vignette{ opacity:.68; }
.cine-grain{
  background-image:url('assets/r6/film-grain.png');
  background-size:220px 220px;
  opacity:.07; mix-blend-mode:overlay;
  animation:cine-grain-drift 1.2s steps(2) infinite;
}
body.sill-open .cine-grain{ opacity:.11; }
@keyframes cine-grain-drift{
  0%{ transform:translate(0,0); }
  50%{ transform:translate(-1%,1%); }
  100%{ transform:translate(1%,-1%); }
}
@media (prefers-reduced-motion:reduce){
  .cine-grain{ animation:none; }
  body.cine-on #sophia-home .sanctuary-home-scene .sh-scenery{ transition:none; }
}

/* Soften start card into hospitality desk */
body.cine-on #sophia-home .sanctuary-home-scene .sh-next{
  background:#f4efe4;
  border:1px solid #cbb77a66;
  box-shadow:0 24px 60px #02080555, inset 0 1px 0 #ffffff88;
  backdrop-filter:none;
  color:#223629;
}
body.cine-on #sophia-home .sanctuary-home-scene .sh-next h2{
  font-family:"Sophia Serif","Noto Serif SC",serif;
  letter-spacing:.01em;
  color:#1c2a20;
}
body.cine-on #sophia-home .sanctuary-home-scene .sh-primary{
  background:linear-gradient(180deg,#2a3c30,#1a281e);
  color:#f6f1e4;
  -webkit-text-fill-color:#f6f1e4;
  border:1px solid #cbb77a55;
  box-shadow:0 8px 20px #0a120e44;
}

/* Ambient mute chip */
.cine-audio-chip{
  position:absolute; top:22px; right:22px; z-index:8;
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  background:#0e1612aa; border:1px solid #cbb77a55;
  color:#f3ebe0; font-size:11px; letter-spacing:.06em;
  backdrop-filter:blur(8px); cursor:pointer; pointer-events:auto;
  font-family:"Sophia Serif","Noto Serif SC",serif;
}
.cine-audio-chip[aria-pressed=true],
.cine-audio-chip.is-on{ color:var(--cine-warm); border-color:#e8d6a888; background:#1a2618cc; }
.cine-audio-chip[hidden]{ display:none!important; }
.cine-audio-chip small{ opacity:.75; font-size:10px; letter-spacing:.02em; }
.cine-audio-dot{
  width:7px; height:7px; border-radius:50%;
  background:#d8c48a; box-shadow:0 0 0 3px #d8c48a33;
  flex-shrink:0;
}

/* Live focus: deepen cinema */
body.cine-on #sophia-home .sanctuary-home-scene[data-live=true] .cine-vignette{ opacity:.78; }
body.cine-on #sophia-home .sanctuary-home-scene[data-live=true] .sh-scenery{
  filter:contrast(1.08) saturate(.9) brightness(.88) sepia(.08);
}

@media (max-width:760px){
  .cine-audio-chip{ top:14px; right:14px; padding:7px 10px; font-size:10px; }
}