@property --kl-top{syntax:"<color>";inherits:false;initial-value:#d6d0e7}@property --kl-bottom{syntax:"<color>";inherits:false;initial-value:#efecf5}html:has(.kl){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.kl) body{overscroll-behavior:none;height:100%;overflow:hidden}.kl{color:#383838;background:linear-gradient(var(--kl-top), var(--kl-bottom));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:--kl-top 1.5s,--kl-bottom 1.5s;position:fixed;inset:0;overflow:hidden}.kl-stage{touch-action:none;position:absolute;inset:0}.kl-stage canvas{touch-action:none;width:100%;height:100%;display:block}.kl-score{left:max(24px, env(safe-area-inset-left));top:calc(max(16px, env(safe-area-inset-top)) + 48px);pointer-events:none;position:absolute}.kl-float{pointer-events:none;color:#4a4a4a;animation:.9s ease-out forwards kl-float;position:absolute;transform:translate(-50%,-100%)}@keyframes kl-float{0%{opacity:0;translate:0 8px}15%{opacity:1}to{opacity:0;translate:0 -40px}}.kl-sound{right:max(16px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top));color:#383838;cursor:pointer;background:#ffffff73;border:1px solid #38383824;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute}.kl-sound:focus-visible,.kl-btn:focus-visible{outline-offset:3px;outline:2px solid #383838}.kl-panel{text-align:center;justify-items:center;gap:.9rem;width:min(100% - 32px,360px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.kl-start{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 9vh)}.kl-start h1{letter-spacing:-.04em;color:#2f2a40;font-size:clamp(2.6rem,11vw,3.6rem)}.kl-start p{color:#6d6878;font-size:.95rem}.kl-btn{font:inherit;color:#fff;cursor:pointer;background:#2f2a40;border:0;border-radius:999px;padding:.95rem 2.4rem;font-size:1.05rem;font-weight:500;transition:transform .2s}.kl-btn:hover{transform:translateY(-2px)}.kl-best{color:#6d6878;font-variant-numeric:tabular-nums;font-size:.85rem}.kl-over{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#14121c99;place-items:center;animation:.3s ease-out kl-fade;display:grid;position:absolute;inset:0}.kl-over .kl-panel{color:#fff;position:static;transform:none}.kl-over .kl-label{text-transform:uppercase;letter-spacing:.3em;opacity:.7;font-size:.75rem}.kl-over .kl-best{color:#fffc;margin-bottom:1.5rem;font-size:.95rem}.kl-over .kl-btn{color:#2f2a40;background:#fff}.kl-over .wait,.kl-over .wait-note{text-align:left;margin-top:1.5rem}@keyframes kl-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.kl,.kl-btn{transition:none}}