/* Soul One LIVE — Stage Arrival 2.0
 * Presentation-only. Panoramic performance entrance, intentionally different
 * from the portrait circular Soul One Studio DAW splash.
 * Official logo image is preserved; canvas removes its dark plate on screen.
 */
#soulone-live-startup {
  --soul-stage-mint:#91f6d7;
  --soul-stage-cyan:#74dfe8;
  --soul-stage-text:#effbff;
  position:fixed;inset:0;z-index:2147483000;
  display:grid;place-items:center;
  padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));
  background:radial-gradient(ellipse 65% 70% at 50% 46%,#112a38 0%,#050a12 78%);
  color:var(--soul-stage-text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-user-select:none;user-select:none;
  transition:opacity .34s cubic-bezier(.22,1,.36,1),visibility .34s ease;
  animation:soulone-live-boot-failsafe .01s 4.5s forwards;
}
#soulone-live-startup.soulone-live-boot--leave {opacity:0;visibility:hidden;pointer-events:none}
#soulone-live-startup * {box-sizing:border-box}
#soulone-live-startup .sl-live-intro {
  isolation:isolate;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  width:min(780px,calc(100vw - 24px));
  height:min(430px,calc(100dvh - 24px));min-height:0;overflow:hidden;
  background:linear-gradient(120deg,#102638 2%,#0e2837 47%,#071720 100%);
  border:1px solid rgba(143,221,235,.22);
  box-shadow:0 28px 90px rgba(0,0,0,.44),0 0 36px rgba(35,148,188,.08);
  color:var(--soul-stage-text);
}
#soulone-live-startup .sl-live-intro:before {
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;z-index:2;
  background:linear-gradient(180deg,var(--soul-stage-cyan),var(--soul-stage-mint),rgba(80,193,221,.14));
  box-shadow:0 0 28px rgba(94,235,230,.25);
}
#soulone-live-startup .sl-live-intro:after {
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.31;
  background-image:linear-gradient(rgba(136,206,221,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(136,206,221,.09) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to right,transparent 22%,#000 93%);
}
#soulone-live-startup .sl-live-intro__light {
  position:absolute;inset:-10% -5%;pointer-events:none;
  background:
    radial-gradient(ellipse 36% 47% at 33% 56%,rgba(31,130,210,.24),transparent 92%),
    radial-gradient(ellipse 35% 46% at 84% 64%,rgba(32,174,158,.18),transparent 88%);
}
#soulone-live-startup .sl-live-intro__header {
  position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:25px 34px 8px 38px;
}
#soulone-live-startup .sl-live-intro__brand{
  display:flex;align-items:center;gap:10px;
  color:#ecfaff;font-size:12px;letter-spacing:.19em;font-weight:800;
}
#soulone-live-startup .sl-live-intro__brand-line {
  display:block;width:3px;height:19px;border-radius:3px;
  background:var(--soul-stage-cyan);box-shadow:0 0 14px rgba(115,223,232,.45);
}
#soulone-live-startup .sl-live-intro__mode {
  display:flex;align-items:center;gap:9px;
  color:#b8ffdd;font-size:10px;letter-spacing:.16em;font-weight:800;
  border:1px solid rgba(144,250,210,.29);
  background:rgba(124,236,191,.09);border-radius:6px;padding:8px 12px;
}
#soulone-live-startup .sl-live-intro__mode-dot {
  width:6px;height:6px;border-radius:50%;flex-shrink:0;
  background:#9df4d9;box-shadow:0 0 12px rgba(122,255,208,.66);
}
#soulone-live-startup .sl-live-intro__main {
  z-index:1;position:relative;min-height:0;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center;gap:0;padding:0 52px 0 24px;
}
#soulone-live-startup .sl-live-intro__art-zone {
  position:relative;display:grid;place-items:center;
  width:100%;height:100%;min-height:0;overflow:hidden;
}
#soulone-live-startup .sl-live-intro__stage-rays {
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 19%,rgba(76,188,239,.09) 40%,transparent 52%),
    linear-gradient(70deg,transparent 35%,rgba(68,185,166,.09) 51%,transparent 68%),
    radial-gradient(ellipse 56% 50% at 50% 53%,rgba(42,146,214,.14),transparent);
}
#soulone-live-startup .sl-live-intro__logo-source,
#soulone-live-startup .sl-live-intro__logo-canvas {
  position:absolute;inset:0;display:block;width:100%;height:100%;
  max-width:420px;max-height:360px;object-fit:contain;margin:auto;
  transform:scale(1.05);transform-origin:center center;
  transition:opacity .22s ease;
}
#soulone-live-startup .sl-live-intro__logo-source {
  mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse 68% 75% at 50% 46%,#000 48%,transparent 99%);
  mask-image:radial-gradient(ellipse 68% 75% at 50% 46%,#000 48%,transparent 99%);
}
#soulone-live-startup .sl-live-intro__logo-source--processed {opacity:0}
#soulone-live-startup .sl-live-intro__logo-canvas {
  opacity:0;filter:drop-shadow(0 0 9px rgba(74,162,233,.12));
}
#soulone-live-startup .sl-live-intro__logo-canvas--ready {opacity:1}
#soulone-live-startup .sl-live-intro__title-zone {
  align-self:center;display:flex;flex-direction:column;justify-content:center;
  min-width:0;padding:5px 0 14px 20px;
}
#soulone-live-startup .sl-live-intro__eyebrow {
  margin-bottom:12px;color:#7dbdc9;
  font-size:10px;font-weight:800;letter-spacing:.3em;
}
#soulone-live-startup .sl-live-intro__title {
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#f1fbff;font-weight:850;font-size:clamp(47px,7.2vw,78px);
  line-height:.99;letter-spacing:-.085em;
  text-shadow:0 4px 20px rgba(0,0,0,.1);
}
#soulone-live-startup .sl-live-intro__title-dot {color:#85eec8}
#soulone-live-startup .sl-live-intro__subtitle {
  margin:12px 0 0;color:#b5d6e2;font-size:12.5px;font-weight:500;letter-spacing:.012em;
}
#soulone-live-startup .sl-live-intro__level-bars {
  display:flex;align-items:flex-end;gap:5px;height:39px;margin-top:22px;
  opacity:.75;overflow:hidden;
}
#soulone-live-startup .sl-live-intro__level-bars i {
  display:block;width:4px;height:var(--h,22px);max-height:36px;flex-shrink:0;
  border-radius:3px 3px 0 0;
  background:linear-gradient(to top,#236e91,#5dc2d0 65%,#a7eacc);
  transform-origin:bottom center;
  animation:sl-live-level 2.1s cubic-bezier(.42,0,.58,1) infinite alternate;
  animation-delay:var(--d,0s);
}
#soulone-live-startup .sl-live-intro__footer {
  position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;
  padding:0 35px 25px 39px;
}
#soulone-live-startup .sl-live-intro__status {
  display:flex;align-items:center;gap:9px;
  color:#cae3ec;font-size:11px;font-weight:600;letter-spacing:.025em;
}
#soulone-live-startup .sl-live-intro__status-dot {
  flex-shrink:0;width:6px;height:6px;background:#8ef5da;
  border-radius:50%;box-shadow:0 0 0 4px rgba(109,236,202,.09);
}
/* No fabricated percentage: a fine, indeterminate light scan only. */
#soulone-live-startup .sl-live-intro__progress{
  height:1px;overflow:hidden;background:rgba(121,185,199,.15);
}
#soulone-live-startup .sl-live-intro__progress span {
  display:block;width:100%;height:100%;
  background:linear-gradient(90deg,transparent 0%,rgba(114,221,232,.07) 28%,#8ae7e9 50%,rgba(124,233,208,.07) 72%,transparent 100%);
  background-size:38% 100%;background-repeat:no-repeat;
  animation:sl-live-progress 2.1s ease-in-out infinite;
  opacity:.66;
}
#soulone-live-startup .sl-live-intro__meta {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  color:#829fac;font-size:10px;font-weight:550;letter-spacing:.02em;
}
html.soulone-ipad-classic #soulone-live-startup {display:none!important}
@keyframes sl-live-level {to{transform:scaleY(.69);opacity:.62}}
@keyframes sl-live-progress {from{background-position:-45% 0}to{background-position:145% 0}}
@keyframes soulone-live-boot-failsafe {to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:600px) and (orientation:portrait){
  #soulone-live-startup .sl-live-intro {
    width:min(430px,calc(100vw - 20px));
    height:min(510px,calc(100dvh - 20px));
  }
  #soulone-live-startup .sl-live-intro__header {padding:23px 24px 0 27px}
  #soulone-live-startup .sl-live-intro__main {
    grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;
    gap:0;padding:0 19px;
  }
  #soulone-live-startup .sl-live-intro__art-zone {min-height:0}
  #soulone-live-startup .sl-live-intro__logo-source,
  #soulone-live-startup .sl-live-intro__logo-canvas {max-width:345px;max-height:265px}
  #soulone-live-startup .sl-live-intro__title-zone {
    padding:0 0 12px;text-align:center;align-items:center;
  }
  #soulone-live-startup .sl-live-intro__eyebrow {display:none}
  #soulone-live-startup .sl-live-intro__title {font-size:clamp(38px,9vw,53px)}
  #soulone-live-startup .sl-live-intro__subtitle {margin-top:5px;font-size:11px}
  #soulone-live-startup .sl-live-intro__level-bars {height:19px;align-items:center;margin-top:9px;transform:scaleY(.5)}
  #soulone-live-startup .sl-live-intro__footer {padding:0 26px 22px 29px;gap:9px}
}
@media(max-height:450px) and (orientation:landscape){
  #soulone-live-startup {padding:6px}
  #soulone-live-startup .sl-live-intro {
    width:min(760px,calc(100vw - 12px));height:calc(100dvh - 12px);
  }
  #soulone-live-startup .sl-live-intro__header {padding:12px 20px 0 24px}
  #soulone-live-startup .sl-live-intro__main {padding:0 30px 0 16px}
  #soulone-live-startup .sl-live-intro__title-zone {padding:0 0 7px 8px}
  #soulone-live-startup .sl-live-intro__eyebrow {margin-bottom:4px}
  #soulone-live-startup .sl-live-intro__title {font-size:clamp(40px,7.2vw,60px)}
  #soulone-live-startup .sl-live-intro__subtitle {margin-top:5px;font-size:11px}
  #soulone-live-startup .sl-live-intro__level-bars {height:25px;margin-top:6px;transform:scaleY(.7);transform-origin:bottom left}
  #soulone-live-startup .sl-live-intro__footer {padding:0 21px 11px 25px;gap:6px}
  #soulone-live-startup .sl-live-intro__meta {font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  #soulone-live-startup .sl-live-intro__level-bars i,
  #soulone-live-startup .sl-live-intro__progress span {animation:none}
  #soulone-live-startup {transition:none}
}