/* CALYX / exclusive cassette ritual scene */
.ritual-scene[hidden]{display:none!important;}
.ritual-scene{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(ellipse at center, rgba(80,42,20,.14) 0%, rgba(4,2,1,.94) 62%, #000 100%),
    #000;
  color:#dec9ae;
  font-family:var(--font);
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  cursor:default;
}
.ritual-scene::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.022) 0,rgba(255,255,255,.022) 1px,transparent 2px,transparent 5px);
  opacity:.45;
}
.ritual-canvas{
  position:relative;
  z-index:2;
  width:min(96vw,980px);
  height:min(94vh,900px);
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:pre;
  overflow:hidden;
  text-align:center;
  font-size:clamp(10px,1.7vw,17px);
  line-height:1.18;
  letter-spacing:.02em;
  text-shadow:0 0 10px rgba(214,161,105,.24);
}
.ritual-instruction{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:max(4vh,24px);
  transform:translateX(-50%);
  font-size:12px;
  letter-spacing:.18em;
  text-transform:lowercase;
  opacity:.62;
  transition:opacity .8s ease;
}
.ritual-scene.is-holding .ritual-instruction{opacity:.22;}
.ritual-scene.is-bloomed .ritual-instruction{opacity:.7;}
body.ritual-active .frame,
body.ritual-active .grid-underlay,
body.ritual-active #staticField,
body.ritual-active #scryVeil{visibility:hidden!important;}
body.ritual-active{background:#000!important;filter:none!important;}
@media (prefers-reduced-motion:reduce){
  .ritual-scene{scroll-behavior:auto;}
}


/* Continuous layered ASCII flower */
.ritual-flower{
  position:absolute;
  z-index:3;
  left:50%;
  top:58%;
  width:1px;
  height:1px;
  pointer-events:none;
  color:#dec9ae;
  text-shadow:
    0 0 7px rgba(214,161,105,.26),
    0 0 18px rgba(214,161,105,.08);
}

.ritual-flower-petal,
.ritual-flower-heart,
.ritual-flower-stem{
  position:absolute;
  left:0;
  top:0;
  margin:0;
  white-space:pre;
  font:inherit;
  line-height:1;
  color:inherit;
  will-change:transform,opacity,filter;
}

.ritual-flower-petal{
  transform-origin:50% 86%;
  font-size:clamp(11px,2.8vw,16px);
}

.ritual-flower-heart{
  z-index:9;
  transform-origin:center;
  font-size:clamp(11px,2.7vw,15px);
}

.ritual-flower-stem{
  z-index:0;
  top:22px;
  transform-origin:50% 0%;
  font-size:clamp(11px,2.7vw,15px);
  line-height:1.1;
}

@media (min-width:701px){
  .ritual-flower{
    top:59%;
    transform:scale(1.18);
  }
}