
/* v1.0.0-beta.5.7.2 — upper-right transitions, isolated ritual cabinet, full-page stars */
.chapter-transition{
  inset:auto 22px auto auto!important;
  top:78px!important;
  right:22px!important;
  bottom:auto!important;
  left:auto!important;
  width:min(354px,calc(100vw - 32px))!important;
  max-width:min(354px,calc(100vw - 32px))!important;
  transform:translateY(-12px)!important;
}
.chapter-transition.active{transform:translateY(0)!important}
@media(max-width:900px){.chapter-transition{top:70px!important;right:12px!important;width:min(330px,calc(100vw - 24px))!important}}
@media(max-width:520px){.chapter-transition{top:64px!important}}

/* The ritual cabinet has one scroll region; cards can never paint above its header. */
#ritualCabinetModal>.modal{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  width:min(1120px,calc(100vw - 28px))!important;
  max-height:min(92dvh,900px)!important;
  overflow:hidden!important;
}
#ritualCabinetModal .modal-head{
  position:relative!important;
  top:auto!important;
  z-index:42!important;
  flex:0 0 auto!important;
  isolation:isolate!important;
  background:linear-gradient(180deg,rgba(24,24,32,.995),rgba(19,19,26,.995))!important;
  box-shadow:0 1px 0 rgba(210,177,116,.16),0 12px 28px rgba(0,0,0,.32)!important;
}
#ritualCabinetModal .modal-body{
  position:relative!important;
  z-index:1!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  isolation:isolate!important;
  contain:paint!important;
  clip-path:inset(0)!important;
}
#ritualCabinetModal .modal-foot{
  position:relative!important;
  z-index:40!important;
  flex:0 0 auto!important;
  background:rgba(20,20,27,.995)!important;
  box-shadow:0 -1px 0 rgba(210,177,116,.14),0 -10px 24px rgba(0,0,0,.2)!important;
}
#ritualCabinetModal .ritual-cabinet-v136,
#ritualCabinetModal #livingCabinet138,
#ritualCabinetModal .living-cabinet-card-v138{
  position:relative!important;
  z-index:0!important;
}
#ritualCabinetModal .living-cabinet-card-v138{contain:paint!important}
@media(max-width:760px){
  #ritualCabinetModal{padding:0!important;align-items:stretch!important}
  #ritualCabinetModal>.modal{width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important}
  #ritualCabinetModal .modal-head{border-radius:0!important;padding-top:calc(12px + env(safe-area-inset-top))!important}
  #ritualCabinetModal .modal-body{padding-bottom:18px!important}
  #ritualCabinetModal .modal-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
}

/* Stars use the whole existing section surface without creating any new height. */
.beta32-star-scroll-space{display:none!important;height:0!important;min-height:0!important}
.beta3-star-footer-host{min-height:0!important;padding-right:0!important;padding-bottom:0!important}
.beta36-star-surface{position:relative!important;overflow:visible!important;isolation:isolate!important}
.beta3-hidden-star{
  left:var(--beta36-star-left,50%)!important;
  top:var(--beta36-star-top,50%)!important;
  right:auto!important;
  bottom:auto!important;
  z-index:640!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%)!important;
}
.beta3-hidden-star:hover,.beta3-hidden-star:focus-visible{
  z-index:650!important;
  transform:translate(-50%,-50%) scale(1.16) rotate(16deg)!important;
}
.beta3-hidden-star[data-star-fallback="threshold"]{--star-color:#8fb7a0}
