
:root{--abg:#fafafa;--ablue:#145dff;--agold:#c88b18}
html.anstv-intro-active,body.anstv-intro-active{overflow:hidden!important}
.anstv-intro{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:var(--abg);contain:layout paint style;transform:translateZ(0)}
.anstv-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}
.anstv-intro-stage{position:relative;width:min(72vw,720px);height:min(42vw,330px);display:grid;place-items:center}
.anstv-intro-line{position:absolute;top:50%;left:-12%;width:124%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(20,93,255,.2),var(--ablue),rgba(20,93,255,.65),transparent);opacity:0;transform:translate3d(-58%,-50%,0) scaleX(.06);box-shadow:0 0 12px rgba(20,93,255,.24)}
.is-playing .anstv-intro-line{animation:line 1.05s cubic-bezier(.2,.75,.25,1) .25s both}
.anstv-intro-logo-wrap{position:relative;width:min(62vw,520px);max-width:86vw;opacity:0;transform:translate3d(0,8px,0) scale(.985);filter:blur(3px)}
.is-playing .anstv-intro-logo-wrap{animation:logo 1.05s cubic-bezier(.2,.72,.2,1) 1.00s both}
.anstv-intro-logo{display:block;width:100%;height:auto;object-fit:contain}
.anstv-intro-shine{position:absolute;inset:-12% -8%;opacity:0;transform:translate3d(-115%,0,0) skewX(-18deg);background:linear-gradient(90deg,transparent 35%,rgba(255,255,255,.88) 50%,transparent 65%);mix-blend-mode:screen}
.is-playing .anstv-intro-shine{animation:shine .65s ease-out 2.10s both}
.anstv-fallback{position:relative;display:flex;align-items:baseline;justify-content:center;gap:.12em;color:#143aa8;font-family:Arial,sans-serif;line-height:1;white-space:nowrap}
.anstv-fallback strong{font-size:clamp(48px,13vw,138px);letter-spacing:-.08em}.anstv-fallback span{font-size:clamp(30px,8vw,82px);font-weight:800}.anstv-fallback em{position:absolute;right:2%;bottom:-22%;color:var(--agold);font-size:clamp(16px,3.8vw,38px);font-style:normal;font-weight:800;letter-spacing:.08em}
.anstv-intro-skip,.anstv-intro-audio{position:absolute;border:0;border-radius:999px;font:600 13px/1 system-ui;cursor:pointer}
.anstv-intro-skip{top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));padding:10px 14px;color:#536071;background:rgba(18,38,70,.06)}
.anstv-intro-audio{left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:11px 16px;color:#fff;background:#132d62;box-shadow:0 8px 28px rgba(11,32,71,.18)}
.anstv-intro-audio[hidden]{display:none!important}
@keyframes line{0%{opacity:0;transform:translate3d(-58%,-50%,0) scaleX(.06)}18%{opacity:1}72%{opacity:.92;transform:translate3d(18%,-50%,0) scaleX(.94)}100%{opacity:0;transform:translate3d(62%,-50%,0) scaleX(.22)}}
@keyframes logo{0%{opacity:0;transform:translate3d(0,8px,0) scale(.985);filter:blur(3px)}62%{opacity:1;transform:translate3d(0,0,0) scale(1.006);filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes shine{0%{opacity:0;transform:translate3d(-115%,0,0) skewX(-18deg)}25%{opacity:.52}100%{opacity:0;transform:translate3d(115%,0,0) skewX(-18deg)}}
@media(max-width:767px){.anstv-intro-stage{width:92vw;height:54vw;min-height:190px}.anstv-intro-logo-wrap{width:min(78vw,440px)}.anstv-intro-line{width:110%;left:-5%;box-shadow:0 0 8px rgba(20,93,255,.2)}}
@media(prefers-reduced-motion:reduce){.anstv-intro-line,.anstv-intro-shine{display:none}.is-playing .anstv-intro-logo-wrap{animation:logoReduced .28s ease both}@keyframes logoReduced{from{opacity:0}to{opacity:1}}}
