/* Original artwork, cinematic framing. All motion is presentation only. */
.game-teaser{--teaser-cream:#fff4c4;--teaser-ink:#102f32;margin:20px 0 26px;color:var(--teaser-cream);background:#102d2b;border:3px solid #e5b45c;border-radius:28px;overflow:hidden;box-shadow:0 6px 0 #9b692d,0 18px 45px #263f392d;isolation:isolate}
.game-teaser[hidden]{display:none!important}.teaser-topline{display:flex;align-items:center;gap:20px;min-height:58px;padding:10px 20px;background:linear-gradient(110deg,#0f4540,#172f31 60%,#4a211c);border-bottom:1px solid #fff2ae29;position:relative;z-index:5}.teaser-brand{font:1000 17px/1 "Arial Rounded MT Bold","Arial Black",sans-serif;letter-spacing:-.7px;color:#e6fff2;white-space:nowrap}.teaser-brand i{font-size:11px;font-style:italic;color:#ffd478;margin:0 4px}.teaser-preview-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#cde1cd;white-space:nowrap}.teaser-preview-label>span{color:#ffd779;margin-right:5px;font-size:8px}.teaser-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.teaser-tools .sound-toggle{background:#fff3c513;color:#fff1c6;border-color:#fff4c446;box-shadow:none;font-size:11px;min-height:36px;white-space:nowrap}.teaser-pause{color:#e9e7d2;background:none;border:0;font:inherit;font-size:11px;white-space:nowrap;padding:9px 4px}.teaser-pause:hover{color:#fff;text-decoration:underline}.game-teaser button:focus-visible,.game-teaser a:focus-visible{outline:3px solid #fff3a1;outline-offset:4px}.teaser-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.teaser-screen{height:clamp(400px,48vw,560px);position:relative;overflow:hidden;background:#174c42;contain:paint}.teaser-scene{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}.teaser-scene.is-current{opacity:1;visibility:visible;animation:teaser-scene-reveal .65s both}.teaser-scene *{animation-play-state:paused!important}.teaser-scene.is-current *{animation-play-state:running!important}.teaser-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#071f2820,transparent 24%,transparent 56%,#0a242499 100%),radial-gradient(ellipse at 50% 43%,transparent 35%,#061b2422 100%);z-index:3}.teaser-film-edge{position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff4c41c;pointer-events:none;z-index:6}.teaser-scene-copy{position:absolute;bottom:37px;left:20px;right:20px;z-index:4;text-align:center;filter:drop-shadow(0 4px 0 #183229aa)}.teaser-scene-copy strong{display:block;font:1000 clamp(29px,4.6vw,58px)/.98 "Arial Rounded MT Bold","Arial Black","Trebuchet MS",sans-serif;letter-spacing:-2px;color:#fff5cb;text-shadow:0 2px 0 #b28337}.teaser-kicker{display:block;margin-bottom:9px;font-size:11px;font-weight:950;letter-spacing:.22em;color:#fff1b3;text-shadow:0 2px 8px #092720}.teaser-segments{display:flex;position:absolute;bottom:13px;left:32%;right:32%;z-index:6;gap:6px}.teaser-segments>span{height:3px;flex:1;background:#fff5ce35;border-radius:5px;overflow:hidden}.teaser-segments i{display:block;height:100%;background:#ffdd76;transform:scaleX(0);transform-origin:left center}
.teaser-split{position:absolute;inset:-20%;will-change:transform}.teaser-split-cats{background:radial-gradient(ellipse at 24% 34%,#53c9aa 0,#176555 43%,#103f3a 80%);clip-path:polygon(0 0,57% 0,48% 100%,0 100%)}.teaser-split-dogs{background:radial-gradient(ellipse at 77% 34%,#f26837 0,#b52e20 40%,#601f1e 80%);clip-path:polygon(57% 0,100% 0,100% 100%,48% 100%)}.teaser-speed-lines{position:absolute;inset:-80%;background:repeating-conic-gradient(from 5deg at 50% 50%,transparent 0deg 16deg,#fff0aa0b 17deg 18deg,transparent 19deg 30deg);animation:teaser-rays 25s linear infinite}.teaser-team-tag{position:absolute;top:28px;z-index:3;font-size:12px;font-weight:950;letter-spacing:.2em;padding:9px 17px;border:1px solid #fff5d35c;border-radius:5px;background:#102d323b;color:#fff4ce;transform:rotate(-4deg)}.teaser-tag-cats{left:6%}.teaser-tag-dogs{right:6%;transform:rotate(4deg)}.teaser-head{position:absolute;width:46%;aspect-ratio:1;top:2%;background-image:url('versus-heads.png');background-size:200% 100%;background-repeat:no-repeat;filter:drop-shadow(0 13px 12px #102c2850);will-change:transform}.teaser-head-cat{left:4%;background-position:left center;transform-origin:70% 90%;animation:teaser-cat-face 4.2s ease-in-out infinite}.teaser-head-dog{right:4%;background-position:right center;transform-origin:30% 90%;animation:teaser-dog-face 4.2s ease-in-out infinite}.teaser-versus{position:absolute;z-index:3;top:35%;left:50%;width:100px;height:100px;margin-left:-50px;display:grid;place-items:center;border-radius:26%;background:linear-gradient(130deg,#fff6bb,#ffd05a 58%,#efaa29);border:4px solid #ffefac;box-shadow:0 6px 0 #bd7423,0 12px 30px #132b3755;color:#825222;font:1000 italic 47px/1 "Arial Black",sans-serif;transform:rotate(-8deg);animation:teaser-vs 4.2s ease-in-out infinite}.teaser-rivals .teaser-scene-copy{bottom:38px}
.teaser-stadium{background:#e7f4cf}.teaser-stadium-world{position:absolute;inset:0;transform-origin:50% 65%;animation:teaser-camera 5s ease-in-out infinite}.teaser-sky{position:absolute;inset:0;background:linear-gradient(#8fd3cf,#dfedb5 65%,#8bb966)}.teaser-sky i{position:absolute;left:7%;top:9%;width:15%;height:7%;background:#fffdf4b8;border-radius:50%;box-shadow:25px -10px 0 #fffdf49e,-22px -3px 0 #fffdf490;animation:teaser-cloud 18s ease-in-out infinite alternate}.teaser-sky i:nth-child(2){left:42%;top:4%;transform:scale(.65);animation-delay:-8s}.teaser-sky i:nth-child(3){left:75%;top:10%;transform:scale(.8);animation-delay:-3s}.teaser-treeline{position:absolute;top:22%;left:-5%;right:-5%;height:32%;background:radial-gradient(ellipse at 10% 85%,#85b880 0 16%,transparent 16.4%),radial-gradient(ellipse at 30% 75%,#aacb85 0 17%,transparent 17.4%),radial-gradient(ellipse at 50% 90%,#84b77c 0 18%,transparent 18.4%),radial-gradient(ellipse at 75% 75%,#aacb85 0 22%,transparent 22.4%),radial-gradient(ellipse at 95% 85%,#85b880 0 18%,transparent 18.4%)}.teaser-field{position:absolute;inset:43% 0 0;background:repeating-linear-gradient(170deg,#aad47b 0 13%,#98c96f 13.2% 26%)}.teaser-field-mark{position:absolute;bottom:17%;left:4%;width:92%;height:20%;border:2px solid #edf7ca80;border-radius:50%;background:#badc8d4d}.teaser-field-mark:before{content:"";position:absolute;left:50%;top:-20%;height:150%;border-left:2px dashed #fff6d4b3;transform:rotate(8deg)}.teaser-pennants{position:absolute;top:2%;left:0;right:0;display:flex;justify-content:space-around;border-top:2px solid #41685c;transform:rotate(1deg)}.teaser-pennants span{color:#0f9278;font-size:30px;line-height:1;transform:rotate(180deg);text-shadow:0 2px 2px #fff7;animation:teaser-flag 1.8s ease-in-out infinite alternate}.teaser-pennants span:nth-child(n+7){color:#c93a26}.teaser-pennants span:nth-child(3n){color:#f8c457;animation-delay:-.8s}.teaser-fans{position:absolute;left:6%;top:16%;width:88%;height:auto;filter:drop-shadow(0 4px 0 #3f653526)}.teaser-stadium-cup{position:absolute;left:43%;top:19%;width:14%;filter:drop-shadow(0 1px 8px #fff1a7)}.teaser-trophy{display:block;width:100%;height:auto;overflow:visible}.teaser-tug{position:absolute;left:0;right:0;bottom:15%;height:auto;aspect-ratio:4/1;animation:teaser-tug 2.5s ease-in-out infinite}.teaser-cats,.teaser-dogs{position:absolute;bottom:0;width:48%;height:auto;filter:drop-shadow(0 5px 2px #42643630)}.teaser-cats{left:1%}.teaser-dogs{right:1%}.teaser-rope{position:absolute;left:2%;right:2%;height:7px;bottom:36%;background:repeating-linear-gradient(50deg,#c5a065 0 4px,#8a643c 4px 6px);border:1px solid #775231;border-radius:20px}.teaser-rope-ribbon{position:absolute;bottom:24%;left:49.4%;width:1.2%;height:15%;background:#ed613d;clip-path:polygon(0 0,100% 0,95% 100%,50% 76%,0 100%);transform:rotate(-9deg);animation:teaser-flag .8s ease-in-out infinite alternate}.teaser-dust{position:absolute;bottom:-1%;width:11%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#eee4acb3,transparent 70%);animation:teaser-dust 1.3s ease-out infinite}.teaser-dust-left{left:12%}.teaser-dust-right{right:10%;animation-delay:-.5s}.teaser-stadium .teaser-scene-copy{bottom:35px}.teaser-stadium .teaser-kicker{color:#fff8da}.teaser-stadium .teaser-scene-copy strong{font-size:clamp(29px,4.2vw,52px)}
.teaser-cup-scene{background:radial-gradient(ellipse at 50% 34%,#737447 0,#284e3d 38%,#123b34 65%,#0c282c 100%)}.teaser-cup-rays{position:absolute;width:110%;aspect-ratio:1;left:-5%;top:-55%;background:repeating-conic-gradient(from 0deg,transparent 0deg 16deg,#ffdf7310 16deg 32deg);animation:teaser-rays 36s linear infinite}.teaser-cup-spotlight{position:absolute;left:24%;top:-25%;width:52%;height:110%;background:linear-gradient(#ffe4920d,#ffefb329,transparent);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);filter:blur(10px);animation:teaser-spotlight 4.1s ease-in-out infinite}.teaser-hero-cup{position:absolute;left:50%;top:5%;height:69%;aspect-ratio:270/305;transform:translateX(-50%);filter:drop-shadow(0 9px 16px #061c2d50);animation:teaser-cup-reveal 4.1s ease-out infinite}.teaser-cup-glint{transform-box:fill-box;transform-origin:center;animation:teaser-glint 2.6s ease-in-out infinite}.teaser-cup-scene .teaser-scene-copy{bottom:34px}.teaser-cup-scene .teaser-scene-copy strong{font-size:clamp(29px,3.8vw,46px);line-height:.98}.teaser-confetti{position:absolute;inset:0}.teaser-confetti i{position:absolute;left:calc(6% + var(--n)*8%);top:-3%;width:7px;height:13px;border-radius:1px;background:#ffda67;opacity:0;animation:teaser-confetti 4.1s linear infinite;animation-delay:calc(var(--n)*-.31s)}.teaser-confetti i:nth-child(3n){background:#82eac4;width:5px}.teaser-confetti i:nth-child(3n+1){background:#f8794f}
.teaser-rally .teaser-split-cats{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.teaser-rally .teaser-split-dogs{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.teaser-rally-orbit{position:absolute;width:60%;aspect-ratio:1;left:20%;top:-4%;border:1px solid #ffe5943b;border-radius:50%;box-shadow:0 0 0 50px #ffe59408,0 0 0 110px #ffe59405;animation:teaser-orbit 3s ease-out infinite}.teaser-rally-head{position:absolute;top:3%;width:33%;aspect-ratio:1;background:url('versus-heads.png') no-repeat;background-size:200% 100%;filter:drop-shadow(0 8px 8px #09272450);animation:teaser-rally-head 4.7s ease-in-out infinite}.teaser-rally-cat{left:16%;background-position:left center}.teaser-rally-dog{right:16%;background-position:right center;animation-delay:-.5s}.teaser-rally-title{display:flex;align-items:center;justify-content:center;gap:16px;position:absolute;left:0;right:0;bottom:29%;transform:rotate(-2deg);filter:drop-shadow(0 7px 0 #183e31);animation:teaser-title-reveal 4.7s ease-in-out infinite}.teaser-rally-title>span{font:1000 clamp(42px,7.5vw,96px)/1 "Arial Rounded MT Bold","Arial Black",sans-serif;letter-spacing:-5px;color:#8af3ce;-webkit-text-stroke:2px #fff3be;paint-order:stroke fill;text-shadow:0 3px 0 #0e624c}.teaser-rally-title>span:last-child{color:#f95633;text-shadow:0 3px 0 #8c241b}.teaser-rally-title>i{display:grid;place-items:center;font:1000 italic 26px/1 "Arial Black",sans-serif;color:#8d5425;width:61px;height:61px;border-radius:50%;background:linear-gradient(#fff1b2,#eeb33b);border:3px solid #ffe6a3;transform:rotate(8deg)}.teaser-rally .teaser-scene-copy strong{font-size:clamp(25px,3.5vw,43px)}
.teaser-actionbar{position:relative;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 25px 22px;background:linear-gradient(120deg,#153e37,#173734 55%,#422922);border-top:1px solid #ffe7ad32}.teaser-action-copy strong{display:block;font-size:22px;font-weight:950;letter-spacing:-.5px;color:#fff3c6}.teaser-action-copy>span{display:block;font-size:12px;line-height:1.5;color:#b9d0bf;margin-top:5px}.teaser-play{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;flex:none;min-width:250px;min-height:72px;padding:12px 23px;border:2px solid #fff0aa;border-radius:16px;background:linear-gradient(#fff0a1,#f6bf4a);box-shadow:inset 0 3px 0 #fff9d3,0 5px 0 #b87b27,0 9px 20px #071e2740;color:#573d21;transition:transform .15s,box-shadow .15s;text-align:left}.teaser-play>span:nth-child(2){font:1000 25px/1 "Arial Rounded MT Bold","Arial Black",sans-serif;letter-spacing:-.6px}.teaser-play small{display:block;margin-top:5px;font-family:inherit;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:0}.teaser-play-icon{font-size:20px}.teaser-play-arrow{font-size:27px;margin-left:8px}.teaser-play:hover{background:linear-gradient(#fff5bc,#ffce65);transform:translateY(-2px);box-shadow:inset 0 3px 0 #fff9d3,0 7px 0 #b87b27,0 12px 24px #071e2740}.teaser-play:active{transform:translateY(3px);box-shadow:inset 0 2px 0 #fff9d3,0 2px 0 #b87b27}.teaser-bottomline{display:flex;gap:17px;align-items:center;justify-content:flex-end;padding:5px 23px 9px;color:#b2c8ba;background:#0e2a28;font-size:10px;line-height:1.4}.teaser-bottomline>span{margin-right:auto}.teaser-bottomline a{color:#e4d7ab;white-space:nowrap;text-underline-offset:3px}.teaser-bottomline .teaser-pause{font-size:10px}.game-teaser.is-paused *,.game-teaser.is-paused *::before,.game-teaser.is-paused *::after{animation-play-state:paused!important}.teaser-is-open .foot{margin-top:15px}
@keyframes teaser-scene-reveal{from{opacity:0;filter:brightness(.8);transform:scale(1.025)}to{opacity:1;filter:brightness(1);transform:scale(1)}}
@keyframes teaser-cat-face{0%{transform:translate(-12%,4%) scale(.93) rotate(-5deg)}22%{transform:translate(0,0) scale(1.02) rotate(-1deg)}80%{transform:translate(2%,-1%) scale(1.06) rotate(1deg)}100%{transform:translate(3%,-1%) scale(1.07) rotate(1deg)}}
@keyframes teaser-dog-face{0%{transform:translate(12%,4%) scale(.93) rotate(5deg)}22%{transform:translate(0,0) scale(1.02) rotate(1deg)}80%{transform:translate(-2%,-1%) scale(1.06) rotate(-1deg)}100%{transform:translate(-3%,-1%) scale(1.07) rotate(-1deg)}}
@keyframes teaser-vs{0%{transform:rotate(-20deg) scale(.25);opacity:0}14%{transform:rotate(-7deg) scale(1.12);opacity:1}23%{transform:rotate(-8deg) scale(1)}80%{transform:rotate(-5deg) scale(1.05)}100%{transform:rotate(-6deg) scale(1.05)}}
@keyframes teaser-camera{0%{transform:scale(1.13) translateX(-2%)}100%{transform:scale(1.01) translateX(0)}}
@keyframes teaser-tug{0%,100%{transform:translateX(-1.2%) rotate(-.25deg)}50%{transform:translateX(1.2%) rotate(.25deg)}}
@keyframes teaser-cloud{to{margin-left:4%}}@keyframes teaser-flag{to{rotate:6deg}}@keyframes teaser-dust{0%{opacity:0;transform:translateX(0) scale(.4)}30%{opacity:.7}100%{opacity:0;transform:translateX(-15px) scale(1.4)}}
@keyframes teaser-rays{to{transform:rotate(360deg)}}@keyframes teaser-spotlight{50%{transform:rotate(7deg)}}
@keyframes teaser-cup-reveal{0%{transform:translateX(-50%) scale(.8) rotate(-8deg);opacity:0}20%{transform:translateX(-50%) scale(1) rotate(2deg);opacity:1}100%{transform:translateX(-50%) scale(1.04) rotate(-1deg);opacity:1}}
@keyframes teaser-glint{0%,60%,100%{opacity:.12;transform:scale(.45) rotate(0)}72%{opacity:1;transform:scale(1.2) rotate(90deg)}84%{opacity:.2;transform:scale(.5) rotate(180deg)}}
@keyframes teaser-confetti{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:0}10%{opacity:.8}80%{opacity:.6}100%{transform:translate3d(25px,560px,0) rotate(300deg);opacity:0}}
@keyframes teaser-rally-head{0%{transform:scale(.88) translateY(4%)}30%{transform:scale(1) translateY(0)}100%{transform:scale(1.04) translateY(-1%)}}
@keyframes teaser-title-reveal{0%{transform:rotate(-5deg) scale(.9)}22%{transform:rotate(-2deg) scale(1.03)}100%{transform:rotate(-1deg) scale(1)}}@keyframes teaser-orbit{0%{transform:scale(.8);opacity:.35}100%{transform:scale(1.3);opacity:0}}
@media(max-width:700px){.game-teaser{margin:11px 0 22px;border-radius:22px;border-width:2px}.teaser-topline{min-height:54px;gap:8px;padding:8px 11px;flex-wrap:wrap}.teaser-brand{font-size:13px}.teaser-brand i{font-size:9px;margin:0 2px}.teaser-preview-label{font-size:8px;letter-spacing:.04em}.teaser-preview-label>span{display:none}.teaser-tools{gap:7px}.teaser-tools .sound-toggle{font-size:9px;padding:7px;min-height:34px}.teaser-screen{height:clamp(330px,103vw,500px)}.teaser-team-tag{top:22px;font-size:9px;padding:7px 10px;letter-spacing:.12em}.teaser-tag-cats{left:7%}.teaser-tag-dogs{right:7%}.teaser-head{width:64%;top:17%}.teaser-head-cat{left:-12%}.teaser-head-dog{right:-12%}.teaser-versus{width:67px;height:67px;top:39%;margin-left:-33.5px;border-width:3px;font-size:33px;border-radius:19px}.teaser-kicker{font-size:8px;letter-spacing:.15em;margin-bottom:8px}.teaser-scene-copy{bottom:40px;left:10px;right:10px}.teaser-scene-copy strong{font-size:clamp(29px,8.9vw,47px);letter-spacing:-1.3px}.teaser-rivals .teaser-scene-copy{bottom:45px}.teaser-segments{left:29%;right:29%;bottom:15px}.teaser-stadium-world{inset:0 -40%}.teaser-stadium .teaser-scene-copy{bottom:42px}.teaser-stadium .teaser-scene-copy strong{font-size:clamp(25px,7.8vw,40px)}.teaser-fans{top:25%}.teaser-field{top:48%}.teaser-stadium-cup{top:29%;left:44%;width:12%}.teaser-tug{height:auto;bottom:24%}.teaser-cats,.teaser-dogs{width:45%}.teaser-cats{left:3%}.teaser-dogs{right:3%}.teaser-rope{bottom:36%}.teaser-cup-rays{width:180%;left:-40%;top:-6%}.teaser-hero-cup{top:7%;height:62%}.teaser-cup-scene .teaser-scene-copy{bottom:42px}.teaser-cup-scene .teaser-scene-copy strong{font-size:clamp(27px,8vw,43px)}.teaser-rally-head{width:52%;top:13%}.teaser-rally-cat{left:-2%}.teaser-rally-dog{right:-2%}.teaser-rally-title{bottom:31%;gap:7px}.teaser-rally-title>span{font-size:clamp(38px,12.1vw,67px);letter-spacing:-3px;-webkit-text-stroke:1.5px #fff3be}.teaser-rally-title>i{font-size:18px;width:39px;height:39px;border-width:2px}.teaser-rally .teaser-scene-copy{bottom:44px}.teaser-rally .teaser-scene-copy strong{font-size:clamp(22px,6.8vw,33px)}.teaser-rally-orbit{width:100%;left:0;top:8%}.teaser-actionbar{padding:15px 14px 19px;gap:13px;flex-direction:column;text-align:center}.teaser-action-copy strong{font-size:19px}.teaser-action-copy>span{font-size:10px;margin-top:3px}.teaser-play{width:100%;min-height:65px;min-width:0;gap:15px;border-radius:14px}.teaser-play>span:nth-child(2){font-size:24px}.teaser-play small{font-size:10px}.teaser-bottomline{padding:6px 12px 9px;font-size:8px;gap:12px;flex-wrap:wrap;justify-content:center}.teaser-bottomline>span{flex:1 1 100%;margin:0;text-align:center}.teaser-bottomline .teaser-pause{font-size:9px;padding:4px}.teaser-bottomline a{font-size:9px}}
@media(max-width:370px){.teaser-topline{gap:4px}.teaser-preview-label{font-size:7px}.teaser-brand{font-size:11px}.teaser-tools{gap:5px}.teaser-tools .sound-toggle{font-size:8px}.teaser-screen{height:340px}.teaser-action-copy>span{max-width:250px}.teaser-rally-title>span{font-size:39px}}
@media(max-height:540px) and (min-width:600px){.teaser-screen{height:300px}.teaser-head{width:34%;top:0}.teaser-head-cat{left:14%}.teaser-head-dog{right:14%}.teaser-team-tag{top:16px}.teaser-scene-copy strong{font-size:32px}.teaser-rivals .teaser-scene-copy{bottom:30px}.teaser-versus{width:65px;height:65px;margin-left:-32.5px;top:30%;font-size:32px}.teaser-actionbar{padding:12px 20px}.teaser-play{min-height:60px}.teaser-hero-cup{height:65%}.teaser-rally-head{width:24%;top:0}.teaser-rally-cat{left:25%}.teaser-rally-dog{right:25%}.teaser-rally-title>span{font-size:52px}.teaser-rally-title>i{width:42px;height:42px;font-size:21px}.teaser-rally-title{bottom:30%}.teaser-rally .teaser-scene-copy strong{font-size:28px}.teaser-cup-scene .teaser-scene-copy strong{font-size:26px}.teaser-tug{height:auto;bottom:15%}.teaser-cats,.teaser-dogs{width:38%}.teaser-cats{left:11%}.teaser-dogs{right:11%}.teaser-fans{top:8%;width:70%;left:15%}}
@media(prefers-reduced-motion:reduce){.game-teaser *,.game-teaser *::before,.game-teaser *::after{animation:none!important;transition:none!important}.teaser-head-cat{transform:rotate(-1deg)}.teaser-head-dog{transform:rotate(1deg)}.teaser-versus{opacity:1;transform:rotate(-8deg)}.teaser-segments{display:none}.teaser-play:hover{transform:none}}

/* Real mascot clips replace only the art layer after playback begins. Contain keeps every pet in view. */
.teaser-rivals>.teaser-art-fallback{position:absolute;inset:0}.teaser-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:radial-gradient(ellipse at center,#28594d,#102d2b 75%);opacity:0;visibility:hidden;pointer-events:none;z-index:1}.teaser-scene.has-video>.teaser-video{opacity:1;visibility:visible}.teaser-scene.has-video>.teaser-art-fallback{visibility:hidden}.teaser-scene.has-video .teaser-art-fallback *{animation-play-state:paused!important}.game-teaser.is-reduced-motion .teaser-video{display:none}.game-teaser.is-reduced-motion .teaser-art-fallback{visibility:visible}