/* Original body stays grounded. CSS animates only masked hands and free ribbon ends. */
.mascot-art { position:absolute; inset:0; pointer-events:none; user-select:none; overflow:visible; }
.mascot-art-scale { position:absolute; left:0; top:0; width:440px; height:560px; transform-origin:0 0; }
.mascot-art-tilt,.mascot-art-breathe,.mascot-art-body { position:absolute; inset:0; transform-origin:50% 77%; }
.mascot-art-tilt { transform:none; }
.mascot-art-breathe { transform:none; }
.mascot-art-body { transform:none; }
.mascot-art-shadow { position:absolute; left:132px; top:526px; width:176px; height:18px; background:radial-gradient(ellipse,#41302a 0%,transparent 70%); opacity:.12; }
.mascot-original,.mascot-part { position:absolute; left:30px; top:0; width:380px; height:560px; background-size:380px 560px; background-repeat:no-repeat; opacity:1; }
.mascot-original,.mascot-part { mask-size:380px 560px; mask-repeat:no-repeat; -webkit-mask-size:380px 560px; -webkit-mask-repeat:no-repeat; }
.mascot-part { pointer-events:none; }
.mascot-hand { animation-timing-function:cubic-bezier(.42,0,.3,1); animation-fill-mode:both; }
.mascot-ribbon-left { animation:mascot-ribbon-left 7.8s ease-in-out infinite; }
.mascot-ribbon-right { animation:mascot-ribbon-right 9.2s ease-in-out infinite; }
/* Different periods keep the two soft tails from swinging in lockstep. Roots stay anchored. */
@keyframes mascot-ribbon-left { 0%,100%{transform:rotate(-1.1deg) skewY(-.35deg)} 28%{transform:rotate(2.6deg) skewY(.7deg)} 62%{transform:rotate(-2deg) skewY(-.65deg)} 82%{transform:rotate(.5deg)} }
@keyframes mascot-ribbon-right { 0%,100%{transform:rotate(.7deg) skewX(.25deg)} 32%{transform:rotate(-1.7deg) skewX(-.5deg)} 68%{transform:rotate(2.1deg) skewX(.65deg)} }
.mascot-expression { z-index:2; position:absolute; opacity:0; background-size:1140px 1120px; background-repeat:no-repeat; border-radius:50%; }
.mascot-eyes { left:143px; top:160px; width:106px; height:39px; background-position:-523px -160px; mask-image:radial-gradient(ellipse,black 50%,transparent 74%); }
.mascot-mouth { left:184px; top:195px; width:42px; height:29px; background-position:-944px -195px; mask-image:radial-gradient(ellipse,black 42%,transparent 74%); transition:opacity 55ms linear; }
.mascot-shopping-prop { position:absolute; left:52px; top:200px; width:68px; height:68px; display:grid; place-items:center; border-radius:19px; color:#b66031; background:#fff9ee; border:1.5px solid #e8c9a2; box-shadow:0 5px 12px #82391413; opacity:0; transition:opacity 200ms ease; transform-origin:center; animation:mascot-prop-float 2.8s ease-in-out infinite; }
.mascot-prop-secondary { left:321px; top:214px; width:60px; height:60px; }
.mascot-shopping-prop svg { width:100%; height:100%; }
.mascot-effect { position:absolute; inset:0; opacity:0; transition:opacity 220ms ease; }
.mascot-effect-mark { position:absolute; display:none; }
/* Shopping movements: compare two cards, scan, unfold, stamp, deliver and celebrate. */
.mascot-art[data-effect="compare"] .mascot-prop-primary { animation:mascot-compare-left 2s ease-in-out infinite; }
.mascot-art[data-effect="compare"] .mascot-prop-secondary { animation:mascot-compare-right 2s ease-in-out infinite; }
.mascot-art[data-effect="inspect"] .mascot-prop-primary { left:308px; top:272px; animation:mascot-scan 2.5s ease-in-out infinite; }
.mascot-art[data-effect="coupon"] .mascot-prop-primary { left:99px; top:117px; color:#b56115; animation:mascot-coupon-lift 2s ease-in-out infinite; }
.mascot-art[data-effect="budget"] .mascot-prop-primary { left:281px; top:306px; animation:mascot-count 1.8s ease-in-out infinite; }
.mascot-art[data-effect="order"] .mascot-prop-primary { left:287px; top:275px; animation:mascot-checklist 2.3s ease-in-out infinite; }
.mascot-art[data-effect="order"] .mascot-prop-secondary { left:338px; top:257px; width:37px; height:37px; color:#29816b; animation:mascot-stamp 2.3s ease-in-out infinite; }
.mascot-art[data-effect="delivery"] .mascot-prop-primary { left:74px; top:357px; animation:mascot-parcel-arrive 3s ease-in-out infinite; }
.mascot-art[data-effect="bill"] .mascot-prop-primary { left:292px; top:280px; height:102px; transform-origin:top; animation:mascot-receipt-open 3s ease-in-out infinite; }
.mascot-art[data-effect="favorite"] .mascot-prop-primary { left:303px; top:216px; color:#d06076; animation:mascot-heart-beat 1.7s ease-in-out infinite; }
.mascot-art[data-effect="favorite"] .mascot-prop-secondary { left:322px; top:145px; width:39px; height:39px; color:#d06076; animation:mascot-heart-rise 2.8s ease-out infinite; }
.mascot-art[data-effect="quality"] .mascot-prop-primary { left:82px; top:125px; color:#29816b; animation:mascot-stamp 2.4s ease-in-out infinite; }
.mascot-art[data-effect="quality"] .mascot-prop-secondary { left:316px; top:240px; width:38px; height:38px; color:#29816b; animation:mascot-heart-beat 2.4s ease-in-out infinite; }
.mascot-art[data-effect="celebrate"] .mascot-prop-primary { left:52px; top:93px; color:#c7932c; animation:mascot-star-left 2.4s ease-out infinite; }
.mascot-art[data-effect="celebrate"] .mascot-prop-secondary { left:316px; top:88px; color:#c7932c; animation:mascot-star-right 2.4s ease-out infinite; }
.mascot-art[data-effect="curious"] .mascot-prop-primary { left:306px; top:98px; animation:mascot-question 2.7s ease-in-out infinite; }
.mascot-art[data-effect="think"] .mascot-prop-primary { left:303px; top:121px; animation:mascot-thought 3s ease-in-out infinite; }
.mascot-art[data-effect="wait"] .mascot-prop-primary { left:304px; top:285px; animation:mascot-thought 4s ease-in-out infinite; }
.mascot-art[data-effect="bag"] .mascot-prop-primary { left:296px; top:366px; animation:mascot-bag-check 2.5s ease-in-out infinite; }
.mascot-art[data-effect="present"] .mascot-prop-primary { left:65px; top:208px; animation:mascot-present-product 2.8s ease-in-out infinite; }
.mascot-art[data-effect="explain"] .mascot-prop-primary { animation:mascot-explain-left 3s ease-in-out infinite; }
.mascot-art[data-effect="explain"] .mascot-prop-secondary { animation:mascot-star-right 3s ease-in-out infinite; }
.mascot-art[data-effect="thanks"] .mascot-prop-primary { left:309px; top:253px; width:48px; height:48px; color:#d06076; animation:mascot-heart-rise 3s ease-out infinite; }
.mascot-art[data-effect="proud"] .mascot-prop-primary { left:306px; top:230px; color:#29816b; animation:mascot-stamp 3s ease-in-out infinite; }
.mascot-art[data-effect="shrug"] .mascot-prop-primary { left:303px; top:157px; width:48px; height:48px; animation:mascot-question 3s ease-in-out infinite; }
/* Ear waves and palm response use simple CSS strokes, never another character image. */
.mascot-art[data-effect="listen"] .mascot-effect-mark { display:block; left:105px; top:174px; width:45px; height:55px; border:3px solid #d49456; border-left-color:transparent; border-bottom-color:transparent; border-radius:50%; animation:mascot-wave-ring 2s ease-out infinite; }
.mascot-art .mascot-effect-mark:nth-child(2) { animation-delay:.25s; }
.mascot-art .mascot-effect-mark:nth-child(3) { animation-delay:.5s; }
.mascot-art[data-effect="listen"] .mascot-effect-mark { left:318px; top:165px; width:28px; height:43px; border-color:#69a899; border-left-color:transparent; border-bottom-color:transparent; }
.mascot-art[data-effect="highfive"] .mascot-effect-mark { left:94px; top:164px; width:58px; height:69px; border:3px solid #dda854; }
.mascot-art[data-effect="reassure"] .mascot-effect-mark { left:76px; top:243px; width:40px; height:16px; border-color:#b7c9b6; border-left-color:transparent; border-bottom-color:transparent; }
.mascot-art[data-active="false"] .mascot-shopping-prop,.mascot-art[data-active="false"] .mascot-effect-mark { animation-play-state:paused; }
.mascot-art[data-suspended="true"] * { animation-play-state:paused !important; }
.mascot-art[data-quiet="true"] * { animation:none !important; }
/* Local wrist motion; no translate/rotate is ever applied to the body. */
@keyframes mascot-hand-greet { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 24%{transform:rotate(-7deg)} 34%{transform:rotate(7deg)} 44%{transform:rotate(-8deg)} 54%{transform:rotate(6deg)} 65%{transform:rotate(-5deg)} 77%{transform:rotate(2deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-nod { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 30%{transform:rotate(-2deg)} 44%{transform:rotate(2deg)} 58%{transform:rotate(-2deg)} 72%{transform:rotate(1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-curious { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 31%{transform:rotate(4deg)} 52%{transform:rotate(6deg)} 72%{transform:rotate(3deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-look_left { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 30%{transform:rotate(-5deg)} 63%{transform:rotate(-5deg)} 77%{transform:rotate(-1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-look_right { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 32%{transform:rotate(3deg)} 60%{transform:rotate(5deg)} 76%{transform:rotate(1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-bow { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 32%{transform:rotate(5deg)} 55%{transform:rotate(5deg)} 76%{transform:rotate(2deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-stretch { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 29%{transform:rotate(-6deg)} 48%{transform:rotate(-8deg)} 69%{transform:rotate(-4deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-hand_offer { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 31%{transform:rotate(-5deg)} 47%{transform:rotate(-3deg)} 63%{transform:rotate(-6deg)} 77%{transform:rotate(-1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-adjust_bag { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 28%{transform:rotate(3deg)} 39%{transform:rotate(-2deg)} 51%{transform:rotate(3deg)} 63%{transform:rotate(-2deg)} 76%{transform:rotate(1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-listen { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 31%{transform:rotate(-3deg)} 62%{transform:rotate(-3deg)} 76%{transform:rotate(-1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-think { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 32%{transform:rotate(2deg)} 48%{transform:rotate(-1deg)} 67%{transform:rotate(2deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-explain { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 29%{transform:rotate(-5deg)} 44%{transform:rotate(3deg)} 60%{transform:rotate(-4deg)} 75%{transform:rotate(2deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-present { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 30%{transform:rotate(-7deg)} 60%{transform:rotate(-7deg)} 76%{transform:rotate(-2deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-compare { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 29%{transform:rotate(-5deg)} 42%{transform:rotate(4deg)} 55%{transform:rotate(-5deg)} 70%{transform:rotate(4deg)} 79%{transform:rotate(0deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-inspect { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 30%{transform:rotate(3deg)} 47%{transform:rotate(5deg)} 69%{transform:rotate(2deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-coupon { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 29%{transform:rotate(-8deg)} 40%{transform:rotate(-4deg)} 55%{transform:rotate(-7deg)} 72%{transform:rotate(-2deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-budget { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 28%{transform:rotate(3deg)} 36%{transform:rotate(-2deg)} 46%{transform:rotate(3deg)} 54%{transform:rotate(-2deg)} 64%{transform:rotate(3deg)} 75%{transform:rotate(0deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-order { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 29%{transform:rotate(3deg)} 40%{transform:rotate(0deg)} 50%{transform:rotate(3deg)} 61%{transform:rotate(0deg)} 72%{transform:rotate(3deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-delivery { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 30%{transform:rotate(-4deg)} 48%{transform:rotate(-6deg)} 65%{transform:rotate(2deg)} 78%{transform:rotate(0deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-bill { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 30%{transform:rotate(-4deg)} 49%{transform:rotate(4deg)} 68%{transform:rotate(1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-favorite { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 32%{transform:rotate(-3deg)} 47%{transform:rotate(-5deg)} 61%{transform:rotate(-2deg)} 74%{transform:rotate(-4deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-quality { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 29%{transform:rotate(-7deg)} 49%{transform:rotate(-7deg)} 64%{transform:rotate(-3deg)} 77%{transform:rotate(-1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-celebrate { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 27%{transform:rotate(-9deg)} 37%{transform:rotate(6deg)} 48%{transform:rotate(-7deg)} 60%{transform:rotate(5deg)} 73%{transform:rotate(-3deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-wait { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 38%{transform:rotate(1deg)} 62%{transform:rotate(-1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-reassure { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 31%{transform:rotate(4deg)} 45%{transform:rotate(-3deg)} 60%{transform:rotate(3deg)} 75%{transform:rotate(-1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-thanks { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 32%{transform:rotate(4deg)} 49%{transform:rotate(1deg)} 64%{transform:rotate(3deg)} 77%{transform:rotate(1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-high_five { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 29%{transform:rotate(-10deg)} 43%{transform:rotate(-10deg)} 53%{transform:rotate(-3deg)} 65%{transform:rotate(-6deg)} 77%{transform:rotate(-1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-peek { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 31%{transform:rotate(6deg)} 52%{transform:rotate(4deg)} 68%{transform:rotate(6deg)} 78%{transform:rotate(1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-hand_count { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 28%{transform:rotate(4deg)} 35%{transform:rotate(0deg)} 43%{transform:rotate(4deg)} 51%{transform:rotate(0deg)} 59%{transform:rotate(4deg)} 67%{transform:rotate(0deg)} 75%{transform:rotate(3deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-hand_point { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 30%{transform:rotate(-6deg)} 45%{transform:rotate(-2deg)} 61%{transform:rotate(-6deg)} 76%{transform:rotate(-1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-shrug { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 31%{transform:rotate(-4deg)} 47%{transform:rotate(4deg)} 63%{transform:rotate(-3deg)} 77%{transform:rotate(1deg)} 84%,100%{transform:none} }
@keyframes mascot-hand-proud { 0%{transform:var(--mascot-hand-from,none)} 18%{transform:none} 30%{transform:rotate(-6deg)} 51%{transform:rotate(-6deg)} 69%{transform:rotate(-3deg)} 84%,100%{transform:none} }
@keyframes mascot-prop-float { 0%,100%{transform:translateY(0) rotate(-3deg)} 50%{transform:translateY(-6px) rotate(3deg)} }
@keyframes mascot-compare-left { 0%,100%{transform:translateY(5px) scale(.95)} 50%{transform:translateY(-17px) scale(1.1)} }
@keyframes mascot-compare-right { 0%,100%{transform:translateY(-17px) scale(1.1)} 50%{transform:translateY(5px) scale(.95)} }
@keyframes mascot-scan { 0%,100%{transform:translate(-5px,-4px) rotate(-10deg)} 33%{transform:translate(7px,18px) rotate(6deg)} 66%{transform:translate(-8px,30px) rotate(-5deg)} }
@keyframes mascot-coupon-lift { 0%,100%{transform:translateY(4px) rotate(-9deg)} 50%{transform:translateY(-17px) rotate(9deg) scale(1.12)} }
@keyframes mascot-count { 0%,100%{transform:rotate(3deg)} 25%,65%{transform:translateY(5px) rotate(-2deg) scale(.96)} 45%,85%{transform:translateY(-3px) rotate(1deg)} }
@keyframes mascot-checklist { 0%,100%{transform:translateY(0)} 30%{transform:translateY(-6px)} 60%{transform:translateY(-13px)} 85%{transform:translateY(-18px)} }
@keyframes mascot-stamp { 0%,100%{transform:scale(.93) rotate(-6deg)} 25%{transform:scale(1.17) rotate(3deg)} 42%{transform:scale(1) rotate(0)} 80%{transform:scale(1)} }
@keyframes mascot-parcel-arrive { 0%,100%{transform:translateX(-30px) rotate(-10deg) scale(.9)} 45%{transform:translateX(22px) rotate(5deg) scale(1.08)} 65%{transform:translateX(17px) rotate(0)} }
@keyframes mascot-receipt-open { 0%,100%{transform:scaleY(.6) rotate(2deg)} 35%,75%{transform:scaleY(1) rotate(-3deg)} }
@keyframes mascot-heart-beat { 0%,100%{transform:scale(1)} 24%{transform:scale(1.2)} 40%{transform:scale(1.04)} 58%{transform:scale(1.14)} }
@keyframes mascot-heart-rise { 0%,100%{transform:translateY(12px) rotate(-9deg) scale(.8)} 65%{transform:translateY(-17px) rotate(7deg) scale(1.08)} }
@keyframes mascot-star-left { 0%,100%{transform:translate(0,12px) rotate(-12deg) scale(.8)} 50%{transform:translate(-15px,-21px) rotate(24deg) scale(1.13)} }
@keyframes mascot-star-right { 0%,100%{transform:translate(0,16px) rotate(12deg) scale(.85)} 50%{transform:translate(16px,-17px) rotate(-26deg) scale(1.06)} }
@keyframes mascot-question { 0%,100%{transform:rotate(-10deg) translateY(1px)} 50%{transform:rotate(12deg) translateY(-12px)} }
@keyframes mascot-thought { 0%,100%{transform:translateY(2px) scale(.93)} 50%{transform:translateY(-9px) scale(1.08)} }
@keyframes mascot-bag-check { 0%,100%{transform:rotate(7deg)} 40%{transform:rotate(-11deg) translateY(-9px)} 75%{transform:rotate(4deg) translateY(-3px)} }
@keyframes mascot-present-product { 0%,100%{transform:translateY(6px) scale(.94)} 40%,70%{transform:translateY(-14px) scale(1.11) rotate(-4deg)} }
@keyframes mascot-explain-left { 0%,100%{transform:translateX(-3px) rotate(-7deg)} 50%{transform:translate(13px,-13px) rotate(7deg)} }
@keyframes mascot-wave-ring { 0%{transform:scale(.55);opacity:0} 30%{opacity:.75} 95%,100%{transform:scale(1.5);opacity:0} }
@media(prefers-reduced-motion:reduce) { .mascot-art * { animation:none !important; transition:none !important; } }

@supports not ((mask-image:linear-gradient(black,black)) or (-webkit-mask-image:linear-gradient(black,black))) { .mascot-part { display:none; } }

/* 羽化仅作用于视频真实画幅，不能加在公共容器上，避免影响 image 的透明图层。
   auto + max-size 保持原比例；若在 object-fit 的宽容器上加蒙版，竖屏视频左右的硬边仍会留在容器内部。 */
.mascot-welcome-video {
    position:absolute; left:50%; top:50%; width:auto; height:auto; max-width:100%; max-height:100%;
    transform:translate(-50%,-50%); object-fit:contain; opacity:0; pointer-events:none; user-select:none; z-index:1;
    /* 白色视频底与下方地面光影相乘，避免把延伸阴影重新盖成白色矩形。 */
    mix-blend-mode:multiply;
    /* 上部完整保留角色；地面改为椭圆过渡，重点淡出两侧灰底，保留中央鞋子。 */
    --mascot-video-mask:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,#000 74%,transparent 87%),radial-gradient(ellipse 53% 24% at 50% 83%,#000 55%,rgba(0,0,0,.8) 66%,rgba(0,0,0,.28) 82%,transparent 100%);
    -webkit-mask-image:var(--mascot-video-mask); mask-image:var(--mascot-video-mask);
    -webkit-mask-composite:source-in,source-in,source-over; mask-composite:intersect,intersect,add;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
/* 地面属于页面，而不是视频边框：向画幅外的左右延伸，再缓慢融入白色。
   仅视频首帧就绪后显示，image 模式不增加阴影或改变原图。 */
#welcome-avatar[data-video-renderer="ready"]::before {
    content:''; position:absolute; pointer-events:none; z-index:0;
    left:50%; top:92%; width:110%; height:22%; transform:translate(-50%,-50%);
    background:radial-gradient(ellipse at center,rgba(102,93,80,.14) 0%,rgba(128,118,102,.075) 28%,rgba(153,144,130,.02) 55%,transparent 74%);
    filter:blur(3px);
}
.mascot-3d[data-video-renderer="ready"] > .mascot-welcome-video { opacity:1; }
.mascot-3d[data-video-renderer="ready"] > .mascot-fallback,
.mascot-3d[data-video-renderer="ready"] > .mascot-art { visibility:hidden; }
.mascot-welcome-video::-webkit-media-controls { display:none !important; }
.welcome-avatar-stage { position:relative; }