#wat-pastel-banner .window-content{padding:5px}
.wat-impact{position:relative;overflow:hidden;aspect-ratio:600/460;background:#161419;isolation:isolate}
.wat-impact img{display:block;width:100%;height:100%;object-fit:cover}
.wat-impact-word{position:absolute;left:3%;right:3%;bottom:5%;margin:0;text-align:center;white-space:nowrap;font-family:Impact,'Arial Black',sans-serif;font-weight:900;font-size:clamp(26px,5.8vw,77px);line-height:1.05;letter-spacing:-1px;color:#dedbd4;-webkit-text-stroke:2px #242120;text-shadow:1px 2px #aba59c,2px 4px #8b847a,3px 6px #686259,4px 8px #413b36,5px 11px #211d1a,0 17px 9px #000b;transform:translateY(-650%);z-index:3}
.wat-impact-word:after{content:'';position:absolute;inset:0;opacity:.24;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.impact-dust{position:absolute;inset:60% -15% -15%;background:radial-gradient(ellipse at 50% 65%,#e4d9bdba,transparent 60%);opacity:0;pointer-events:none;z-index:4}
.impact-crack{position:absolute;bottom:1%;left:15%;width:70%;height:17%;opacity:0;z-index:2;filter:drop-shadow(1px 1px #ded1b8);pointer-events:none}
.wat-impact.impact-running .wat-impact-word{animation:wat-stone-fall 5s linear infinite!important}
.wat-impact.impact-running{animation:wat-ground-shake 5s linear infinite!important}
.wat-impact.impact-running .impact-dust{animation:wat-impact-dust 5s linear infinite!important}
.wat-impact.impact-running .impact-crack{animation:wat-impact-crack 5s linear infinite!important}
@keyframes wat-stone-fall{0%,12%{transform:translateY(-650%) rotate(-4deg)}20%{transform:translateY(-440%) rotate(-2deg)}27%{transform:translateY(-190%) rotate(-1deg)}31%{transform:translateY(0) scaleY(.78) scaleX(1.03)}33%{transform:translateY(-12%) scaleY(1.02)}36%,84%{transform:translateY(0)}94%,100%{transform:translateY(0);opacity:0}0%,84%{opacity:1}}
@keyframes wat-ground-shake{0%,30%,48%,100%{transform:translate(0)}31%{transform:translate(-11px,9px) rotate(-.7deg)}32%{transform:translate(12px,-8px) rotate(.7deg)}33%{transform:translate(-10px,7px)}34%{transform:translate(9px,-6px)}35%{transform:translate(-8px,5px)}36%{transform:translate(7px,-4px)}38%{transform:translate(-5px,3px)}40%{transform:translate(4px,-2px)}43%{transform:translate(-2px,1px)}}
@keyframes wat-impact-dust{0%,30%{opacity:0;transform:scaleX(.15) scaleY(.3)}32%{opacity:.9;transform:scaleX(.7) scaleY(.7)}43%{opacity:.4;transform:scaleX(1.3) scaleY(1.7)}57%,100%{opacity:0;transform:scaleX(1.7) scaleY(2)}}
@keyframes wat-impact-crack{0%,30%{opacity:0}31%,83%{opacity:.8}94%,100%{opacity:0}}
#wat-pastel-banner .window-content{overflow:hidden}
.wat-impact{container-type:inline-size}
.wat-impact .wat-impact-word{left:10%;right:2%;bottom:4%;text-align:left;transform-origin:0% 100%;font-size:15cqw!important;font-family:Impact,"Arial Black",sans-serif!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-.3cqw!important}
/* The lower-left corner lands first and stays planted as the right end falls. */
@keyframes wat-stone-fall{
0%,6%{transform:translate(0,-53cqw) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.42,0,.8,.55)}
20%{transform:translate(0,-18cqw) rotate(-24deg);animation-timing-function:cubic-bezier(.5,0,1,.7)}
28%{transform:translate(0,0) rotate(-30deg)}
30%{transform:translate(0,-5%) rotate(-32deg)}
33%{transform:translate(0,0) rotate(-30deg);animation-timing-function:cubic-bezier(.55,.02,.95,.65)}
45%{transform:translate(0,0) rotate(0deg) scaleY(.91)}
48%{transform:translate(0,0) rotate(-4deg) scaleY(1)}
52%,85%{transform:translate(0,0) rotate(0deg);opacity:1}
94%,100%{transform:translate(0,0) rotate(0deg);opacity:0}
}
@keyframes wat-ground-shake{
0%,27%,36%,44%,60%,100%{transform:translate(0)}
28%{transform:translate(-8px,5px) rotate(-.35deg)}29%{transform:translate(6px,-4px)}31%{transform:translate(-4px,2px)}33%{transform:translate(2px,-1px)}
45%{transform:translate(-12px,10px) rotate(-.7deg)}46%{transform:translate(11px,-8px) rotate(.6deg)}47%{transform:translate(-9px,6px)}48%{transform:translate(8px,-5px)}50%{transform:translate(-6px,4px)}52%{transform:translate(5px,-3px)}55%{transform:translate(-3px,2px)}58%{transform:translate(1px,-1px)}
}
@keyframes wat-impact-dust{0%,27%{opacity:0;transform:translateX(-35%) scale(.15)}29%{opacity:.5;transform:translateX(-35%) scale(.5)}38%,44%{opacity:0;transform:translateX(-25%) scale(.8)}46%{opacity:.85;transform:scaleX(.9) scaleY(.6)}54%{opacity:.4;transform:scaleX(1.3) scaleY(1.4)}67%,100%{opacity:0;transform:scaleX(1.6) scaleY(1.9)}}
@keyframes wat-impact-crack{0%,44%{opacity:0}45%,85%{opacity:.8}94%,100%{opacity:0}}
.impact-crack{left:0;bottom:0;width:100%;height:36%;filter:drop-shadow(2px 2px #eed9b5) drop-shadow(-2px -1px #000b)}
.impact-crack path{stroke:#130d0b;stroke-width:5}
.impact-debris{position:absolute;inset:0;pointer-events:none;z-index:5}
.impact-debris i{position:absolute;left:50%;bottom:5%;width:3%;height:3%;background:linear-gradient(145deg,#e5dacc,#6b6055 55%,#28211c);clip-path:polygon(5% 20%,70% 0,100% 60%,40% 100%);opacity:0;--dx:-250px;--dy:-120px;--spin:220deg}
.impact-debris i:nth-child(2){left:20%;--dx:-100px;--dy:-180px;--spin:-180deg}
.impact-debris i:nth-child(3){left:35%;width:2%;--dx:-120px;--dy:-100px}
.impact-debris i:nth-child(4){left:65%;--dx:150px;--dy:-150px;--spin:-260deg}
.impact-debris i:nth-child(5){left:80%;width:4%;--dx:120px;--dy:-210px}
.impact-debris i:nth-child(6){left:45%;width:1.5%;--dx:70px;--dy:-230px}
.impact-debris i:nth-child(7){left:12%;width:2%;--dx:-65px;--dy:-90px}
.impact-debris i:nth-child(8){left:90%;width:2%;--dx:65px;--dy:-110px}
.wat-impact.impact-running .impact-debris i{animation:wat-stone-chips 5s linear infinite!important}
@keyframes wat-stone-chips{0%,44%{opacity:0;transform:translate(0,0) rotate(0)}45%{opacity:1;transform:translate(0,0) rotate(0);animation-timing-function:cubic-bezier(.1,.65,.4,1)}54%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--spin));animation-timing-function:ease-in}66%{opacity:0;transform:translate(var(--dx),90px) rotate(390deg)}100%{opacity:0}}