/* фанфары для призёров волны (телефон капитана) */
.ff-hero{text-align:center;position:relative;z-index:6;margin-top:4px}
.ff-cup{width:132px;height:132px;margin:14px auto 0;display:grid;place-items:center;position:relative;animation:ffdrop .9s cubic-bezier(.2,1.4,.4,1) both}
.ff-cup svg{width:118px;height:132px;position:relative;z-index:1;filter:drop-shadow(0 10px 14px #0003)}
.ff-cup text{font-family:MTSWide;font-weight:900}
.ff-cup:before{content:"";position:absolute;inset:-14px;border-radius:50%;background:repeating-conic-gradient(var(--ffglow) 0 10deg,transparent 10deg 30deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);animation:ffspin 8s linear infinite;opacity:var(--ffrays)}
.ff3 .ff-cup{--ffglow:#e0a070;--ffrays:.5}.ff2 .ff-cup{--ffglow:#aeb7c6;--ffrays:.7}
.ff1 .ff-cup{--ffglow:#ffcf3a;--ffrays:1;border-radius:50%;background:radial-gradient(circle,#ffe58a88 0,transparent 65%);animation:ffdrop .9s cubic-bezier(.2,1.4,.4,1) both,ffglow 1.6s ease-in-out 1s infinite}
.ff-crown{position:absolute;z-index:2;top:-30px;left:50%;font-size:40px;transform:translateX(-50%) rotate(-8deg);animation:ffcrown 1s .5s cubic-bezier(.2,1.6,.4,1) both}
.ff-title{font-family:MTSWide;font-weight:900;text-transform:uppercase;font-size:28px;line-height:1.05;margin-top:16px;animation:ffup .6s .35s both}
.ff1 .ff-title{font-size:30px;background:linear-gradient(90deg,#ff0032,#ff6a00,#ff0032);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:ffup .6s .35s both,ffshine 2.4s linear 1s infinite}
.ff-lead{color:var(--mute);font-size:15px;margin-top:8px;line-height:1.35;animation:ffup .6s .5s both}
.ff3 .place{background:linear-gradient(135deg,#c98a57,#8a4f24)}
.ff2 .place{background:linear-gradient(135deg,#9aa3b2,#5d6573)}
.ff1 .place{box-shadow:0 12px 30px #ff003255}
.ffwrap .place,.ffwrap .sheet{position:relative;z-index:6;animation:ffup .6s .65s both}
#ffcanvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:5}
@keyframes ffdrop{from{transform:scale(.2) translateY(-60px);opacity:0}}
@keyframes ffup{from{transform:translateY(16px);opacity:0}}
@keyframes ffspin{to{transform:rotate(360deg)}}
@keyframes ffglow{50%{background-color:#ffe58a33;transform:scale(1.04)}}
@keyframes ffcrown{from{transform:translateX(-50%) translateY(-40px) rotate(-30deg);opacity:0}}
@keyframes ffshine{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.ffwrap *{animation:none!important}}