:root{--kw-bg:#f4f6fb;--kw-card:#fff;--kw-ink:#1e2433;--kw-muted:#6b7489;--kw-line:#e3e7f0;--kw-primary:#2f6fed;--kw-primary-deep:#1f54c5;--kw-primary-ink:#fff;--kw-teal:#14b8a6;--kw-sun:#ffc233;--kw-coral:#ff6b5c;--kw-green:#22c55e;--kw-purple:#8b5cf6;--kw-accent:#ff7a59;--kw-radius:22px;--kw-radius-sm:14px;--kw-shadow:0 10px 30px #28325517, 0 2px 8px #2832550d;--kw-shadow-float:0 18px 50px #28325529;--kw-wash-a:#eef4ff;--kw-wash-b:#f8f3ff;--kw-orb-a:255 194 51;--kw-orb-b:20 184 166;--kw-orb-c:139 92 246;--kw-tier-easy:#22c55e;--kw-tier-medium:#2f6fed;--kw-tier-hard:#f59e0b;--kw-tier-expert:#ef4444;--kw-font:"Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--kw-safe-top:env(safe-area-inset-top,0px);--kw-safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-kw-theme=board]{--kw-primary:#5b5bd6;--kw-primary-deep:#4141a8;--kw-accent:#e8793e;--kw-wash-a:#fff8ea;--kw-wash-b:#f5f1ff;--kw-orb-a:245 158 11;--kw-orb-b:91 91 214;--kw-orb-c:232 121 62}:root[data-kw-theme=puzzle]{--kw-primary:#6d5de7;--kw-primary-deep:#5042bc;--kw-accent:#22a7a0;--kw-wash-a:#f1f0ff;--kw-wash-b:#eafcff;--kw-orb-a:109 93 231;--kw-orb-b:34 167 160;--kw-orb-c:255 194 51}:root[data-kw-theme=arcade]{--kw-primary:#e94b87;--kw-primary-deep:#bd2f67;--kw-accent:#11a6a2;--kw-wash-a:#fff0f5;--kw-wash-b:#eefcff;--kw-orb-a:233 75 135;--kw-orb-b:17 166 162;--kw-orb-c:255 194 51}:root[data-kw-theme=learn]{--kw-primary:#247bd8;--kw-primary-deep:#155aa8;--kw-accent:#f59e0b;--kw-wash-a:#eef9ff;--kw-wash-b:#f4fff4;--kw-orb-a:36 123 216;--kw-orb-b:34 197 94;--kw-orb-c:245 158 11}:root[data-kw-theme=create]{--kw-primary:#a645c7;--kw-primary-deep:#7c2e9a;--kw-accent:#ec5e91;--kw-wash-a:#fff1fb;--kw-wash-b:#edfff8;--kw-orb-a:166 69 199;--kw-orb-b:236 94 145;--kw-orb-c:20 184 166}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--kw-bg);background-image:radial-gradient(420px 320px at 8% -8%, rgb(var(--kw-orb-a) / .22), transparent 70%), radial-gradient(520px 380px at 108% 12%, rgb(var(--kw-orb-b) / .16), transparent 70%), radial-gradient(460px 400px at 50% 112%, rgb(var(--kw-orb-c) / .14), transparent 70%), linear-gradient(180deg, var(--kw-wash-a) 0%, var(--kw-wash-b) 100%);height:100%;color:var(--kw-ink);font-family:var(--kw-font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background-attachment:fixed;margin:0;font-size:16px;line-height:1.4}body{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kw-app{height:100dvh;padding-top:var(--kw-safe-top);flex-direction:column;display:flex}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:4px solid color-mix(in srgb, var(--kw-primary) 32%, white);outline-offset:3px}a:focus-visible{outline:4px solid color-mix(in srgb, var(--kw-primary) 32%, white);outline-offset:3px}[tabindex]:focus-visible{outline:4px solid color-mix(in srgb, var(--kw-primary) 32%, white);outline-offset:3px}button:disabled{cursor:default;opacity:.58}.kw-btn{background:var(--kw-card);min-height:48px;box-shadow:var(--kw-shadow);border:1px solid #ffffffc7;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.kw-btn:active{transform:translateY(2px)}.kw-btn--primary{background:linear-gradient(180deg, color-mix(in srgb, var(--kw-primary) 78%, white), var(--kw-primary));color:var(--kw-primary-ink);box-shadow:0 5px 0 var(--kw-primary-deep), 0 10px 22px color-mix(in srgb, var(--kw-primary) 32%, transparent)}.kw-btn--primary:active{box-shadow:0 1px 0 var(--kw-primary-deep), 0 4px 10px color-mix(in srgb, var(--kw-primary) 28%, transparent);transform:translateY(4px)}.kw-btn--ghost{box-shadow:none;color:var(--kw-primary);background:0 0}.kw-icon-btn{width:44px;height:44px;box-shadow:var(--kw-shadow);background:#ffffffe0;border:1px solid #fffc;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.kw-icon-btn:active{transform:scale(.94)}.kw-menu{overscroll-behavior:contain;min-height:0;scroll-padding-bottom:calc(112px + var(--kw-safe-bottom));padding:16px 16px calc(16px + var(--kw-safe-bottom));flex-direction:column;flex:1;gap:16px;width:100%;max-width:560px;margin:0 auto;display:flex;overflow-y:auto}.kw-menu>*{flex-shrink:0}.kw-menu__head{text-align:center;padding:14px 8px 2px;position:relative}.kw-menu__head .kw-icon-btn{position:absolute;top:0;left:0}.kw-menu__back{z-index:2;min-height:42px;box-shadow:0 4px 0 color-mix(in srgb, var(--kw-primary) 18%, var(--kw-line)), 0 9px 18px #1e443a1f;color:var(--kw-primary-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #ffffffd1;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 11px;font-size:13px;text-decoration:none;display:inline-flex;position:absolute;top:0;left:0}.kw-menu__back>span{font-size:21px;line-height:1}.kw-menu__back:active{box-shadow:0 1px 0 color-mix(in srgb, var(--kw-primary) 18%, var(--kw-line));translate:0 3px}.kw-menu__icon{background:radial-gradient(circle at 32% 24%, #ffffffeb 0 8%, transparent 9%), linear-gradient(145deg, color-mix(in srgb, var(--kw-primary) 13%, white), color-mix(in srgb, var(--kw-accent) 16%, white));width:108px;height:108px;box-shadow:0 16px 34px color-mix(in srgb, var(--kw-primary) 22%, transparent), inset 0 -5px 0 color-mix(in srgb, var(--kw-primary) 12%, transparent);border:2px solid #ffffffe6;border-radius:34% 46% 38% 42%;place-items:center;margin:0 auto 12px;font-size:60px;line-height:1;animation:3s ease-in-out infinite kw-wiggle;display:grid;transform:rotate(-4deg)}@keyframes kw-wiggle{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(3deg)translateY(-4px)}}.kw-menu__icon svg{width:60px;height:60px}.kw-menu__title{letter-spacing:-.01em;background:linear-gradient(100deg, var(--kw-primary), var(--kw-accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:900}.kw-menu__subtitle{color:var(--kw-muted);margin:4px 0 0;font-size:15px}.kw-section__title{text-transform:uppercase;letter-spacing:.08em;color:var(--kw-muted);margin:0 0 10px;font-size:13px;font-weight:800}.kw-chips{flex-wrap:wrap;gap:8px;display:flex}.kw-chip{border:2px solid var(--kw-line);background:var(--kw-card);min-height:46px;box-shadow:0 3px 0 var(--kw-line);border-radius:999px;padding:0 16px;font-size:15px;font-weight:800}.kw-chip:active{box-shadow:0 1px 0 var(--kw-line);transform:translateY(2px)}.kw-chip.is-on{border-color:var(--kw-primary);background:var(--kw-primary);color:#fff;box-shadow:0 3px 0 var(--kw-primary-deep)}.kw-levels{flex-wrap:wrap;gap:8px;display:flex}.kw-levels--grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));display:grid}.kw-tier-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.kw-tier-tab{border:2px solid color-mix(in srgb, var(--tier) 25%, white);min-width:0;min-height:48px;color:var(--kw-muted);box-shadow:0 3px 0 color-mix(in srgb, var(--tier) 22%, var(--kw-line));background:#ffffffad;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;display:flex}.kw-tier-tab strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.kw-tier-tab small{font-size:10px;font-weight:900}.kw-tier-tab.is-on{border-color:var(--tier);color:#fff;background:var(--tier);box-shadow:0 3px 0 color-mix(in srgb, var(--tier) 70%, black);transform:translateY(-1px)}.kw-level{border:2px solid var(--kw-line);border-radius:var(--kw-radius-sm);background:var(--kw-card);--tier:var(--kw-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:6px 12px;display:flex}.kw-levels--grid .kw-level{border-bottom-width:4px;border-bottom-color:var(--tier);min-height:46px;padding:4px 2px;position:relative}.kw-levels--grid .kw-level.is-checkpoint{background-image:linear-gradient(145deg, #fffffff5, color-mix(in srgb, var(--kw-sun) 18%, white))}.kw-levels--grid .kw-level.is-checkpoint:after{content:"";background:var(--kw-sun);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 2px #fffc}.kw-levels--grid .kw-level.is-on.is-checkpoint{background:var(--tier)}.kw-level__label{font-size:15px;font-weight:800}.kw-level__stars{color:var(--tier);letter-spacing:.02em;font-size:11px;font-weight:700}.kw-level.is-done .kw-level__stars{color:var(--kw-sun);font-size:12px}.kw-level{box-shadow:0 3px 0 var(--kw-line)}.kw-level:active{box-shadow:none;transform:translateY(2px)}.kw-level.is-on{border-color:var(--tier);background:var(--tier);color:#fff;box-shadow:0 3px 0 color-mix(in srgb, var(--tier) 70%, black)}.kw-level.is-on .kw-level__stars{color:#fff}.kw-level.is-on.is-done .kw-level__stars{color:var(--kw-sun)}.tier-easy{--tier:var(--kw-tier-easy)}.tier-medium{--tier:var(--kw-tier-medium)}.tier-hard{--tier:var(--kw-tier-hard)}.tier-expert{--tier:var(--kw-tier-expert)}.kw-legend{color:var(--kw-muted);gap:12px;margin:10px 0 0;font-size:12px;display:flex}.kw-legend__item:before{content:"";background:var(--tier);border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.kw-howto{flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:15px;display:flex}.kw-howto-panel{padding-top:0;padding-bottom:0;overflow:hidden}.kw-howto-panel[open]{padding-bottom:10px}.kw-howto-panel__summary{min-height:48px;color:color-mix(in srgb, var(--kw-ink) 72%, var(--kw-primary));cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:900;list-style:none;display:flex}.kw-howto-panel__summary::-webkit-details-marker{display:none}.kw-howto-panel__summary small{color:var(--kw-muted);font-size:11px;font-weight:800}.kw-howto-panel__open-label,.kw-howto-panel:not([open]) .kw-howto-panel__close-label{display:none}.kw-howto-panel:not([open]) .kw-howto-panel__open-label{background:color-mix(in srgb, var(--kw-primary) 12%, white);color:var(--kw-primary-deep);border-radius:999px;padding:5px 9px;display:inline}.kw-howto-panel .kw-howto{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--kw-primary) 48%, transparent) transparent;scrollbar-width:thin;max-height:min(34dvh,280px);margin:0 -4px;padding:2px 18px 14px 24px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 8px,#000 calc(100% - 12px),#0000);mask-image:linear-gradient(#0000,#000 8px,#000 calc(100% - 12px),#0000)}.kw-howto-panel .kw-howto::-webkit-scrollbar{width:6px}.kw-howto-panel .kw-howto::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--kw-primary) 48%, transparent);border-radius:999px}.kw-howto-panel .kw-howto li{padding:4px 2px;line-height:1.5}.kw-howto-panel .kw-howto li::marker{color:var(--kw-primary);font-weight:900}.kw-level-picker.is-endless{padding:10px}.kw-endless{border:2px solid color-mix(in srgb, var(--kw-purple) 22%, white);background:radial-gradient(circle at 12% 18%, #fffc, transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--kw-purple) 13%, white), color-mix(in srgb, var(--kw-primary) 10%, white));border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.kw-endless.is-on{border-color:color-mix(in srgb, var(--kw-purple) 52%, white);box-shadow:inset 0 1px 0 white, 0 8px 18px color-mix(in srgb, var(--kw-purple) 12%, transparent)}.kw-endless__icon{background:linear-gradient(145deg, var(--kw-purple), var(--kw-primary));width:50px;height:50px;box-shadow:0 5px 0 color-mix(in srgb, var(--kw-purple) 64%, black);color:#fff;border-radius:17px;place-items:center;font-size:32px;font-weight:900;line-height:1;display:grid}.kw-endless__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.kw-endless__copy strong{color:color-mix(in srgb, var(--kw-purple) 76%, var(--kw-ink));font-size:17px}.kw-endless__copy span{color:var(--kw-muted);font-size:12px;line-height:1.35}.kw-endless .kw-btn{white-space:nowrap;min-height:42px;padding-left:14px;padding-right:14px}.kw-result__unlock{background:color-mix(in srgb, var(--kw-purple) 12%, white);color:color-mix(in srgb, var(--kw-purple) 76%, var(--kw-ink));border-radius:14px;margin:0;padding:10px 12px;font-weight:900}@media (max-width:520px){.kw-endless{grid-template-columns:auto minmax(0,1fr)}.kw-endless .kw-btn{grid-column:1/-1;width:100%}}.kw-menu__foot{bottom:calc(-1 * var(--kw-safe-bottom) - 16px);padding:10px 4px calc(10px + var(--kw-safe-bottom));background:linear-gradient(to bottom, transparent, var(--kw-bg) 30%);flex-direction:column;align-items:stretch;gap:10px;margin:auto -4px 0;display:flex;position:-webkit-sticky;position:sticky}.kw-summary{text-align:center;color:var(--kw-muted);margin:0;font-size:14px}.kw-menu__actions{gap:10px;display:flex}.kw-menu__actions .kw-btn--primary{flex:1;min-height:56px;font-size:18px}.kw-bar{padding:max(8px, var(--kw-safe-top)) 12px 8px;background:linear-gradient(#ffffff94,#0000);flex:none;align-items:center;gap:8px;display:flex}.kw-bar__title{background:#ffffffc2;border:1px solid #ffffffd1;border-radius:14px;flex-direction:column;min-width:0;margin-right:auto;padding:4px 12px;line-height:1.15;display:flex;box-shadow:0 4px 16px #2832550f}.kw-bar__game-icon{background:linear-gradient(145deg, #ffffffeb, color-mix(in srgb, var(--kw-primary) 12%, white));width:38px;height:38px;box-shadow:0 5px 16px color-mix(in srgb, var(--kw-primary) 14%, transparent);border:1px solid #ffffffd6;border-radius:13px;flex:none;place-items:center;font-size:21px;display:grid}.kw-bar__title strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.kw-tier{color:var(--tier);font-size:12px;font-weight:800}.kw-hud{gap:10px;display:flex}.kw-hud__item{flex-direction:column;align-items:center;min-width:36px;line-height:1.1;display:flex}.kw-hud__item small{text-transform:uppercase;letter-spacing:.06em;color:var(--kw-muted);font-size:10px;font-weight:800}.kw-hud__item b{font-variant-numeric:tabular-nums;font-size:16px}.kw-hud__item.is-updated b{animation:.3s cubic-bezier(.2,.9,.3,1.35) kw-hud-pop}.kw-timer{font-variant-numeric:tabular-nums;background:var(--kw-card);box-shadow:var(--kw-shadow);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:800}.kw-status{text-align:center;min-height:24px;color:var(--kw-ink);text-wrap:balance;padding:0 16px 6px;font-size:16px;font-weight:800}.kw-stage{min-height:0;padding:8px 12px calc(12px + var(--kw-safe-bottom));flex:1;justify-content:center;align-items:center;animation:.34s ease-out both kw-stage-in;display:flex;position:relative}.kw-status.is-updated{animation:.26s ease-out kw-status-in}.kw-stage:before{content:"";inset:4px 8px calc(8px + var(--kw-safe-bottom));pointer-events:none;background:linear-gradient(145deg,#ffffff3d,#ffffff0a);border:1px solid #ffffff8f;border-radius:30px;position:absolute}.kw-stage>*{z-index:1;position:relative}.kw-square{aspect-ratio:1;width:min(100%,100dvh - 180px);max-width:640px}.kw-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#1e243359;place-items:center;padding:24px;animation:.2s kw-fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.kw-card{background:var(--kw-card);width:min(100%,360px);box-shadow:var(--kw-shadow-float);text-align:center;border:2px solid #ffffffeb;border-radius:28px;flex-direction:column;gap:10px;padding:24px 20px 20px;animation:.25s cubic-bezier(.2,.9,.3,1.3) kw-pop;display:flex;position:relative;overflow:hidden}.kw-card__title{margin:0 0 6px;font-size:24px;font-weight:900}html:root .kw-overlay.kw-overlay--result{-webkit-backdrop-filter:blur(8px);background:#04060cb8}:root .kw-overlay--result .kw-card.kw-result{--kw-result-glow:255 196 72;--kw-result-ring-a:#fff1b8;--kw-result-ring-b:#f0a92a;--kw-result-ring-c:#9a5b0c;background:radial-gradient(120% 70% at 50% 0%, rgb(var(--kw-result-glow) / .26), transparent 62%), linear-gradient(180deg, #1d1d22, #121214 70%);color:#fff;border:1px solid #ffffff1a;border-radius:22px;gap:12px;width:min(100%,352px);padding:0 20px 20px;box-shadow:0 0 0 1px #0009,0 30px 80px #0009,inset 0 1px #ffffff14}:root .kw-overlay--result .kw-card.kw-result.is-lose{--kw-result-glow:120 140 255;--kw-result-ring-a:#eef1ff;--kw-result-ring-b:#9aa6d8;--kw-result-ring-c:#4b557f}:root .kw-overlay--result .kw-card.kw-result.is-draw{--kw-result-glow:52 211 190;--kw-result-ring-a:#e6fffa;--kw-result-ring-b:#6fcfbf;--kw-result-ring-c:#2c6f66}:root .kw-overlay--result .kw-card.kw-result.is-quit{--kw-result-glow:160 166 180;--kw-result-ring-a:#f2f3f5;--kw-result-ring-b:#a3a8b4;--kw-result-ring-c:#555b68}:root .kw-overlay--result .kw-card.kw-result:before{content:"";background:linear-gradient(90deg, transparent, rgb(var(--kw-result-glow) / .9), transparent);height:1px;position:absolute;top:0;bottom:auto;left:18%;right:18%}.kw-result__hero{place-items:center;height:132px;margin:0 -20px;display:grid;position:relative}.kw-result__rays{background:repeating-conic-gradient(rgb(var(--kw-result-glow) / .22) 0 6deg, transparent 6deg 20deg);border-radius:50%;width:340px;height:340px;margin:-170px 0 0 -170px;animation:24s linear infinite kw-rays;position:absolute;top:58%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 14%,#0000 58%);mask-image:radial-gradient(circle,#000 14%,#0000 58%)}:root .kw-overlay--result .kw-card.kw-result.is-lose .kw-result__rays,:root .kw-overlay--result .kw-card.kw-result.is-quit .kw-result__rays{display:none}.kw-result__medal{background:radial-gradient(circle at 50% 40%, #2a2a31, #141417 70%) padding-box, conic-gradient(from 200deg, var(--kw-result-ring-a), var(--kw-result-ring-b), var(--kw-result-ring-c), var(--kw-result-ring-b), var(--kw-result-ring-a), var(--kw-result-ring-b), var(--kw-result-ring-c), var(--kw-result-ring-a)) border-box;width:92px;height:92px;box-shadow:0 0 0 6px #ffffff0a, 0 0 44px rgb(var(--kw-result-glow) / .45), 0 14px 30px #0000008c;border:4px solid #0000;border-radius:50%;place-items:center;margin-top:18px;font-size:46px;line-height:1;animation:.65s cubic-bezier(.2,.9,.3,1.4) 50ms both kw-medal;display:grid;position:relative}:root .kw-overlay--result .kw-card.kw-result.is-win .kw-result__medal,:root .kw-overlay--result .kw-card.kw-result.is-done .kw-result__medal{animation:.65s cubic-bezier(.2,.9,.3,1.4) 50ms both kw-medal,2.8s ease-in-out .8s infinite kw-medal-glow}.kw-result__kicker{letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--kw-result-glow) / .95);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 -6px;font-size:11px;font-weight:800;overflow:hidden}:root .kw-overlay--result .kw-card.kw-result .kw-card__title{color:#fff;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 18px #00000080;margin:0;font-size:28px;font-weight:900;line-height:1.12}.kw-result__stars{justify-content:center;align-items:flex-end;gap:8px;margin-top:2px;font-size:40px;line-height:1;display:flex}.kw-result__stars span{background:linear-gradient(#fff3c4 10%,#ffcb45 45%,#e89410 90%);color:#0000;filter:drop-shadow(0 4px 10px #ffb42859);-webkit-background-clip:text;background-clip:text;animation:.5s cubic-bezier(.2,.9,.3,1.4) .35s both kw-star;display:inline-block}.kw-result__stars span:nth-child(2){font-size:1.25em;animation-delay:.5s}.kw-result__stars span:nth-child(3){animation-delay:.65s}.kw-result__stars span.is-off{color:#ffffff24;filter:none;background:0 0}@keyframes kw-rays{to{transform:rotate(360deg)}}@keyframes kw-medal{0%{opacity:0;transform:scale(.3)rotate(-25deg)}}@keyframes kw-medal-glow{0%,to{box-shadow:0 0 0 6px #ffffff0a, 0 0 44px rgb(var(--kw-result-glow) / .45), 0 14px 30px #0000008c}50%{box-shadow:0 0 0 6px #ffffff0f, 0 0 64px rgb(var(--kw-result-glow) / .7), 0 14px 30px #0000008c}}@keyframes kw-star{0%{opacity:0;transform:scale(0)rotate(-30deg)}}.kw-confetti{pointer-events:none;z-index:11;position:fixed;top:0;bottom:0;left:0;right:0}.kw-result__facts{flex-wrap:wrap;justify-content:center;gap:8px;font-weight:800;display:flex}.kw-result__facts:empty{display:none}.kw-result__facts span{color:#ffffffc7;font-variant-numeric:tabular-nums;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:6px 12px;font-size:13px}.kw-result__unlock{color:#d9ccff;background:#8b5cf629}.kw-result__more{flex-direction:column;gap:8px;display:flex}.kw-result__more.is-pair{grid-template-columns:1fr 1fr;display:grid}:root .kw-overlay--result .kw-card.kw-result>.kw-btn--primary,.kw-result__more{margin-top:4px}:root .kw-overlay--result .kw-card.kw-result{--kw-result-btn-a:#ffeeb8;--kw-result-btn-b:#ffc94d;--kw-result-btn-c:#f29a1b;--kw-result-btn-edge:#a85f06;--kw-result-btn-ink:#2b1700}:root .kw-overlay--result .kw-card.kw-result.is-lose,:root .kw-overlay--result .kw-card.kw-result.is-quit{--kw-result-btn-a:#fff;--kw-result-btn-b:#e9ecf5;--kw-result-btn-c:#c9cfdf;--kw-result-btn-edge:#7c849c;--kw-result-btn-ink:#141826}:root .kw-overlay--result .kw-card.kw-result.is-draw{--kw-result-btn-a:#e8fffa;--kw-result-btn-b:#8ee6d6;--kw-result-btn-c:#3fbfa8;--kw-result-btn-edge:#1f7a6b;--kw-result-btn-ink:#062a24}:root .kw-overlay--result .kw-card.kw-result .kw-btn{letter-spacing:.01em;min-height:52px;text-shadow:none;box-shadow:none;border:0;border-radius:16px;gap:8px;padding-left:14px;padding-right:14px;font-size:16px;font-weight:900;transition:transform .12s,box-shadow .12s,filter .2s}:root .kw-overlay--result .kw-card.kw-result .kw-result__glyph{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}:root .kw-overlay--result .kw-card.kw-result .kw-btn--primary{background:linear-gradient(180deg, var(--kw-result-btn-a), var(--kw-result-btn-b) 48%, var(--kw-result-btn-c));min-height:56px;color:var(--kw-result-btn-ink);box-shadow:inset 0 1px 0 #ffffffd9, inset 0 -2px 0 #00000014, 0 4px 0 var(--kw-result-btn-edge), 0 12px 28px rgb(var(--kw-result-glow) / .35);margin-bottom:4px;font-size:17px;position:relative;overflow:hidden}:root .kw-overlay--result .kw-card.kw-result .kw-result__glyph.is-solid{fill:currentColor;stroke-width:2px}:root .kw-overlay--result .kw-card.kw-result .kw-btn--primary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:30%;animation:3.2s ease-in-out 1.2s infinite kw-result-shine;position:absolute;top:0;bottom:0;left:-40%;right:auto;transform:skew(-18deg)}:root .kw-overlay--result .kw-card.kw-result .kw-btn--primary:active{box-shadow:inset 0 1px 0 #ffffffd9, 0 1px 0 var(--kw-result-btn-edge), 0 6px 14px rgb(var(--kw-result-glow) / .3);transform:translateY(3px)}:root .kw-overlay--result .kw-card.kw-result .kw-btn--soft{color:#fff;background:linear-gradient(#ffffff21,#ffffff0d);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff1a,0 6px 16px #0000004d}:root .kw-overlay--result .kw-card.kw-result .kw-btn--soft .kw-result__glyph{color:rgb(var(--kw-result-glow))}:root .kw-overlay--result .kw-card.kw-result .kw-btn--ghost{color:#ffffffa8;background:0 0;min-height:44px}:root .kw-overlay--result .kw-card.kw-result .kw-btn--soft:active,:root .kw-overlay--result .kw-card.kw-result .kw-btn--ghost:active{transform:scale(.97)}@keyframes kw-result-shine{0%,55%{left:-40%}85%,to{left:120%}}:root .kw-overlay--result .kw-card.kw-result .kw-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.kw-sheet{z-index:20;background:#1e243359;justify-content:center;align-items:flex-end;animation:.2s kw-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.kw-sheet__card{background:var(--kw-card);width:100%;max-width:560px;max-height:85dvh;padding:16px 16px calc(16px + var(--kw-safe-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:12px;animation:.25s kw-rise;display:flex}.kw-sheet__head{justify-content:space-between;align-items:center;display:flex}.kw-sheet__head h2{margin:0;font-size:20px;font-weight:900}.kw-empty{color:var(--kw-muted);text-align:center;padding:24px 0}@keyframes kw-fade{0%{opacity:0}}@keyframes kw-pop{0%{opacity:0;transform:scale(.85)}}@keyframes kw-rise{0%{transform:translateY(40px)}}@keyframes kw-stage-in{0%{opacity:0;transform:translateY(8px)scale(.99)}}@keyframes kw-status-in{0%{opacity:.35;transform:translateY(-4px)scale(.97)}}@keyframes kw-hud-pop{50%{color:var(--kw-primary);transform:translateY(-2px)scale(1.18)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.kw-choices{gap:10px;width:100%;max-width:560px;display:grid}.kw-choice{border:2px solid var(--kw-line);border-radius:var(--kw-radius);background:var(--kw-card);min-height:56px;box-shadow:var(--kw-shadow);padding:10px 16px;font-size:18px;font-weight:800}.kw-choice:active{transform:scale(.98)}.kw-choice.is-right{border-color:var(--kw-green);background:color-mix(in srgb, var(--kw-green) 14%, white)}.kw-choice.is-wrong{border-color:var(--kw-coral);background:color-mix(in srgb, var(--kw-coral) 14%, white)}.kw-big{text-align:center;letter-spacing:-.02em;font-size:max(32px,min(9vw,64px));font-weight:900}.kw-panel{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.kw-badge{background:var(--kw-card);box-shadow:var(--kw-shadow);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-flex}.kw-badge.is-active{background:var(--kw-primary);color:#fff}.kw-shake{animation:.3s kw-shake}@keyframes kw-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (max-width:420px){.kw-bar{gap:6px;padding:8px}.kw-bar__game-icon,.kw-bar__title strong{display:none}.kw-bar__title{padding:4px 8px}.kw-hud{gap:6px}.kw-hud__item{min-width:30px}.kw-hud__item small{letter-spacing:.02em;white-space:nowrap;font-size:9px}.kw-hud__item b{font-size:15px}.kw-timer{padding:6px 8px;font-size:13px}.kw-icon-btn{width:40px;height:40px;font-size:18px}}:root{--kw-sky-top:#ccecff;--kw-sky-bottom:#fff6de;--kw-horizon:#aedc9d;--kw-horizon-back:#d8edbd;--kw-world-light:255 225 132;--kw-prop:255 255 255;--kw-prop-shadow:161 203 228}:root[data-kw-scene=castle]{--kw-sky-top:#c8dcff;--kw-sky-bottom:#f7eaff;--kw-horizon:#9f98d6;--kw-horizon-back:#c7bde8;--kw-world-light:255 220 140;--kw-prop:255 247 228;--kw-prop-shadow:126 116 190}:root[data-kw-scene=city]{--kw-sky-top:#b9e8f2;--kw-sky-bottom:#ffe8ca;--kw-horizon:#8bb7bd;--kw-horizon-back:#bdd9d5;--kw-world-light:255 202 92;--kw-prop:250 242 222;--kw-prop-shadow:93 141 151}:root[data-kw-scene=desert]{--kw-sky-top:#aee9f5;--kw-sky-bottom:#fff0c0;--kw-horizon:#e5b65f;--kw-horizon-back:#f4d78e;--kw-world-light:255 192 64;--kw-prop:255 242 188;--kw-prop-shadow:202 136 73}:root[data-kw-scene=forest]{--kw-sky-top:#bce4d5;--kw-sky-bottom:#eff6c9;--kw-horizon:#6da876;--kw-horizon-back:#a7cf93;--kw-world-light:250 225 122;--kw-prop:237 250 211;--kw-prop-shadow:73 139 105}:root[data-kw-scene=ocean]{--kw-sky-top:#a7e5f2;--kw-sky-bottom:#ddfbf8;--kw-horizon:#49aeba;--kw-horizon-back:#86d6d5;--kw-world-light:255 239 170;--kw-prop:221 255 255;--kw-prop-shadow:54 151 176}:root[data-kw-scene=paper]{--kw-sky-top:#f3e8d2;--kw-sky-bottom:#fffdf5;--kw-horizon:#d9c9aa;--kw-horizon-back:#eadfc9;--kw-world-light:255 222 124;--kw-prop:255 255 249;--kw-prop-shadow:185 162 119}:root[data-kw-scene=playground]{--kw-sky-top:#bce7ff;--kw-sky-bottom:#fff3cf;--kw-horizon:#8bcf79;--kw-horizon-back:#cae99e;--kw-world-light:255 207 84;--kw-prop:255 247 216;--kw-prop-shadow:85 166 181}:root[data-kw-scene=pond]{--kw-sky-top:#b9e8db;--kw-sky-bottom:#f0f6cf;--kw-horizon:#70aaa0;--kw-horizon-back:#a7d2b4;--kw-world-light:255 225 130;--kw-prop:235 255 224;--kw-prop-shadow:73 143 132}:root[data-kw-scene=portal]{--kw-sky-top:#cdd8ff;--kw-sky-bottom:#f7e4ff;--kw-horizon:#8f86d6;--kw-horizon-back:#c0afea;--kw-world-light:255 202 252;--kw-prop:239 232 255;--kw-prop-shadow:118 94 191}:root[data-kw-scene=sky]{--kw-sky-top:#9fddff;--kw-sky-bottom:#edfaff;--kw-horizon:#8ac4db;--kw-horizon-back:#c4e7ef;--kw-world-light:255 228 121;--kw-prop:255 255 255;--kw-prop-shadow:126 192 218}:root[data-kw-scene=starlight]{--kw-sky-top:#bfc8f3;--kw-sky-bottom:#ede3fa;--kw-horizon:#8583bd;--kw-horizon-back:#b7add9;--kw-world-light:255 238 156;--kw-prop:255 247 190;--kw-prop-shadow:125 112 185}:root[data-kw-scene=studio]{--kw-sky-top:#f5d9e8;--kw-sky-bottom:#fff0d6;--kw-horizon:#d69aaa;--kw-horizon-back:#efc4bd;--kw-world-light:255 218 110;--kw-prop:255 245 233;--kw-prop-shadow:191 115 143}:root[data-kw-scene=sunset]{--kw-sky-top:#c8cff8;--kw-sky-bottom:#ffd8b5;--kw-horizon:#b17fa4;--kw-horizon-back:#dda89d;--kw-world-light:255 190 101;--kw-prop:255 231 209;--kw-prop-shadow:161 102 139}:root[data-kw-scene=temple]{--kw-sky-top:#d7e6df;--kw-sky-bottom:#fff0d1;--kw-horizon:#9a9277;--kw-horizon-back:#c8bea0;--kw-world-light:255 207 107;--kw-prop:255 245 218;--kw-prop-shadow:137 124 93}:root[data-kw-scene=workshop]{--kw-sky-top:#cbdff0;--kw-sky-bottom:#f6e3cd;--kw-horizon:#9a9c9c;--kw-horizon-back:#c3c2b8;--kw-world-light:255 199 86;--kw-prop:255 238 203;--kw-prop-shadow:121 130 135}:root[data-kw-scene=zen]{--kw-sky-top:#cfdfeb;--kw-sky-bottom:#f5eee2;--kw-horizon:#9baaa5;--kw-horizon-back:#c6d0c6;--kw-world-light:255 222 155;--kw-prop:250 247 237;--kw-prop-shadow:132 148 148}html,body{background:var(--kw-sky-bottom)}body{isolation:isolate;position:relative;overflow:hidden}.kw-world{z-index:-1;pointer-events:none;background:radial-gradient(circle at 78% 16%, rgb(var(--kw-world-light) / .88) 0 4.5vmin, transparent 4.8vmin), linear-gradient(180deg, var(--kw-sky-top), var(--kw-sky-bottom) 72%);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.kw-world:before{content:"";opacity:.72;background:radial-gradient(ellipse at 14% 22%, rgb(var(--kw-prop) / .8) 0 5%, transparent 5.3%), radial-gradient(ellipse at 20% 22%, rgb(var(--kw-prop) / .8) 0 7%, transparent 7.3%), radial-gradient(ellipse at 27% 22%, rgb(var(--kw-prop) / .8) 0 4.8%, transparent 5.1%), radial-gradient(ellipse at 77% 37%, rgb(var(--kw-prop) / .55) 0 4%, transparent 4.3%), radial-gradient(ellipse at 84% 37%, rgb(var(--kw-prop) / .55) 0 6%, transparent 6.3%);animation:9s ease-in-out infinite kw-world-breathe;position:absolute;top:0;bottom:0;left:0;right:0}.kw-world:after{content:"";background:radial-gradient(ellipse at 18% 5%, var(--kw-horizon-back) 0 24%, transparent 24.5%), radial-gradient(ellipse at 72% 4%, var(--kw-horizon-back) 0 28%, transparent 28.5%), linear-gradient(180deg, var(--kw-horizon), color-mix(in srgb, var(--kw-horizon) 78%, #6d8b72));height:43vh;filter:drop-shadow(0 -12px 24px rgb(var(--kw-prop-shadow) / .12));border-radius:50% 50% 0 0;position:absolute;bottom:-16vh;left:-12%;right:-12%}.kw-world__sprite{aspect-ratio:1.55;background:linear-gradient(150deg, rgb(var(--kw-prop) / .9), rgb(var(--kw-prop-shadow) / .25));width:max(48px,min(7vw,96px));box-shadow:0 10px 24px rgb(var(--kw-prop-shadow) / .14);opacity:.68;border-radius:50%;animation:12s ease-in-out infinite kw-world-drift;display:block;position:absolute}.kw-world__sprite:first-child{animation-delay:-3s;top:48%;left:4%}.kw-world__sprite:nth-child(2){width:max(60px,min(9vw,130px));animation-delay:-8s;top:57%;right:6%}.kw-world__sprite:nth-child(3){opacity:.42;width:max(28px,min(4vw,56px));animation-delay:-5s;top:10%;left:23%}.kw-world__sprite:nth-child(4){opacity:.42;width:max(34px,min(5vw,68px));animation-delay:-10s;top:28%;right:24%}:root:-webkit-any([data-kw-scene=starlight],[data-kw-scene=portal]) .kw-world__sprite{aspect-ratio:1;background:rgb(var(--kw-world-light) / .72);box-shadow:0 0 26px rgb(var(--kw-world-light) / .72);border-radius:30% 70% 42% 58%;transform:rotate(45deg)}:root:-moz-any([data-kw-scene=starlight],[data-kw-scene=portal]) .kw-world__sprite{aspect-ratio:1;background:rgb(var(--kw-world-light) / .72);box-shadow:0 0 26px rgb(var(--kw-world-light) / .72);border-radius:30% 70% 42% 58%;transform:rotate(45deg)}:root:is([data-kw-scene=starlight],[data-kw-scene=portal]) .kw-world__sprite{aspect-ratio:1;background:rgb(var(--kw-world-light) / .72);box-shadow:0 0 26px rgb(var(--kw-world-light) / .72);border-radius:30% 70% 42% 58%;transform:rotate(45deg)}:root[data-kw-scene=ocean] .kw-world__sprite,:root[data-kw-scene=pond] .kw-world__sprite{aspect-ratio:1;border:3px solid rgb(var(--kw-prop) / .7);background:0 0;box-shadow:inset 4px 5px 8px #ffffff59}:root[data-kw-scene=workshop] .kw-world__sprite,:root[data-kw-scene=studio] .kw-world__sprite{aspect-ratio:1;border-radius:24% 34% 28% 40%;transform:rotate(18deg)}@keyframes kw-world-drift{0%,to{translate:0;rotate:-3deg}50%{translate:12px -14px;rotate:5deg}}@keyframes kw-world-breathe{50%{transform:translate(1.2%)scale(1.015)}}.kw-app{z-index:1;position:relative}.kw-menu{scrollbar-width:none;gap:11px;max-width:620px}.kw-menu::-webkit-scrollbar{display:none}.kw-menu__head{padding-top:6px}.kw-menu__head.has-web-back{padding-top:70px}.kw-menu__icon{background:radial-gradient(circle at 32% 24%, #ffffffeb 0 7%, transparent 8%), radial-gradient(circle at 50% 45%, #ffffffc7, transparent 66%), linear-gradient(145deg, rgb(var(--kw-prop) / .88), rgb(var(--kw-prop-shadow) / .28));width:124px;height:124px;box-shadow:0 18px 0 -10px rgb(var(--kw-prop-shadow) / .24), 0 26px 42px rgb(var(--kw-prop-shadow) / .22);border:0;border-radius:45% 55% 48% 52%;margin-bottom:8px;font-size:70px}.kw-menu__title{text-shadow:0 2px #ffffffbf;font-size:max(30px,min(7vw,42px))}.kw-menu__subtitle{color:color-mix(in srgb, var(--kw-ink) 68%, var(--kw-primary));font-weight:700}.kw-section{box-shadow:inset 0 1px 0 #ffffffeb, inset 0 -2px 0 rgb(var(--kw-prop-shadow) / .12), 0 10px 22px rgb(var(--kw-prop-shadow) / .1);-webkit-backdrop-filter:blur(12px)saturate(1.15);backdrop-filter:blur(12px)saturate(1.15);background:linear-gradient(#ffffffad,#ffffff6e);border:0;border-radius:20px;padding:12px 14px}.kw-section__title{color:color-mix(in srgb, var(--kw-ink) 62%, var(--kw-primary))}.kw-chip,.kw-level,.kw-choice{background:linear-gradient(180deg, #fffffff0, rgb(var(--kw-prop) / .78));box-shadow:inset 0 1px 0 white, 0 4px 0 rgb(var(--kw-prop-shadow) / .22), 0 8px 14px rgb(var(--kw-prop-shadow) / .1);border-color:#ffffffdb}.kw-chip.is-on,.kw-level.is-on{background:linear-gradient(180deg, color-mix(in srgb, var(--tier,var(--kw-primary)) 72%, white), var(--tier,var(--kw-primary)));border-color:#ffffff73}.kw-menu__foot{padding:18px 12px calc(12px + var(--kw-safe-bottom));background:color-mix(in srgb, var(--kw-sky-bottom) 94%, white);box-shadow:0 -12px 26px rgb(var(--kw-prop-shadow) / .12);-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);border-radius:24px 24px 0 0;margin-left:-8px;margin-right:-8px}.kw-bar{box-shadow:inset 0 1px 0 #ffffffeb, 0 10px 22px rgb(var(--kw-prop-shadow) / .14);-webkit-backdrop-filter:blur(11px)saturate(1.15);backdrop-filter:blur(11px)saturate(1.15);background:linear-gradient(#ffffff9e,#ffffff57);border-radius:22px;margin:8px 10px 0;padding:6px}.kw-icon-btn{background:linear-gradient(180deg, #fffffff5, rgb(var(--kw-prop) / .76));box-shadow:inset 0 1px 0 white, 0 4px 0 rgb(var(--kw-prop-shadow) / .22), 0 7px 12px rgb(var(--kw-prop-shadow) / .12);border:0}.kw-icon-btn:active{box-shadow:0 1px 0 rgb(var(--kw-prop-shadow) / .24);transform:translateY(3px)scale(.98)}.kw-bar__game-icon,.kw-bar__title,.kw-timer,.kw-hud__item,.kw-badge{background:#ffffff85;border:0;box-shadow:inset 0 1px #fffc}.kw-hud__item{border-radius:13px;min-width:44px;padding:5px 8px}.kw-timer{box-shadow:inset 0 1px #fffc}.kw-status:not([hidden]){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff94;border-radius:999px;align-self:center;min-height:0;margin:7px 12px 0;padding:6px 18px;box-shadow:inset 0 1px #fffc}.kw-stage{padding-top:4px}.kw-stage:before{inset:auto 6% calc(2px + var(--kw-safe-bottom));filter:blur(3px);background:radial-gradient(#fff6,#0000 68%);border:0;border-radius:50%;height:24%}.kw-square,.kw-choice,.kw-panel>button{filter:drop-shadow(0 12px 16px rgb(var(--kw-prop-shadow) / .14))}.kw-btn--primary{text-shadow:0 1px #0000001f;border:2px solid #ffffff59}@media (max-width:420px){.kw-menu__icon{width:104px;height:104px;font-size:60px}.kw-bar{margin:6px 6px 0}.kw-hud__item{min-width:34px;padding:4px}}.kw-logo{width:100%;height:100%;display:block}.kw-variant-icon{vertical-align:-.25em;place-items:center;width:1.25em;height:1.25em;display:inline-grid}.kw-menu__icon:has(.kw-logo){padding:0;overflow:hidden}.kw-bar__game-icon:has(.kw-logo){padding:0;overflow:hidden}.kw-sound-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:2px 0 9px;display:grid}.kw-sound-toggle{--kw-sound-color:var(--kw-primary);--kw-sound-deep:var(--kw-primary-deep);border:2px solid color-mix(in srgb, var(--kw-sound-color) 18%, white);background:radial-gradient(circle at 20% 8%, #fffffff5 0 5%, transparent 6%), linear-gradient(155deg, white, color-mix(in srgb, var(--kw-sound-color) 9%, white));min-width:0;min-height:112px;color:color-mix(in srgb, var(--kw-sound-deep) 72%, var(--kw-ink));box-shadow:inset 0 1px 0 white, 0 4px 0 color-mix(in srgb, var(--kw-sound-color) 17%, var(--kw-line)), 0 9px 18px color-mix(in srgb, var(--kw-sound-color) 10%, transparent);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:13px 10px 11px;transition:transform .16s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.kw-sound-toggle--effects{--kw-sound-color:var(--kw-accent);--kw-sound-deep:color-mix(in srgb, var(--kw-accent) 72%, #5b2141)}.kw-sound-toggle:before,.kw-sound-toggle:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.kw-sound-toggle:before{background:color-mix(in srgb, var(--kw-sound-color) 12%, transparent);width:62px;height:62px;top:-22px;right:-18px}.kw-sound-toggle:after{border:9px solid color-mix(in srgb, var(--kw-sound-color) 9%, transparent);width:48px;height:48px;bottom:-23px;left:-18px}.kw-sound-toggle:hover{transform:translateY(-2px)}.kw-sound-toggle:active{box-shadow:inset 0 1px 0 white, 0 1px 0 color-mix(in srgb, var(--kw-sound-color) 20%, var(--kw-line));transform:translateY(3px)scale(.98)}.kw-sound-toggle.is-on{border-color:color-mix(in srgb, var(--kw-sound-color) 72%, white);background:radial-gradient(circle at 18% 8%, #ffffff54 0 5%, transparent 6%), linear-gradient(155deg, color-mix(in srgb, var(--kw-sound-color) 70%, white), var(--kw-sound-color));color:#fff;box-shadow:inset 0 1px 0 #fff6, 0 5px 0 var(--kw-sound-deep), 0 12px 22px color-mix(in srgb, var(--kw-sound-color) 24%, transparent)}.kw-sound-toggle__icon{z-index:1;border:1px solid color-mix(in srgb, var(--kw-sound-color) 12%, white);width:50px;height:50px;color:var(--kw-sound-color);box-shadow:inset 0 1px 0 white, 0 6px 12px color-mix(in srgb, var(--kw-sound-color) 15%, transparent);background:#ffffffdb;border-radius:17px;place-items:center;transition:transform .24s cubic-bezier(.2,.9,.3,1.35),filter .2s;display:grid;position:relative;transform:rotate(-3deg)}.kw-sound-toggle--effects .kw-sound-toggle__icon{transform:rotate(3deg)}.kw-sound-toggle.is-on .kw-sound-toggle__icon{transform:rotate(2deg)scale(1.06)}.kw-sound-toggle--effects.is-on .kw-sound-toggle__icon{transform:rotate(-2deg)scale(1.06)}.kw-sound-toggle__icon svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:37px;height:37px;overflow:visible}.kw-sound-toggle__icon ellipse{fill:currentColor;stroke:none}.kw-sound-glyph__spark{stroke:var(--kw-sun);stroke-width:2.7px}.kw-sound-toggle:not(.is-on) .kw-sound-toggle__icon{color:var(--kw-muted);filter:grayscale(.7)}.kw-sound-toggle:not(.is-on) .kw-sound-toggle__icon:after{content:"";background:var(--kw-coral);border:2px solid #fff;border-radius:999px;width:42px;height:4px;position:absolute;transform:rotate(-43deg);box-shadow:0 1px 2px #3c23302e}.kw-sound-toggle__label{z-index:1;-webkit-line-clamp:2;text-align:center;text-overflow:ellipsis;text-wrap:balance;-webkit-box-orient:vertical;max-width:100%;min-height:2.24em;font-size:13px;font-weight:900;line-height:1.12;display:-webkit-box;position:relative;overflow:hidden}.kw-sound-toggle__switch{z-index:2;background:color-mix(in srgb, var(--kw-muted) 35%, white);border:1px solid #ffffffbd;border-radius:999px;width:31px;height:18px;padding:2px;transition:background .2s;position:absolute;top:9px;right:9px;box-shadow:inset 0 1px 2px #1e243329}.kw-sound-toggle__thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .22s cubic-bezier(.2,.9,.3,1.25);display:block;box-shadow:0 1px 3px #1e24333d}.kw-sound-toggle.is-on .kw-sound-toggle__switch{background:color-mix(in srgb, var(--kw-sound-deep) 54%, transparent)}.kw-sound-toggle.is-on .kw-sound-toggle__thumb{transform:translate(13px)}.kw-pause-card:before{content:"";background:linear-gradient(90deg, var(--kw-primary), var(--kw-sun), var(--kw-accent));height:7px;position:absolute;top:0;bottom:auto;left:0;right:0}.kw-pause-card .kw-card__title{margin-top:3px}.kw-bar{-webkit-backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:6px 8px 0;padding:6px;display:grid;box-shadow:0 8px 24px #28245a1f,inset 0 1px #ffffffe6}.kw-bar__side{align-items:center;gap:8px;min-width:0;display:flex}.kw-bar__side--right{justify-content:flex-end}.kw-bar__mid{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.kw-bar__end{gap:6px;display:flex}.kw-bar__btn{color:#5847c2;background:linear-gradient(#fff,#eef0ff);border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid;box-shadow:0 3px #6254c738,0 6px 12px #28245a1a}.kw-bar__btn svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.kw-bar__btn:active{transform:translateY(2px);box-shadow:0 1px #6254c738}.kw-bar__btn.is-off{color:var(--kw-muted)}.kw-bar .kw-bar__game-icon{background:var(--kw-bg);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;padding:0;font-size:22px;display:grid;overflow:hidden}.kw-bar .kw-bar__title{border-radius:12px;flex-direction:column;flex:0 auto;min-width:46px;margin:0;padding:3px 8px;line-height:1.15;display:flex}.kw-bar .kw-bar__title strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;display:block;overflow:hidden}.kw-bar .kw-tier{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:900;overflow:hidden}.kw-bar .kw-hud{gap:4px;min-width:0;margin-left:auto;display:flex}.kw-bar .kw-hud__item{background:#6e60dc14;border-radius:12px;flex-direction:column;flex:0 auto;align-items:center;min-width:34px;padding:3px 7px;line-height:1.05;display:flex;overflow:hidden}.kw-bar .kw-hud__item small{box-sizing:content-box;text-align:center;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%;max-width:64px;color:var(--kw-muted);padding:0 1px;font-size:9px;font-weight:900;overflow:hidden}.kw-bar .kw-hud__item b{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--kw-ink);font-size:15px;font-weight:900}.kw-bar .kw-timer{box-shadow:none;font-variant-numeric:tabular-nums;background:#6e60dc14;border-radius:12px;flex:none;margin:0;padding:7px 9px;font-size:13px;font-weight:900}.kw-bar .kw-timer[hidden]{display:none}.kw-status,.kw-status:not([hidden]),:root[data-kw-art] .kw-status:not([hidden]){-webkit-backdrop-filter:blur(10px);height:36px;min-height:36px;color:var(--kw-ink);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffffb8;border-radius:999px;justify-content:center;align-self:center;align-items:center;max-width:calc(100% - 32px);margin:6px 16px 0;padding:0 14px;font-size:14px;font-weight:800;line-height:1.15;display:flex;overflow:hidden;box-shadow:0 4px 14px #28245a14}.kw-status.is-long,:root[data-kw-art] .kw-status.is-long:not([hidden]){white-space:normal;-webkit-line-clamp:2;border-radius:16px;-webkit-box-orient:vertical;padding-top:3px;font-size:12px;line-height:15px;display:-webkit-box}.kw-status.is-empty,:root[data-kw-art] .kw-status.is-empty:not([hidden]){visibility:hidden}.kw-stage{padding:6px 8px calc(8px + var(--kw-safe-bottom))}@media (max-width:400px){.kw-bar{gap:6px;margin:4px 6px 0;padding:5px}.kw-bar .kw-bar__title strong{display:none}.kw-bar__btn{width:38px;height:38px}.kw-bar__side--right:has(.kw-hud__item:nth-child(3)) .kw-timer{display:none}}@media (max-width:430px){.kw-bar:has(.kw-hud__item:nth-child(3)) .kw-bar__game-icon{display:none}.kw-bar .kw-hud__item,.kw-bar .kw-hud{flex:none}.kw-bar .kw-hud__item small{letter-spacing:0}}@media (max-width:360px){.kw-bar__sound,.kw-bar .kw-bar__game-icon{display:none}.kw-bar .kw-hud__item{min-width:28px;padding:3px 4px}.kw-bar .kw-hud__item small{letter-spacing:0;font-size:8px}.kw-bar .kw-bar__title{min-width:40px;padding:3px 6px}.kw-bar .kw-tier{font-size:11px}.kw-bar__mid,.kw-bar .kw-hud{gap:3px}.kw-bar .kw-hud__item b{font-size:14px}}@media (max-height:640px){.kw-status,.kw-status:not([hidden]){height:30px;min-height:30px;margin-top:4px}}.kw-variant-hint{color:var(--kw-muted);margin:8px 2px 0;font-size:13px;font-weight:700;line-height:1.35}@media (max-height:520px){.kw-stage{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;align-items:safe center;overflow-x:hidden;overflow-y:auto}}.kw-status.is-quiet,.kw-status.is-quiet:not([hidden]),:root[data-kw-art] .kw-status.is-quiet:not([hidden]),:root[data-kw-art] .kw-status.is-quiet.is-long:not([hidden]){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.kw-app>.kw-status:not(.is-quiet),:root[data-kw-art] .kw-app>.kw-status:not(.is-quiet){z-index:8;top:calc(var(--kw-safe-top) + 74px);pointer-events:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100% - 24px);margin:0;transition:opacity .4s;position:absolute;left:50%;translate:-50%}.kw-app>.kw-status.is-fading{opacity:0}@media (max-width:600px),(max-height:520px){.kw-app:has(>.kw-stage){position:relative}.kw-app>.kw-bar{border-radius:18px;margin:3px 4px 0;padding:4px}.kw-app>.kw-bar .kw-bar__game-icon,.kw-app>.kw-bar .kw-bar__sound,.kw-app>.kw-bar .kw-bar__title strong{display:none}.kw-app>.kw-bar .kw-bar__title{min-width:42px;padding-left:6px;padding-right:6px}.kw-app>.kw-bar .kw-bar__end{gap:0}.kw-app>.kw-status:not(.is-quiet),:root[data-kw-art] .kw-app>.kw-status:not(.is-quiet){z-index:8;top:calc(var(--kw-safe-top) + 62px);pointer-events:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100% - 24px);margin:0;position:absolute;left:50%;translate:-50%}.kw-app>.kw-stage{padding:2px 3px calc(3px + var(--kw-safe-bottom))}.kw-square{width:min(100%,100dvh - 136px);max-width:none}}@media (orientation:landscape) and (max-height:520px){:root[data-kw-game] .kw-app>.kw-bar{z-index:10;top:calc(var(--kw-safe-top) + 3px);box-shadow:none;pointer-events:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:flex-start;gap:12px;margin:0;padding:0;display:flex;position:absolute;left:5px;right:5px;overflow:visible}:root[data-kw-game] .kw-app>.kw-bar .kw-bar__side{pointer-events:auto;-webkit-backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #ffffffeb;border-radius:999px;gap:4px;max-width:43%;padding:3px 4px;overflow:hidden;box-shadow:0 6px 18px #28245a29,inset 0 1px #fff}:root[data-kw-game] .kw-app>.kw-bar .kw-bar__side--left{background:linear-gradient(135deg,#fffffff0,#f3f6ffe6);box-shadow:0 6px 18px #28245a29,inset 3px 0 #7464df,inset 0 1px #fff}:root[data-kw-game] .kw-app>.kw-bar .kw-bar__side--right{background:linear-gradient(225deg,#fffffff0,#fff8eee6);box-shadow:0 6px 18px #28245a29,inset -3px 0 #ed9b54,inset 0 1px #fff}.kw-app>.kw-bar .kw-bar__btn{width:32px;height:32px}:root[data-kw-game] .kw-app>.kw-bar .kw-bar__btn{color:#5847c2;background:linear-gradient(#fff,#eef0ff);border:1px solid #6f60c41f}:root[data-kw-game] .kw-app>.kw-bar .kw-bar__side--right .kw-bar__btn:last-child{color:#b6642e;background:linear-gradient(#fff,#fff0dd);border-color:#e0894129}.kw-app>.kw-bar .kw-bar__btn svg{width:18px;height:18px}.kw-app>.kw-bar .kw-bar__title{flex-direction:row;align-items:baseline;gap:6px;padding:2px 8px}.kw-app>.kw-bar .kw-bar__mid,.kw-app>.kw-bar .kw-bar__end{gap:3px}.kw-app>.kw-bar .kw-hud{gap:3px;margin-left:0}.kw-app>.kw-bar .kw-hud__item,.kw-app>.kw-bar .kw-timer{border-radius:999px;flex-direction:row;align-items:baseline;gap:4px;min-height:28px;padding:2px 7px}.kw-app>.kw-bar .kw-hud__item small{width:auto;font-size:8px}.kw-app>.kw-bar .kw-hud__item b{font-size:13px}.kw-app>.kw-bar .kw-bar__side--right:has(.kw-hud__item:nth-child(3)) .kw-timer{display:none}.kw-app>.kw-stage{height:100%}.kw-app>.kw-status:not(.is-quiet),:root[data-kw-art] .kw-app>.kw-status:not(.is-quiet){top:calc(var(--kw-safe-top) + 42px)}.kw-app>.kw-status.is-updated:not(.is-quiet){animation:.26s ease-out kw-status-in,4.5s ease-in forwards kw-status-peek}}@keyframes kw-status-peek{0%,80%{opacity:1}to{opacity:0}}button.is-confirming.is-confirming{color:#9a4f0f;white-space:nowrap;background:#fff4e3;border-color:#e5872f;animation:.32s kw-confirm-nudge;box-shadow:0 3px #f3c48f,inset 0 0 0 2px #e5872f}@keyframes kw-confirm-nudge{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){button.is-confirming.is-confirming{animation:none}}button.is-confirming--icon{position:relative;overflow:visible}button.is-confirming--icon:after{content:attr(data-confirm);z-index:20;color:#fff;white-space:nowrap;pointer-events:none;background:#9a4f0f;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;line-height:1.2;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.kw-pad-host{--kw-pad-size:clamp(108px, 29vw, 150px);--kw-pad-gap:10px}@media (orientation:portrait) and (any-pointer:coarse){.kw-stage.kw-pad-host--cross{padding-bottom:calc(var(--kw-pad-size) * .62 + var(--kw-pad-gap) + var(--kw-safe-bottom))}.kw-stage.kw-pad-host--pair{padding-bottom:calc(var(--kw-pad-size) * .56 + var(--kw-pad-gap) + var(--kw-safe-bottom))}}.kw-stage>.kw-pad,.kw-pad{z-index:3;padding:0 max(var(--kw-pad-gap), env(safe-area-inset-left,0px)) calc(var(--kw-pad-gap) + var(--kw-safe-bottom)) max(var(--kw-pad-gap), env(safe-area-inset-right,0px));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.kw-pad__stick{width:var(--kw-pad-size);height:var(--kw-pad-size);pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#ffffff1a 0,#ffffff1a 18%,#1620363d 19%);border:1.5px solid #fff9;border-radius:50%;position:relative;box-shadow:0 6px 18px #0e16282e,inset 0 1px #fff6}.kw-pad--pair .kw-pad__stick{width:calc(var(--kw-pad-size) * 1.05);height:calc(var(--kw-pad-size) * .56);background:#1620363d;border-radius:999px}.kw-pad__stick:before{border-radius:inherit;background:conic-gradient(from var(--kw-pad-angle,-45deg), #ffffff80 0 90deg, transparent 90deg);content:"";opacity:0;pointer-events:none;transition:opacity 90ms;position:absolute;top:0;bottom:0;left:0;right:0}.kw-pad__stick[data-dir]:before{opacity:1}.kw-pad__stick[data-dir=up]{--kw-pad-angle:-45deg}.kw-pad__stick[data-dir=right]{--kw-pad-angle:45deg}.kw-pad__stick[data-dir=down]{--kw-pad-angle:135deg}.kw-pad__stick[data-dir=left]{--kw-pad-angle:225deg}.kw-pad--pair .kw-pad__stick:before{background:linear-gradient(90deg,#ffffff80 0,#ffffff80 50%,#0000 50%)}.kw-pad--pair .kw-pad__stick[data-dir=right]:before{background:linear-gradient(90deg,#0000 0,#0000 50%,#ffffff80 50%)}.kw-pad--pair .kw-pad__stick:after{content:"";background:#ffffff73;width:1.5px;position:absolute;top:18%;bottom:18%;left:50%;right:auto}.kw-pad__key{color:#fff;width:36%;height:36%;font:900 calc(var(--kw-pad-size) * .17) / 1 Nunito, system-ui, sans-serif;text-shadow:0 1px 3px #0a12228c;pointer-events:none;background:0 0;border:0;place-items:center;padding:0;transition:transform 90ms;display:grid;position:absolute}.kw-pad__key>span{place-items:center;width:100%;height:100%;display:grid}.kw-pad__key svg{filter:drop-shadow(0 1px 2px #0a12228c);width:52%;height:52%}.kw-pad__key--up{top:2%;left:32%}.kw-pad__key--down{bottom:2%;left:32%}.kw-pad__key--left{top:32%;left:2%}.kw-pad__key--right{top:32%;right:2%}.kw-pad--pair .kw-pad__key{width:50%;height:100%;top:0}.kw-pad--pair .kw-pad__key--left{left:0}.kw-pad--pair .kw-pad__key--right{right:0}.kw-pad__stick[data-dir=up] .kw-pad__key--up,.kw-pad__stick[data-dir=down] .kw-pad__key--down,.kw-pad__stick[data-dir=left] .kw-pad__key--left,.kw-pad__stick[data-dir=right] .kw-pad__key--right{transform:scale(1.18)}.kw-pad__key.is-hint{color:var(--kw-sun,#ffc233);animation:.5s ease-in-out infinite alternate kw-pad-hint}@keyframes kw-pad-hint{to{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.kw-pad__key.is-hint,.kw-pad__action.is-hint{animation:none}}.kw-pad__actions{width:var(--kw-pad-size);height:var(--kw-pad-size);position:relative}.kw-pad__action{color:#fff;width:58%;height:58%;font:900 calc(var(--kw-pad-size) * .17) / 1 Nunito, system-ui, sans-serif;text-shadow:0 1px 3px #0a12228c;pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#1620364d;border:1.5px solid #fff9;border-radius:50%;align-content:center;justify-items:center;gap:2px;padding:0;transition:transform 90ms,background 90ms;display:grid;position:absolute;box-shadow:0 6px 18px #0e16282e,inset 0 1px #fff6}.kw-pad__actions--1 .kw-pad__action{width:78%;height:78%;margin:auto;top:0;bottom:0;left:0;right:0}.kw-pad__actions--2 .kw-pad__action:first-child{bottom:0;right:0}.kw-pad__actions--2 .kw-pad__action:nth-child(2){top:0;left:0}.kw-pad__action-glyph{place-items:center;width:1.3em;height:1.3em;display:grid}.kw-pad__action-glyph svg{filter:drop-shadow(0 1px 2px #0a12228c);width:100%;height:100%}.kw-pad__action small{max-width:90%;font-size:max(10px, calc(var(--kw-pad-size) * .08));text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.kw-pad__action[data-down]{background:#ffffff73;transform:scale(.94)}.kw-pad__action.is-hint{color:var(--kw-sun,#ffc233);animation:.5s ease-in-out infinite alternate kw-pad-hint}@media not all and (any-pointer:coarse){.kw-stage>.kw-pad,.kw-pad{display:none}}