[data-animation=glitch-clip]{--gap-horizontal:5px;animation-name:glitch-clip__animation;-webkit-animation-duration:var(--duration);animation-duration:var(--duration);animation-timing-function:linear;-webkit-animation-iteration-count:var(--iteration-count);animation-iteration-count:var(--iteration-count)}@keyframes glitch-clip__animation{0%{-webkit-transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}2%{clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}4%{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}5%{clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}6%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}7%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}8%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}9%{clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}9.9%{-webkit-transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1)}10%,to{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);transform:translate(0,0)scale(1)}}[data-animation=glitch-text]{animation-name:glitch-text__animation;-webkit-animation-duration:var(--duration);animation-duration:var(--duration);animation-timing-function:cubic-bezier(.32,2,.55,.27);-webkit-animation-iteration-count:var(--iteration-count);animation-iteration-count:var(--iteration-count)}@keyframes glitch-text__animation{0%{text-shadow:.438992px 0 1px var(--text-shadow-color-1), -.438992px 0 1px var(--text-shadow-color-2), 0 0 3px}5%{text-shadow:2.7929px 0 1px var(--text-shadow-color-1), -2.7929px 0 1px var(--text-shadow-color-2), 0 0 3px}10%{text-shadow:.0295628px 0 1px var(--text-shadow-color-1), -.0295628px 0 1px var(--text-shadow-color-2), 0 0 3px}15%{text-shadow:.402185px 0 1px var(--text-shadow-color-1), -.402185px 0 1px var(--text-shadow-color-2), 0 0 3px}20%{text-shadow:3.4794px 0 1px var(--text-shadow-color-1), -3.4794px 0 1px var(--text-shadow-color-2), 0 0 3px}25%{text-shadow:1.61256px 0 1px var(--text-shadow-color-1), -1.61256px 0 1px var(--text-shadow-color-2), 0 0 3px}30%{text-shadow:.701559px 0 1px var(--text-shadow-color-1), -.701559px 0 1px var(--text-shadow-color-2), 0 0 3px}35%{text-shadow:3.89691px 0 1px var(--text-shadow-color-1), -3.89691px 0 1px var(--text-shadow-color-2), 0 0 3px}40%{text-shadow:3.87091px 0 1px var(--text-shadow-color-1), -3.87091px 0 1px var(--text-shadow-color-2), 0 0 3px}45%{text-shadow:2.23106px 0 1px var(--text-shadow-color-1), -2.23106px 0 1px var(--text-shadow-color-2), 0 0 3px}50%{text-shadow:.0808429px 0 1px var(--text-shadow-color-1), -.0808429px 0 1px var(--text-shadow-color-2), 0 0 3px}55%{text-shadow:2.37585px 0 1px var(--text-shadow-color-1), -2.37585px 0 1px var(--text-shadow-color-2), 0 0 3px}60%{text-shadow:2.20219px 0 1px var(--text-shadow-color-1), -2.20219px 0 1px var(--text-shadow-color-2), 0 0 3px}65%{text-shadow:2.86388px 0 1px var(--text-shadow-color-1), -2.86388px 0 1px var(--text-shadow-color-2), 0 0 3px}70%{text-shadow:.48874px 0 1px var(--text-shadow-color-1), -.48874px 0 1px var(--text-shadow-color-2), 0 0 3px}75%{text-shadow:1.89485px 0 1px var(--text-shadow-color-1), -1.89485px 0 1px var(--text-shadow-color-2), 0 0 3px}80%{text-shadow:.0833037px 0 1px var(--text-shadow-color-1), -.0833037px 0 1px var(--text-shadow-color-2), 0 0 3px}85%{text-shadow:.0976983px 0 1px var(--text-shadow-color-1), -.0976983px 0 1px var(--text-shadow-color-2), 0 0 3px}90%{text-shadow:3.44334px 0 1px var(--text-shadow-color-1), -3.44334px 0 1px var(--text-shadow-color-2), 0 0 3px}95%{text-shadow:2.18418px 0 1px var(--text-shadow-color-1), -2.18418px 0 1px var(--text-shadow-color-2), 0 0 3px}to{text-shadow:2.62088px 0 1px var(--text-shadow-color-1), -2.62088px 0 1px var(--text-shadow-color-2), 0 0 3px}}.kd-card{background:#1a1a1e;border:1px solid #2a2a30;border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex;position:relative}.kd-av{flex:none;width:48px;height:48px;position:relative}.kd-ring{position:absolute;inset:0;transform:rotate(-90deg)}.kd-ring circle{fill:none;stroke-width:3.5px}.kd-ring .kd-track{stroke:#2c2c32}.kd-ring .kd-fill{stroke:#ff7ac3;stroke-linecap:round;transition:stroke-dashoffset .35s}.kd-face{background:#1a120c;border-radius:50%;position:absolute;inset:5px;overflow:hidden}.kd-face img{object-fit:cover;width:100%;height:100%}.kd-face.kd-up{animation:.55s kd-pop}.kd-lvl{z-index:2;color:#ffd15c;background:#111;border:1px solid #3a3320;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;bottom:-2px;right:-4px}.kd-lvl.kd-up{animation:.5s kd-badge}.kd-bar{background:#2a2a30;border-radius:99px;width:120px;height:6px;overflow:hidden}.kd-bar i{background:linear-gradient(90deg,#7c3aed,#ff7ac3);height:100%;transition:width .35s;display:block}.kd-float{z-index:3;pointer-events:none;color:#ffd15c;font-size:12px;font-weight:800;animation:.9s forwards kd-float;position:absolute;top:0;left:52px}.kd-burst{pointer-events:none;border-radius:50%;width:6px;height:6px;animation:.6s ease-out forwards kd-burst;position:absolute;top:21px;left:21px}.kd-toast{z-index:50;white-space:nowrap;color:#ffd15c;background:#111;border:1px solid #3a3320;border-radius:12px;padding:10px 14px;font-weight:800;animation:1.4s forwards kd-toast;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes kd-pop{40%{transform:scale(1.16)}}@keyframes kd-badge{40%{transform:scale(1.4)}}@keyframes kd-float{0%{opacity:0;transform:translateY(4px)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@keyframes kd-burst{to{transform:translate(var(--dx), var(--dy)) scale(.3);opacity:0}}@keyframes kd-toast{0%{opacity:0;transform:translate(-50%,8px)}15%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.kd-card *,.kd-toast{transition:none!important;animation:none!important}.kd-burst,.kd-float{display:none}}