/* SOULONE LIVE · compact premium launch window (Stave Score presentation family).
   Display-only: preserve the existing logo, boot dismissal, auth, track loading and playback.
   Applied after the legacy launch design so no older layout can widen/crop it. */
#soulone-live-startup{
  --soul-stage-cyan:#5ab0ff;
  --soul-stage-mint:#c5d9ef;
  --soul-stage-text:#f0f3f8;
  background:rgba(3,7,12,.38)!important;
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
  padding:12px!important;
  color:#f0f3f8!important;
}
#soulone-live-startup .sl-live-intro{
  width:min(390px,calc(100vw - 24px),calc(100dvh - 24px))!important;
  height:min(390px,calc(100vw - 24px),calc(100dvh - 24px))!important;
  min-height:260px!important;
  max-height:calc(100dvh - 24px)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  border:1px solid #364a5f!important;
  border-radius:4px!important;
  background:#080c13!important;
  color:#f3f5f8!important;
  box-shadow:0 24px 65px rgba(0,0,0,.50)!important;
}
#soulone-live-startup .sl-live-intro::before{
  width:2px!important;
  background:linear-gradient(180deg,#8dc5ff,#166bce)!important;
  box-shadow:none!important;
}
#soulone-live-startup .sl-live-intro::after,
#soulone-live-startup .sl-live-intro__light,
#soulone-live-startup .sl-live-intro__stage-rays{display:none!important}
#soulone-live-startup .sl-live-intro__header{
  padding:25px 26px 0!important;
  align-items:flex-start!important;
  gap:8px!important;
}
#soulone-live-startup .sl-live-intro__brand{
  gap:6px!important;
  color:#f1f4f8!important;
  letter-spacing:-.045em!important;
  font-size:25px!important;
  font-weight:850!important;
  line-height:1!important;
}
#soulone-live-startup .sl-live-intro__brand::after{
  content:"®";
  font-size:9px;
  letter-spacing:0;
  align-self:flex-start;
  margin-left:1px;
}
#soulone-live-startup .sl-live-intro__brand-line{display:none!important}
#soulone-live-startup .sl-live-intro__mode{
  color:#9ec9f7!important;
  background:rgba(69,141,219,.09)!important;
  border:1px solid rgba(80,156,240,.35)!important;
  padding:6px 9px!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
  border-radius:6px!important;
}
#soulone-live-startup .sl-live-intro__mode-dot{
  background:#65b6ff!important;
  box-shadow:0 0 9px rgba(75,160,245,.45)!important;
}
#soulone-live-startup .sl-live-intro__main{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  gap:3px!important;
  padding:8px 23px 0!important;
}
#soulone-live-startup .sl-live-intro__art-zone{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:auto!important;
  min-height:65px!important;
  max-height:120px!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
}
#soulone-live-startup .sl-live-intro__logo-source,
#soulone-live-startup .sl-live-intro__logo-canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:290px!important;
  height:100%!important;
  max-height:112px!important;
  transform:none!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  filter:none!important;
}
#soulone-live-startup .sl-live-intro__logo-source{opacity:1}
#soulone-live-startup .sl-live-intro__logo-source--processed{opacity:0}
#soulone-live-startup .sl-live-intro__logo-canvas--ready{opacity:1}
#soulone-live-startup .sl-live-intro__title-zone{
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  text-align:center!important;
  padding:0!important;
  min-width:0!important;
}
#soulone-live-startup .sl-live-intro__title{
  font-size:clamp(20px,5.5vw,29px)!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  line-height:1.05!important;
  color:#eef2f8!important;
  text-shadow:none!important;
}
#soulone-live-startup .sl-live-intro__title-dot{color:#4f9ff2!important}
#soulone-live-startup .sl-live-intro__subtitle{
  margin:5px 0 0!important;
  font-size:10px!important;
  color:#a1b4c7!important;
}
#soulone-live-startup .sl-live-intro__level-bars{
  height:14px!important;
  margin-top:7px!important;
  gap:3px!important;
  opacity:.7!important;
  transform:scaleY(.40)!important;
}
#soulone-live-startup .sl-live-intro__level-bars i{
  background:linear-gradient(to top,#1b75d1,#7ac7ff)!important;
  width:3px!important;
}
#soulone-live-startup .sl-live-intro__footer{
  padding:0 25px 23px!important;
  gap:9px!important;
}
#soulone-live-startup .sl-live-intro__status{
  color:#dce7f1!important;
  font-size:10px!important;
}
#soulone-live-startup .sl-live-intro__status-dot{
  background:#5bb0fb!important;
  box-shadow:0 0 0 3px rgba(52,142,241,.10)!important;
}
#soulone-live-startup .sl-live-intro__progress{
  height:2px!important;
  background:#182b3c!important;
}
#soulone-live-startup .sl-live-intro__progress span{
  background:linear-gradient(90deg,transparent,#62adff,transparent)!important;
  box-shadow:none!important;
}
#soulone-live-startup .sl-live-intro__meta{
  color:#9caec1!important;
  font-size:10px!important;
  letter-spacing:.02em!important;
}
@media (max-height:480px){
  #soulone-live-startup .sl-live-intro__header{padding:13px 16px 0!important}
  #soulone-live-startup .sl-live-intro__brand{font-size:18px!important}
  #soulone-live-startup .sl-live-intro__mode{font-size:8px!important}
  #soulone-live-startup .sl-live-intro__main{padding:2px 12px!important}
  #soulone-live-startup .sl-live-intro__art-zone{max-height:86px!important}
  #soulone-live-startup .sl-live-intro__title{font-size:18px!important}
  #soulone-live-startup .sl-live-intro__level-bars{display:none!important}
  #soulone-live-startup .sl-live-intro__footer{padding:0 17px 13px!important;gap:5px!important}
}
@media (prefers-reduced-motion:reduce){
  #soulone-live-startup .sl-live-intro__level-bars i,
  #soulone-live-startup .sl-live-intro__progress span{animation:none!important}
}