/* v10 visible mascots + reliable intro */
.ts-intro-screen{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;isolation:isolate}
.ts-intro-screen.is-active{opacity:1;visibility:visible}
.ts-intro-screen.is-done{opacity:0;visibility:hidden}
.ts-intro-backdrop{position:absolute;inset:0;background:radial-gradient(circle at center,#fff 0%,#fcf5ff 60%,#ead9ff 100%);z-index:-2}
.ts-intro-logo-wrap{position:relative;transform-origin:center;transition:transform 1.1s cubic-bezier(.22,.8,.21,1)}
.ts-intro-screen.is-flying .ts-intro-logo-wrap{transform:translate3d(var(--move-x,0px),var(--move-y,0px),0) scale(var(--scale-to,.22))}
.ts-intro-logo{width:min(52vw,380px);height:auto;display:block;filter:drop-shadow(0 12px 18px #752c9f26)}
.ts-intro-glow{position:absolute;inset:-10%;z-index:-1;background:radial-gradient(circle,#f5ccff80,transparent 72%);border-radius:50%;animation:ts-v10-glow 1.7s ease-in-out infinite alternate}
@keyframes ts-v10-glow{to{transform:scale(1.2);opacity:.4}}
body.ts-intro-lock{overflow:hidden}
.ts-hero-new{position:relative!important;isolation:isolate;overflow:hidden}
.ts-mascot-stage{position:absolute!important;inset:0!important;z-index:12!important;pointer-events:none!important;overflow:hidden!important;--mx:0px;--my:0px;--mr:0deg}
.ts-mascot{display:block!important;position:absolute!important;width:clamp(110px,14vw,185px)!important;height:auto!important;max-width:none!important;opacity:1!important;visibility:visible!important;object-fit:contain;filter:drop-shadow(0 9px 16px #54218248);animation:ts-v10-float 3.8s ease-in-out infinite;will-change:translate,transform;transition:transform .18s ease-out}
.ts-mascot-boy{left:1%!important;bottom:8%!important;transform:translate3d(var(--mx),var(--my),0) rotate(var(--mr))}
.ts-mascot-girl{right:1%!important;top:9%!important;transform:translate3d(calc(var(--mx) * -.7),calc(var(--my) * -.65),0) rotate(calc(var(--mr) * -.5));animation-delay:-1.8s}
@keyframes ts-v10-float{0%,100%{translate:0 0}50%{translate:0 -17px}}
.ts-hero-new-grid{position:relative;z-index:3}
.ts-hero-new .ts-hero-text,.ts-hero-new .ts-hero-photo{position:relative;z-index:3}
.ts-replay-intro{position:fixed;bottom:18px;left:18px;z-index:190;display:flex;align-items:center;gap:5px;border:1px solid #e7d3f1;background:#fff;color:#7e229d;border-radius:30px;padding:7px 12px;font:700 11px Cairo,Tahoma,sans-serif;box-shadow:0 5px 15px #3b165325;cursor:pointer}
.ts-replay-intro:hover{background:#f8edff}
@media(max-width:900px){.ts-mascot{width:100px!important}.ts-mascot-boy{bottom:2%!important;left:0!important}.ts-mascot-girl{top:24%!important;right:0!important}}
@media(max-width:720px){.ts-intro-logo{width:min(75vw,260px)}.ts-mascot{width:68px!important}.ts-mascot-boy{left:0!important;bottom:2%!important}.ts-mascot-girl{right:0!important;top:36%!important}.ts-replay-intro{bottom:12px;left:10px;padding:5px 9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.ts-intro-screen{display:none!important}.ts-mascot{animation:none!important;transition:none!important}.ts-intro-glow{animation:none!important}}