.av-panel{--m:#e71389;isolation:isolate;color:#fff;box-sizing:border-box;background:linear-gradient(115deg,#f6c92d 0%,#ef7b1f 20%,#de3f6e 56%,#b40f78 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3.2cqh,34px);width:100%;height:100%;min-height:520px;padding:clamp(24px,6cqh,64px) clamp(20px,7cqw,72px);display:flex;position:relative;overflow:clip;container-type:size}.av-blob{z-index:-1;filter:blur(60px);opacity:.75;will-change:transform;border-radius:50%;position:absolute}.av-blob.b1{background:var(--m);width:70cqmax;height:70cqmax;animation:18s ease-in-out infinite alternate av-drift1;bottom:-30cqmax;left:-25cqmax}.av-blob.b2{opacity:.5;background:#e6262e;width:55cqmax;height:55cqmax;animation:22s ease-in-out infinite alternate av-drift2;top:-22cqmax;right:-20cqmax}.av-blob.b3{opacity:.16;background:#fff0c8;width:45cqmax;height:45cqmax;animation:20s ease-in-out infinite alternate av-drift3;top:-18cqmax;left:-10cqmax}.av-blob.b4{opacity:.25;background:#e0527a;width:50cqmax;height:50cqmax;animation:24s ease-in-out infinite alternate-reverse av-drift1;bottom:-28cqmax;right:-5cqmax}@keyframes av-drift1{to{transform:translate(14cqw,-10cqh)scale(1.12)}}@keyframes av-drift2{to{transform:translate(-12cqw,12cqh)scale(.92)}}@keyframes av-drift3{to{transform:translate(16cqw,8cqh)scale(1.1)}}.av-panel:after{content:"";z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.av-brand{flex-direction:column;align-items:center;gap:clamp(10px,2.2cqh,22px);display:flex}.av-tile{aspect-ratio:300/220;background:#fff;border-radius:24%/32%;place-items:center;width:clamp(96px,20cqmin,190px);display:grid;box-shadow:0 14px 34px #5a143247,0 2px 6px #5a14321f}.av-tile img{width:70%;height:auto;display:block}.av-name{letter-spacing:-.01em;text-shadow:0 2px 12px #781e282e;margin:0;font-size:clamp(24px,4.4cqmin,40px);font-weight:700}.av-stage{aspect-ratio:1040/560;width:min(100%,560px);position:relative;container-type:inline-size}.av-card{box-sizing:border-box;-webkit-backdrop-filter:blur(14px)saturate(1.2);opacity:0;pointer-events:none;background:#46083247;border:1.5px solid #ffffff6b;border-radius:clamp(18px,4.6cqw,28px);flex-direction:column;justify-content:flex-end;padding:clamp(18px,6.5%,36px) clamp(18px,6.5%,38px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0;transform:translateY(34px);box-shadow:0 24px 50px #460a2838}.av-card.is-active{opacity:1;pointer-events:auto;transition-delay:.22s;transform:translateY(0)}.av-card.is-leaving{opacity:0;transition-duration:.4s;transform:translateY(-34px)}.av-card svg{width:clamp(52px,19%,100px);height:auto;margin-bottom:auto;overflow:visible}.av-card h2{letter-spacing:-.015em;margin:0;font-size:clamp(20px,6.6cqw,40px);font-weight:700;line-height:1.08}.av-card p{color:#fff9eef2;margin:.7em 0 0;font-size:clamp(13px,3.1cqw,18px);font-weight:400}.av-card .needle{transform-origin:50px 62px;transform:rotate(-80deg)}.av-card.is-active .needle{animation:3.4s cubic-bezier(.3,.7,.2,1) .3s forwards av-needle}@keyframes av-needle{0%{transform:rotate(-80deg)}60%{transform:rotate(48deg)}to{transform:rotate(38deg)}}.av-card .tick{stroke-dasharray:70;stroke-dashoffset:70px}.av-card.is-active .tick{animation:.7s ease-out .6s forwards av-draw}.av-card.is-active .tick.second{animation-delay:.85s}.av-card.is-active .tick.third{animation-delay:1.1s}@keyframes av-draw{to{stroke-dashoffset:0}}.av-card .hand{transform-origin:50px 50px}.av-card.is-active .hand{animation:3.6s linear .2s forwards av-spin}@keyframes av-spin{to{transform:rotate(360deg)}}.av-card .pkt{offset-path:path("M14 50 H50 L84 84");offset-distance:0%;opacity:0}.av-card.is-active .pkt{animation:1.8s cubic-bezier(.5,0,.3,1) .3s 2 forwards av-route}@keyframes av-route{0%{offset-distance:0%;opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.av-dots{gap:12px;display:flex}.av-dots button{all:unset;cursor:pointer;background:#ffffff73;border-radius:9px;width:9px;height:9px;transition:width .35s,background .35s}.av-dots button[aria-current=true]{background:#fff;width:28px}.av-dots button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (hover:hover) and (prefers-reduced-motion:no-preference){.av-stage{transform-style:preserve-3d;transition:transform .4s ease-out}}@media (prefers-reduced-motion:reduce){.av-blob{animation:none!important}.av-card,.av-card *{transition:none!important;animation-duration:1ms!important}}
