/* Kova glitch intro (first page of each visit) + header logo glitch */
#kintro{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;animation:ki-out .45s ease-in 2.75s forwards}
.ki-seen #kintro,.ki-off #kintro{display:none}
.ki-dots i{position:absolute;width:3px;height:3px;opacity:0;animation:ki-twk 1.1s steps(2) infinite}
.ki-stack{position:relative;isolation:isolate;width:min(62vw,300px);aspect-ratio:1;animation:ki-zoom 2.7s cubic-bezier(.2,.9,.25,1) both}
.ki-stack>*{position:absolute;inset:0;width:100%;height:100%}
.ki-m{-webkit-mask:url(/assets/kova-logo.png) center/contain no-repeat;mask:url(/assets/kova-logo.png) center/contain no-repeat}
.ki-c{background:#00e5ff;mix-blend-mode:screen;animation:ki-c 2.7s linear both}
.ki-p{background:#ff1fd1;mix-blend-mode:screen;animation:ki-p 2.7s linear both}
.ki-w{background:#fff;transform:scale(1.035);animation:ki-w 2.7s linear both}
.ki-k{background:#000;animation:ki-w 2.7s linear both}
.ki-img{animation:ki-img 2.7s steps(1) both}
.ki-s1,.ki-s2{animation:ki-s1 2.7s steps(1) both}
.ki-s2{animation-name:ki-s2}
.ki-skip{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#555;font:600 12px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
@keyframes ki-out{to{opacity:0;visibility:hidden}}
@keyframes ki-twk{0%,100%{opacity:0}50%{opacity:1}}
@keyframes ki-zoom{0%{transform:scale(.22);opacity:0}4%{opacity:1}14%{transform:scale(.3)}22%{transform:scale(1.08)}26%{transform:scale(.97)}30%,100%{transform:scale(1)}}
@keyframes ki-c{0%{transform:translate(-3px,0);opacity:1}12%{transform:translate(-5px,1px)}24%{transform:translate(-14px,0)}28%{transform:translate(9px,-2px)}33%{transform:translate(-18px,2px)}38%{transform:translate(-4px,0)}46%{transform:translate(-10px,0)}52%{transform:translate(-3px,0)}62%{transform:translate(-6px,0)}70%{transform:translate(-2px,0);opacity:.8}78%,100%{transform:none;opacity:0}}
@keyframes ki-p{0%{transform:translate(3px,0);opacity:1}12%{transform:translate(5px,-1px)}24%{transform:translate(14px,0)}28%{transform:translate(-9px,2px)}33%{transform:translate(18px,-2px)}38%{transform:translate(4px,0)}46%{transform:translate(10px,0)}52%{transform:translate(3px,0)}62%{transform:translate(6px,0)}70%{transform:translate(2px,0);opacity:.8}78%,100%{transform:none;opacity:0}}
@keyframes ki-w{0%,9%{opacity:0}10%,58%{opacity:1}60%{opacity:0}62%{opacity:1}66%,100%{opacity:0}}
@keyframes ki-img{0%{opacity:0}40%{opacity:1}42%{opacity:0}46%{opacity:1}49%{opacity:.25}53%{opacity:1}56%{opacity:0}59%,100%{opacity:1}}
@keyframes ki-s1{0%,27%{opacity:0;clip-path:inset(0 0 100% 0)}28%{opacity:1;clip-path:inset(18% 0 66% 0);transform:translateX(26px)}31%{clip-path:inset(52% 0 34% 0);transform:translateX(-30px)}35%{clip-path:inset(30% 0 58% 0);transform:translateX(16px)}39%{opacity:0}47%{opacity:1;clip-path:inset(62% 0 22% 0);transform:translateX(-22px)}51%{clip-path:inset(8% 0 80% 0);transform:translateX(18px)}55%,100%{opacity:0}}
@keyframes ki-s2{0%,29%{opacity:0;clip-path:inset(0 0 100% 0)}30%{opacity:1;clip-path:inset(40% 0 44% 0);transform:translateX(-34px)}34%{clip-path:inset(72% 0 12% 0);transform:translateX(24px)}38%{opacity:0}44%{opacity:1;clip-path:inset(24% 0 60% 0);transform:translateX(30px)}49%{clip-path:inset(46% 0 40% 0);transform:translateX(-14px)}53%,100%{opacity:0}}
.logo img{animation:ki-hdr 1s steps(1) .2s both}
.ki-play .logo img{animation-delay:3s}
.logo:hover img,.logo:focus-visible img{animation:ki-hdr .7s steps(1)}
@keyframes ki-hdr{0%{filter:none;transform:none}8%{filter:drop-shadow(-4px 0 #00e5ff) drop-shadow(4px 0 #ff1fd1);transform:translateX(2px)}16%{filter:drop-shadow(3px 0 #00e5ff) drop-shadow(-3px 0 #ff1fd1);transform:translateX(-3px) skewX(-6deg)}24%{filter:none;transform:none}40%{filter:drop-shadow(-2px 0 #00e5ff) drop-shadow(2px 0 #ff1fd1);transform:translateX(1px)}48%,100%{filter:none;transform:none}}
@media (prefers-reduced-motion:reduce){#kintro{display:none}.logo img{animation:none!important}}
