/* Sweet Shift Saga v4.2.1.6 — compact poster-first title screen */
#screen-title.saga-title-screen.active{
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  padding:clamp(14px,2.4vh,26px)!important;
  gap:0!important;
}
#screen-title .main-mode-grid{
  width:min(880px,calc(100vw - 40px))!important;
  height:min(82dvh,820px)!important;
  max-height:calc(100dvh - 52px)!important;
  margin:0 auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
}
#screen-title .main-mode-poster{
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:2/3!important;
  justify-self:center!important;
  border-radius:clamp(22px,2.6vw,34px)!important;
}
#screen-title .mode-poster-image{width:100%!important;height:100%!important;object-fit:cover!important}
#screen-title .mode-poster-frame{border-radius:inherit!important}
#screen-title .title-settings-chip{
  position:fixed;
  top:max(14px,env(safe-area-inset-top));
  right:max(14px,env(safe-area-inset-right));
  z-index:30;
  min-height:44px;
  padding:6px 12px 6px 7px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  background:linear-gradient(180deg,rgba(87,57,155,.96),rgba(61,41,122,.96));
  box-shadow:0 6px 0 rgba(47,29,98,.38),0 12px 24px rgba(44,29,78,.2);
  font:inherit;
  cursor:pointer;
}
#screen-title .title-settings-chip:hover{transform:translateY(-1px);filter:brightness(1.06)}
#screen-title .title-settings-chip:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(47,29,98,.38),0 8px 18px rgba(44,29,78,.18)}
#screen-title .title-settings-chip strong{font-size:.82rem;font-weight:1000}
#screen-title .title-settings-avatar{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)!important;
}
#screen-title .title-settings-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.settings-danger-row{background:linear-gradient(180deg,#fff5f7,#ffe4ea)!important}
.settings-danger-row strong{color:#a52f51!important}
@media(max-width:680px){
  #screen-title.saga-title-screen.active{padding:62px 10px 12px!important}
  #screen-title .main-mode-grid{
    width:calc(100vw - 20px)!important;
    height:auto!important;
    max-height:calc(100dvh - 78px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #screen-title .main-mode-poster{width:100%!important;height:auto!important;max-height:calc(100dvh - 90px)!important}
  #screen-title .mode-poster-action{right:8px!important;bottom:8px!important;min-height:30px!important;padding:7px 9px!important;font-size:.62rem!important}
  #screen-title .mode-poster-live-badge{left:8px!important;top:8px!important;max-width:calc(100% - 16px)!important;min-height:30px!important;padding:6px 8px!important;font-size:.58rem!important}
}
@media(max-height:620px){
  #screen-title .main-mode-grid{height:min(84dvh,520px)!important;max-height:calc(100dvh - 24px)!important}
  #screen-title .title-settings-chip{top:10px;right:10px;min-height:38px;padding:4px 9px 4px 5px}
  #screen-title .title-settings-avatar{width:28px!important;height:28px!important;min-width:28px!important}
}