.v4l.v4l-kai .ka-field{--ka-d: 1.5s;--ka-cycle: 7.5s;--ka-beat: 1.5s;--ka-bronze: 214 160 106;--ka-hot: #f4c894;--ka-pop: cubic-bezier(.23, 1, .32, 1);--ka-io: cubic-bezier(.65, 0, .35, 1)}.v4l.v4l-kai .ka-seen{position:absolute;top:25%;right:25%;bottom:25%;left:25%;pointer-events:none}.v4l.v4l-kai .ka-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.v4l.v4l-kai .ka-orbit{fill:none;stroke:rgb(var(--ka-bronze) / .2);stroke-width:1;stroke-dasharray:1 9;stroke-linecap:round;transform-origin:50% 50%}.v4l.v4l-kai .ka-line{fill:none;stroke:rgb(var(--ka-bronze) / .62);stroke-width:1;stroke-linecap:round;stroke-dasharray:.1 6;stroke-dashoffset:0}.v4l.v4l-kai .ka-line{stroke-width:2.4;stroke-dasharray:.1 5.5}@media (min-width: 768px){.v4l.v4l-kai .ka-line{stroke-width:2.4;stroke-dasharray:.1 7}}.v4l.v4l-kai .ka-pk{fill:none;stroke:var(--ka-hot);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.07 2;stroke-dashoffset:.07;opacity:0}.v4l.v4l-kai .ka-pk--halo{stroke:rgb(var(--ka-bronze) / .32);stroke-width:7}.v4l.v4l-kai .ka-spark{fill:var(--ka-hot);opacity:0;transform-box:fill-box;transform-origin:center}.v4l.v4l-kai .ka-field[data-ka=wait] .ka-chip{opacity:0;transform:translate(-50%,-50%) scale(.6)}.v4l.v4l-kai .ka-field[data-ka=wait] .ka-line,.v4l.v4l-kai .ka-field[data-ka=wait] .ka-orbit{opacity:0}.v4l.v4l-kai .ka-field[data-ka=in] .ka-chip{animation:ka-pop .68s var(--ka-pop) calc(var(--i) * 90ms) both,ka-drift var(--ka-dur, 10s) linear calc(.75s + var(--i) * 90ms) infinite var(--ka-dir, normal)}.v4l.v4l-kai .ka-field[data-ka=in] .ka-chip--0{--rx: 5px;--ry: 4px;--ka-dur: 9.5s}.v4l.v4l-kai .ka-field[data-ka=in] .ka-chip--1{--rx: 4px;--ry: 6px;--ka-dur: 11.5s;--ka-dir: reverse}.v4l.v4l-kai .ka-field[data-ka=in] .ka-chip--2{--rx: 6px;--ry: 4px;--ka-dur: 10.5s;--ka-dir: reverse}.v4l.v4l-kai .ka-field[data-ka=in] .ka-chip--3{--rx: 4px;--ry: 5px;--ka-dur: 12.5s}.v4l.v4l-kai .ka-field[data-ka=in] .ka-chip--4{--rx: 3px;--ry: 5px;--ka-dur: 11s;--ka-dir: reverse}.v4l.v4l-kai .ka-field[data-ka=in] .ka-orbit{animation:ka-fade 1.2s ease-out .4s both,ka-spin 120s linear infinite}.v4l.v4l-kai .ka-field[data-ka=in] .ka-line{animation:ka-fade .7s ease-out calc(.35s + var(--i) * .12s) both,ka-line var(--ka-cycle) linear calc(var(--ka-d) + var(--k) * var(--ka-beat)) infinite}.v4l.v4l-kai .ka-field[data-ka=in] .ka-pk{animation:ka-packet var(--ka-cycle) linear calc(var(--ka-d) + var(--k) * var(--ka-beat)) infinite}.v4l.v4l-kai .ka-field[data-ka=in] .ka-spark{animation:ka-spark var(--ka-cycle) linear calc(var(--ka-d) + var(--k) * var(--ka-beat)) infinite}.v4l.v4l-kai .ka-field:not([data-run]) :is(.ka-chip,.ka-orbit,.ka-line,.ka-pk,.ka-spark){animation-play-state:paused}.v4l.v4l-kai .ka-field[data-ka=static] :is(.ka-chip,.ka-orbit,.ka-line,.ka-pk,.ka-spark){animation:none}@media (prefers-reduced-motion: reduce){.v4l.v4l-kai .ka-field :is(.ka-chip,.ka-orbit,.ka-line,.ka-pk,.ka-spark){animation:none!important}.v4l.v4l-kai .ka-field .ka-chip{opacity:1!important;transform:translate(-50%,-50%)!important}.v4l.v4l-kai .ka-field .ka-line{stroke-dashoffset:0!important}}@keyframes ka-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}45%{opacity:1}62%{transform:translate(-50%,-50%) scale(1.06)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ka-drift{0%,to{translate:0 0}8.333%{translate:calc(var(--rx) * -.134) calc(var(--ry) * .5)}16.667%{translate:calc(var(--rx) * -.5) calc(var(--ry) * .866)}25%{translate:calc(var(--rx) * -1) var(--ry)}33.333%{translate:calc(var(--rx) * -1.5) calc(var(--ry) * .866)}41.667%{translate:calc(var(--rx) * -1.866) calc(var(--ry) * .5)}50%{translate:calc(var(--rx) * -2) 0}58.333%{translate:calc(var(--rx) * -1.866) calc(var(--ry) * -.5)}66.667%{translate:calc(var(--rx) * -1.5) calc(var(--ry) * -.866)}75%{translate:calc(var(--rx) * -1) calc(var(--ry) * -1)}83.333%{translate:calc(var(--rx) * -.5) calc(var(--ry) * -.866)}91.667%{translate:calc(var(--rx) * -.134) calc(var(--ry) * -.5)}}@keyframes ka-fade{0%{opacity:0}to{opacity:1}}@keyframes ka-spin{to{transform:rotate(360deg)}}@keyframes ka-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ka-line{0%{stroke:rgb(var(--ka-bronze) / .62);animation-timing-function:ease-out}4%{stroke:rgb(var(--ka-bronze) / .7)}13%{stroke:rgb(var(--ka-bronze) / .7);animation-timing-function:ease-out}24%,to{stroke:rgb(var(--ka-bronze) / .62)}}@keyframes ka-packet{0%{stroke-dashoffset:.07;opacity:0;animation-timing-function:var(--ka-io)}2%{opacity:1}12.5%{stroke-dashoffset:-.93;opacity:1;animation-timing-function:ease-out}14.5%,to{stroke-dashoffset:-.93;opacity:0}}@keyframes ka-spark{0%,12%{opacity:0;transform:scale(.4)}12.6%{opacity:1;transform:scale(.6);animation-timing-function:var(--ka-pop)}21%,to{opacity:0;transform:scale(2.4)}}.v4l.v4l-kai .ka-orbit{display:none}.v4l.v4l-kai .kk-field{--kk-k: .4}.v4l.v4l-kai .kk-field .kk-halo{top:22%;right:22%;bottom:22%;left:22%;background:radial-gradient(closest-side,rgb(214 160 106 / .2),rgb(214 160 106 / .05) 60%,transparent)}.v4l.v4l-kai .kk-field .kk-tap{position:absolute;z-index:2;margin:0;padding:0;border:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:18px;color:transparent;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.v4l.v4l-kai .kk-field .kk-tap{cursor:pointer}}.v4l.v4l-kai .kk-field .kk-tap:focus{outline:none}.v4l.v4l-kai .kk-field .kk-tap:focus-visible{outline:1px dashed rgb(214 160 106 / .6);outline-offset:8px;border-radius:24px}.v4l.v4l-kai .kk-field[data-ka=wait] .kk-tap{visibility:hidden}.v4l.v4l-kai .kk-field .kk-canvas{transform-origin:50% 50%;transition:transform .16s cubic-bezier(.23,1,.32,1)}.v4l.v4l-kai .kk-field:has(.kk-tap:active) .kk-canvas{transform:scale(.985)}@media (prefers-reduced-motion: reduce){.v4l.v4l-kai .kk-field .kk-canvas{transition:none}.v4l.v4l-kai .kk-field:has(.kk-tap:active) .kk-canvas{transform:none}}.v4l.v4l-kai .kk-field .v4l-kai-chip{--x: calc(var(--kk-m) + var(--i) * (100% - 2 * var(--kk-m)) / 4);--y: calc(100% - var(--kk-cy))}.v4l.v4l-kai .kk-field .l1-kai-chip{box-sizing:border-box;height:var(--kk-ch)}.v4l.v4l-kai .kk-field .l1-kai-chip .kk-lock{height:calc(var(--h) * var(--kk-s))}.v4l.v4l-kai .kk-field .kk-name{display:none}.v4l.v4l-kai .kk-field{width:100%;aspect-ratio:350 / 436;--kk-k: .5;--kk-ch: 48px;--kk-m: 24px;--kk-cy: 46px}.v4l.v4l-kai .kk-field{margin-top:-36px}@media (min-width: 768px){.v4l.v4l-kai .kk-field{margin-top:-56px}}@media (orientation: landscape) and (max-height: 500px){.v4l.v4l-kai .kk-field{margin-top:-24px}}.v4l.v4l-kai .kk-field .l1-kai-chip{width:var(--kk-ch);padding:0;border-radius:50%}.v4l.v4l-kai .kk-field .l1-kai-chip .kk-lock{display:none}.v4l.v4l-kai .kk-field .l1-kai-chip .kk-mark{display:block;width:30px;height:30px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.v4l.v4l-kai .kk-field .kk-name{display:block;position:absolute;left:50%;top:calc(100% + 7px);transform:translate(-50%);white-space:nowrap;font-family:Urbanist,system-ui,sans-serif;font-weight:600;font-size:10.5px;line-height:1;letter-spacing:.02em;color:#f6eee2cc}@media (min-width: 768px){.v4l.v4l-kai .kk-field{width:min(880px,100%);aspect-ratio:880 / 580;--kk-k: .34;--kk-s: 1;--kk-ch: 48px;--kk-m: 62px;--kk-cy: 28px}.v4l.v4l-kai .kk-field .l1-kai-chip{width:-moz-max-content;width:max-content;padding:0 18px;border-radius:999px}.v4l.v4l-kai .kk-field .l1-kai-chip .kk-lock{display:block}.v4l.v4l-kai .kk-field .l1-kai-chip .kk-mark,.v4l.v4l-kai .kk-field .kk-name{display:none}}@media (min-width: 1100px){.v4l.v4l-kai .kk-field{--kk-k: .3;--kk-s: 1.2;--kk-ch: 52px;--kk-m: 72px;--kk-cy: 30px}.v4l.v4l-kai .kk-field .l1-kai-chip{padding:0 20px}}@media (orientation: landscape) and (max-height: 500px){.v4l.v4l-kai .kk-field{width:min(560px,100%);aspect-ratio:560 / 400;--kk-k: .3;--kk-ch: 48px;--kk-m: 24px;--kk-cy: 46px}.v4l.v4l-kai .kk-field .l1-kai-chip{width:var(--kk-ch);padding:0;border-radius:50%}.v4l.v4l-kai .kk-field .l1-kai-chip .kk-lock{display:none}.v4l.v4l-kai .kk-field .l1-kai-chip .kk-mark,.v4l.v4l-kai .kk-field .kk-name{display:block}}@media (min-width: 768px){.v4l.v4l-kai .kk-field .l1-kai-chip{max-width:calc((100% - 2 * var(--kk-m)) / 4 - 12px);padding:0 14px}.v4l.v4l-kai .kk-field .l1-kai-chip .kk-lock{width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}}@media (min-width: 1100px){.v4l.v4l-kai .kk-field{--kk-m: 64px}.v4l.v4l-kai .kk-field .l1-kai-chip{padding:0 16px}}.v4l.v4l-kai .kk-field .kk-ring{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.9);border:1px solid rgb(214 170 120 / .28);opacity:0;pointer-events:none}.v4l.v4l-kai .kk-field .kk-hint{position:absolute;left:100%;top:4%;transform:translate(-28%,-40%);display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;white-space:nowrap;font-family:Urbanist,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1;color:#f6e8d6e6;background:#ffffff12;box-shadow:inset 0 0 0 1px #d6aa784d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .4s ease}.v4l.v4l-kai .kk-field .kk-hint svg{color:#d6a46c}.v4l.v4l-kai .kk-field[data-ka=in] .kk-hint{animation:kk-hint-in .6s ease 2.2s forwards}.v4l.v4l-kai .kk-field[data-ka=static] .kk-hint{opacity:1}@keyframes kk-hint-in{to{opacity:1}}@media (prefers-reduced-motion: no-preference){.v4l.v4l-kai .kk-field[data-ka=in] .kk-ring{animation:kk-ring 3.2s ease-out 2.6s infinite}.v4l.v4l-kai .kk-field[data-ka=in] .kk-hint svg{animation:kk-tapdot 3.2s ease-in-out 2.6s infinite}}@keyframes kk-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.14)}}@keyframes kk-tapdot{0%,70%,to{transform:translateY(0)}80%{transform:translateY(2px) scale(.92)}}.v4l.v4l-kai .kk-field .kk-tap[data-tapped] .kk-hint,.v4l.v4l-kai .kk-field .kk-tap[data-tapped] .kk-ring{animation:none;opacity:0;transition:opacity .3s ease}@media (max-width: 767px){.v4l.v4l-kai .kk-field .kk-hint{left:50%;top:auto;bottom:-6%;transform:translate(-50%);font-size:11px}}
