.pond-unlock-banner{position:fixed;z-index:95;left:50%;top:43%;width:min(92vw,1050px);height:220px;transform:translate(-50%,-50%);pointer-events:none;isolation:isolate;display:grid;place-items:center;overflow:visible;text-align:center;color:#fff9dc}
.pond-unlock-banner[hidden]{display:none!important}
.pond-unlock-burst{position:absolute;inset:5% 0 0;z-index:-2;background:#1c2428;clip-path:polygon(0 35%,12% 31%,6% 14%,28% 20%,39% 0,49% 13%,70% 2%,78% 23%,98% 17%,90% 39%,100% 55%,87% 67%,94% 92%,73% 82%,61% 100%,49% 84%,25% 95%,22% 77%,3% 84%,10% 61%);transform:rotate(-3deg)}
.pond-unlock-burst:after{content:'';position:absolute;inset:10px 28px;background:#eebd4e;opacity:.9;clip-path:polygon(0 37%,17% 33%,11% 16%,35% 27%,42% 4%,52% 24%,75% 14%,73% 35%,99% 39%,85% 54%,94% 74%,66% 68%,57% 92%,46% 71%,20% 86%,28% 61%,2% 70%,13% 48%)}
.pond-unlock-content{width:100%;padding:0 12px;transform:rotate(-4deg) skew(-8deg);font-family:'Arial Black','Microsoft YaHei','PingFang SC',sans-serif;font-weight:1000;line-height:1.05;filter:drop-shadow(0 5px 0 #131c20)}
.pond-unlock-kicker{display:block;font-size:clamp(19px,3vw,32px);letter-spacing:.18em;color:#fff;font-style:italic;-webkit-text-stroke:1px #172029;paint-order:stroke fill;text-shadow:2px 2px 0 #172029;margin:0 0 8px}
.pond-unlock-name{display:block;font-size:clamp(40px,7.2vw,82px);font-weight:1000;letter-spacing:.05em;color:#fff4b3;-webkit-text-stroke:7px #161e26;paint-order:stroke fill;text-shadow:3px 5px 0 #161e26,-2px -2px 0 #fff,3px -3px 0 #fff}
.pond-unlock-subtitle{display:inline-block;margin-top:13px;padding:4px 16px;background:#172029;color:#fff;font-size:clamp(12px,1.9vw,17px);letter-spacing:.08em;line-height:1.2}
.pond-unlock-banner.is-entering .pond-unlock-content{animation:pond-unlock-slam .48s cubic-bezier(.16,.85,.2,1) both}
.pond-unlock-banner.is-entering .pond-unlock-burst{animation:pond-unlock-burst .45s ease-out both}
@keyframes pond-unlock-slam{0%{opacity:0;transform:translateX(-13vw) scale(1.65) rotate(-8deg) skew(-8deg)}65%{opacity:1;transform:translateX(5px) scale(.96) rotate(-4deg) skew(-8deg)}82%{transform:translateX(-3px) scale(1.03) rotate(-4deg) skew(-8deg)}100%{opacity:1;transform:translateX(0) scale(1) rotate(-4deg) skew(-8deg)}}
@keyframes pond-unlock-burst{0%{opacity:0;transform:scale(.4) rotate(-8deg)}70%{opacity:1;transform:scale(1.03) rotate(-3deg)}100%{opacity:1;transform:scale(1) rotate(-3deg)}}
@media(max-height:450px){.pond-unlock-banner{height:150px;top:42%;width:min(83vw,760px)}.pond-unlock-kicker{font-size:20px;margin-bottom:5px}.pond-unlock-name{font-size:clamp(36px,7.1vw,57px);-webkit-text-stroke-width:5px}.pond-unlock-subtitle{font-size:11px;margin-top:9px;padding:3px 12px}.pond-unlock-burst:after{inset:8px 18px}}
@media(prefers-reduced-motion:reduce){.pond-unlock-banner.is-entering .pond-unlock-content,.pond-unlock-banner.is-entering .pond-unlock-burst{animation:none}.pond-unlock-content{filter:none}}