/* Same square-node / bottom-label grammar as itsjustlife.cloud, with LS media. */
body.ls-page-home-v2:has(#ls-splash:not(.gone)) { display:block; padding:0; margin:0; width:100%; max-width:none; }
body.ls-page-home-v2:has(#ls-splash:not(.gone)) > .home-side,
body.ls-page-home-v2:has(#ls-splash:not(.gone)) > .home-main,
body.ls-page-home-v2:has(#ls-splash:not(.gone)) > .ls-topnav,
body.ls-page-home-v2:has(#ls-splash:not(.gone)) > .ls-bottombar,
body.ls-page-home-v2:has(#ls-splash:not(.gone)) > .ls-footer,
body.ls-page-home-v2:has(#ls-splash:not(.gone)) > .home-bg-video { display:none; }
body.ls-page-home-v2 #ls-splash {
  position:relative; inset:auto; min-height:100dvh; height:auto; width:100%; box-sizing:border-box;
  padding:var(--ls-ticker-height,30px) 18px 0; gap:0; justify-content:flex-start;
  overflow:visible; isolation:isolate; animation:none;
}
body.ls-page-home-v2 #ls-splash .ls-splash-bg { position:absolute; inset:0; z-index:-1; overflow:hidden; }
body.ls-page-home-v2 #ls-splash .ls-splash-video-glass { background:linear-gradient(180deg,#100b1680,#100b1650 35%,#080a09ea); }
body.ls-page-home-v2 #ls-splash .ls-splash-mark { width:48px; height:48px; margin:0 0 12px; }
body.ls-page-home-v2 #ls-splash .ls-splash-title { font-size:clamp(30px,4vw,42px); margin:0 0 8px; line-height:1.1; }
body.ls-page-home-v2 #ls-splash .ls-splash-sub { max-width:600px; margin:0 0 26px; font-size:14px; line-height:1.5; text-transform:none; }
body.ls-page-home-v2 #ls-splash .ls-splash-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; width:min(780px,calc(72dvh + 24px),100%); margin:0 auto; }
body.ls-page-home-v2 #ls-splash .ls-splash-choice {
  position:relative; display:block; aspect-ratio:1; width:100%; height:auto; min-height:0; padding:0;
  overflow:hidden; border:1px solid #ffffff30; border-radius:12px; isolation:isolate;
  background:#101312; box-shadow:none; transform:none; opacity:1; text-align:center;
}
body.ls-page-home-v2 #ls-splash .ls-splash-choice::before,
body.ls-page-home-v2 #ls-splash .ls-splash-choice::after { display:none; }
body.ls-page-home-v2 #ls-splash .choice-bg-video { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; opacity:1; filter:none; transform:none; z-index:0; }
body.ls-page-home-v2 #ls-splash .ls-splash-choice-kicker { position:absolute; inset:auto 0 0; display:block; margin:0; padding:11px 8px; border-top:1px solid #ffffff38; background:#0a0d0cd9; backdrop-filter:blur(7px); color:#f8f5f0; font:800 13px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; z-index:1; }
body.ls-page-home-v2 #ls-splash .ls-splash-choice-sub:not(.ls-splash-track) { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body.ls-page-home-v2 #ls-splash .ls-splash-choice.is-primary { border-color:#ffd09788; }
body.ls-page-home-v2 #ls-splash .ls-splash-choice:hover { border-color:#fff9; }
body.ls-page-home-v2 #ls-splash .ls-splash-choice:focus-visible { outline:3px solid #ffcd88; outline-offset:3px; }
body.ls-page-home-v2 #ls-splash .ls-splash-status { display:block; margin:18px 0 0; padding:0; background:none; border:0; font-size:13px; font-weight:400; line-height:1.4; width:auto; color:#bbb4c2; }
body.ls-page-home-v2 #ls-splash .ls-splash-foot { display:none; }
body.ls-page-home-v2 #ls-splash .ls-splash-audio-control { position:absolute; z-index:2; inset:auto 12px max(22px,env(safe-area-inset-bottom)); margin:0; width:auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; border:0; border-radius:0; padding:8px; background:linear-gradient(180deg,transparent,#080b09b8); }
#ls-splash .ls-music-button { display:grid; place-items:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; border:1px solid #ffffff50; border-radius:10px; background:#111815c9; color:#e8eeeb; }
#ls-splash .ls-music-button svg { width:20px; height:20px; }
body.ls-page-home-v2 #ls-splash #ls-splash-sound { width:44px; height:44px; min-height:44px; border-radius:10px; padding:0; }
#ls-splash-sound-label { font:700 18px/1 system-ui; }
body.ls-page-home-v2 #ls-splash .ls-splash-track { position:static; width:auto; height:auto; max-width:230px; margin:0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:700 11px/1.3 ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase; color:#c2ccc7; }
#ls-splash-volume { appearance:none; width:96px; min-height:44px; height:44px; padding:0; background:transparent; border:0; border-radius:0; accent-color:#d0dcd5; }
#ls-splash-volume::-webkit-slider-runnable-track { height:6px; background:#ffffff30; border:1px solid #fff5; border-radius:10px; }
#ls-splash-volume::-webkit-slider-thumb { appearance:none; width:18px; height:18px; margin-top:-7px; background:#d0dcd5; border:0; border-radius:50%; }
#ls-splash-volume::-moz-range-track { height:6px; background:#ffffff30; border:1px solid #fff5; border-radius:10px; }
#ls-splash-volume::-moz-range-thumb { width:18px; height:18px; background:#d0dcd5; border:0; border-radius:50%; }
@media(max-width:620px){
  body.ls-page-home-v2 #ls-splash { padding:var(--ls-ticker-height,30px) 16px 0; }
  body.ls-page-home-v2 #ls-splash .ls-splash-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:480px; }
  body.ls-page-home-v2 #ls-splash .ls-splash-choice-kicker { font-size:12px; padding:10px 6px; }
  body.ls-page-home-v2 #ls-splash .ls-splash-sub { max-width:32ch; margin-bottom:22px; }
  body.ls-page-home-v2 #ls-splash .ls-splash-track { order:5; flex-basis:100%; max-width:100%; text-align:center; }
}
@media(min-width:900px) and (min-height:850px){ body.ls-page-home-v2 #ls-splash .ls-splash-actions { width: min(870px,100%); } }
@media(prefers-reduced-motion:reduce){ #ls-splash * { animation:none; transition:none; } }

#ls-splash .ls-splash-audio-control .ls-splash-track { clip-path:none; }

/* Plain wordmark and a separate, in-flow music row. No hero or instructions. */
body.ls-page-home-v2 #ls-splash .ls-start-brand-row { align-self:stretch; margin:0 -18px 30px; min-height:62px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #ffffff20; background:#101211e8; }
body.ls-page-home-v2 #ls-splash .ls-splash-title { font:600 15px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.22em; text-transform:uppercase; margin:0; color:#eeefec; }
body.ls-page-home-v2 #ls-splash .ls-splash-actions { margin-bottom:30px; }
body.ls-page-home-v2 #ls-splash .ls-splash-choice.is-primary { border-color:#ffffff42; }
body.ls-page-home-v2 #ls-splash .ls-splash-choice:focus-visible { outline-color:#d9e2df; }
body.ls-page-home-v2 #ls-splash .ls-splash-audio-control { position:relative; inset:auto; align-self:stretch; width:calc(100% + 36px); max-width:none; margin:auto -18px 0; padding:14px 18px max(14px,env(safe-area-inset-bottom)); min-height:72px; border-top:1px solid #ffffff20; background:#101211ed; box-sizing:border-box; }
body.ls-page-home-v2 #ls-splash .ls-splash-track { font-size:12px; font-weight:500; }
#ls-splash-visualizer { width:120px; height:32px; color:#c8d3cf; opacity:.8; }
#ls-splash .ls-music-button { border-radius:8px; background:#ffffff05; border-color:#ffffff30; }
#ls-splash .ls-music-button:hover { background:#ffffff12; border-color:#ffffff65; }
@media(max-width:620px){ body.ls-page-home-v2 #ls-splash .ls-start-brand-row { margin:0 -16px 22px; min-height:56px; } body.ls-page-home-v2 #ls-splash .ls-splash-audio-control { margin:auto -16px 0; width:calc(100% + 32px); padding-inline:12px; gap:7px; } #ls-splash-visualizer { width:64px; } #ls-splash-volume { width:70px; } body.ls-page-home-v2 #ls-splash .ls-splash-actions { margin-bottom:24px; } }