/* SOULONE® Live · Stave Score-style compact opening.
   Loaded after v67 to replace its full-viewport marketing intro.
   Presentation only: does not affect cloud auth, audio, mixer, player or library. */
#soulone-live-startup {
  display:grid!important;
  place-items:center!important;
  padding:12px!important;
  background:rgba(5,10,19,.48)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
  backdrop-filter:blur(1.5px)!important;
  color:#eef2f7!important;
  transition:opacity .22s ease, visibility .22s ease!important;
}
#soulone-live-startup .sl-score-launch {
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(390px,calc(100vw - 24px),calc(100dvh - 24px))!important;
  height:min(390px,calc(100vw - 24px),calc(100dvh - 24px))!important;
  min-height:0!important;
  max-height:calc(100dvh - 24px)!important;
  margin:0!important;
  padding:clamp(16px,3.4vw,30px)!important;
  overflow:hidden!important;
  border:1px solid #344659!important;
  border-radius:3px!important;
  background:#080c13!important;
  box-shadow:0 25px 65px rgba(0,0,0,.4)!important;
  color:#eef2f7!important;
  text-align:left!important;
}
#soulone-live-startup .sl-score-launch__head{
  display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:10px;
}
#soulone-live-startup .sl-score-launch__identity{min-width:0;flex:1}
#soulone-live-startup .sl-score-launch__wordmark{
  display:block;width:194px;max-width:100%;height:auto;max-height:47px;
  object-fit:contain;object-position:left center;
  filter:none!important;transform:none!important;
}
#soulone-live-startup .sl-score-launch__identity p{
  margin:6px 0 0;color:#8bafd3;font-size:9px;font-weight:650;
  letter-spacing:.11em;line-height:1.5;
}
#soulone-live-startup .sl-score-launch__close{
  display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;
  padding:0;border:1px solid #455467;border-radius:50%;
  background:transparent;color:#dae5f0;font:300 20px/1 Inter,Arial,sans-serif;
  cursor:pointer;
}
#soulone-live-startup .sl-score-launch__close:hover{
  border-color:#90c4f5;background:#1a2a3d;
}
#soulone-live-startup .sl-score-launch__close:focus-visible{
  outline:2px solid #8cc4ff;outline-offset:2px;
}
#soulone-live-startup .sl-score-launch__center{
  display:flex;flex:1;min-height:0;flex-direction:column;
  align-items:center;justify-content:center;gap:13px;padding:12px 0;
}
#soulone-live-startup .sl-score-launch__center img{
  display:block;width:min(155px,62%);max-width:100%;height:auto;max-height:38%;
  object-fit:contain;filter:none!important;transform:none!important;
}
#soulone-live-startup .sl-score-launch__edition{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 13px;border:1px solid #337acb;border-radius:6px;
  color:#c6dfff;background:#102c4e;font-size:10px;font-weight:800;letter-spacing:.21em;
}
#soulone-live-startup .sl-score-launch__foot{
  flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  margin-top:auto;padding-top:14px;border-top:1px solid #38485a;
}
#soulone-live-startup .sl-score-launch__status{min-width:0}
#soulone-live-startup .sl-score-launch__status strong{
  display:block;font-size:10px;font-weight:700;line-height:1.35;color:#eef2f7;
}
#soulone-live-startup .sl-score-launch__status small{
  display:block;margin-top:4px;font-size:10px;color:#92a7bd;
}
#soulone-live-startup .sl-score-launch__bars{display:flex;align-items:flex-end;gap:3px;height:22px;flex:0 0 auto}
#soulone-live-startup .sl-score-launch__bars i{
  display:block;width:3px;height:12px;border-radius:1px;background:#5ab0ff;
  animation:soulone-score-pulse .8s ease-in-out infinite alternate;
}
#soulone-live-startup .sl-score-launch__bars i:nth-child(2){height:18px;animation-delay:.11s}
#soulone-live-startup .sl-score-launch__bars i:nth-child(3){height:10px;animation-delay:.2s}
#soulone-live-startup .sl-score-launch__bars i:nth-child(4){height:21px;animation-delay:.31s}
#soulone-live-startup .sl-score-launch__bars i:nth-child(5){height:14px;animation-delay:.43s}
#soulone-live-startup .sl-score-launch__progress{
  position:absolute;inset:auto 0 0;height:2px;background:#1a2a3d;overflow:hidden;
}
#soulone-live-startup .sl-score-launch__progress span{
  display:block;height:100%;width:100%;transform-origin:left;
  background:#5ab0ff;animation:soulone-score-fill 1.15s ease-out both;
}
@keyframes soulone-score-fill{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@keyframes soulone-score-pulse{to{opacity:.5;transform:scaleY(.65)}}
@media(max-height:330px){
  #soulone-live-startup .sl-score-launch{padding:13px!important}
  #soulone-live-startup .sl-score-launch__identity p{display:none}
  #soulone-live-startup .sl-score-launch__center{flex-direction:row;gap:13px;padding:6px 0}
  #soulone-live-startup .sl-score-launch__center img{height:45%;max-height:60px;width:auto}
  #soulone-live-startup .sl-score-launch__foot{padding-top:6px}
}
@media(prefers-reduced-motion:reduce){
  #soulone-live-startup .sl-score-launch__bars i,
  #soulone-live-startup .sl-score-launch__progress span{animation:none}
}
