/* Main-site intro: audible playback where allowed, accessible click-to-play otherwise. */
#ra-splash{display:none}
html.ra-splash-play{overflow:hidden}
html.ra-splash-play #ra-splash{
  position:fixed;inset:0;z-index:2147483000;display:flex;
  align-items:center;justify-content:center;overflow:hidden;
  background:#101c32;color:#f8fafc;opacity:1;transition:opacity 320ms ease;
}
html.ra-splash-play #ra-splash.ra-splash-leave{opacity:0;pointer-events:none}
#ra-splash video{
  display:block;width:100%;height:100%;max-width:100vw;max-height:100dvh;
  object-fit:contain;background:#101c32;
}
#ra-splash [hidden]{display:none!important}
#ra-splash button{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
#ra-splash .ra-splash-skip,#ra-splash .ra-splash-restart-sound{
  appearance:none;position:absolute;z-index:3;
  bottom:max(20px,env(safe-area-inset-bottom));
  border:1px solid rgba(255,255,255,.35);border-radius:999px;
  background:rgba(11,21,38,.78);color:#fff;padding:12px 18px;
  font-size:14px;font-weight:600;letter-spacing:.02em;
}
#ra-splash .ra-splash-skip{right:max(18px,env(safe-area-inset-right))}
#ra-splash .ra-splash-restart-sound{left:max(18px,env(safe-area-inset-left))}
#ra-splash .ra-splash-audio-gate{
  position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;
  justify-content:center;align-items:center;gap:16px;text-align:center;
  padding:24px;background:rgba(3,14,23,.82);color:#fff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#ra-splash .ra-splash-gate-title{font-weight:700;font-size:clamp(22px,4vw,36px);margin:0}
#ra-splash .ra-splash-gate-message{font-size:clamp(14px,2vw,17px);line-height:1.5;max-width:440px;margin:0}
#ra-splash .ra-splash-gate-primary,#ra-splash .ra-splash-gate-secondary{
  appearance:none;border-radius:999px;padding:14px 26px;font-weight:700;font-size:16px;
  min-height:48px;max-width:100%;
}
#ra-splash .ra-splash-gate-primary{background:#ae703c;border:1px solid #efb982;color:white;box-shadow:0 8px 25px #0007}
#ra-splash .ra-splash-gate-secondary{background:rgba(16,32,50,.9);border:1px solid #8193a8;color:white;font-weight:500;font-size:14px}
#ra-splash button:hover{filter:brightness(1.15)}
#ra-splash button:focus-visible{outline:3px solid #70cdf5;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#ra-splash,html.ra-splash-play #ra-splash{transition:none}}