:root{--kd-navy:#0b1e5b;--kd-blue:#1570ff;--kd-aqua:#12e7d6;--kd-lime:#b8ff00;--kd-orange:#ff7a00;--kd-white:#fff;--kd-navy-2:#132a78;--kd-navy-3:#24409c;--kd-navy-ink:#071443;--kd-blue-2:#0f5fe0;--kd-ink-soft:#3d4f8a;--kd-sky:#c9d8ff;--kd-mist:#eef3ff;--kd-mist-2:#dbe5ff;--bg:var(--kd-mist);--surface:var(--kd-white);--text:var(--kd-navy);--text-muted:var(--kd-ink-soft);--accent:var(--kd-blue);--focus:var(--kd-aqua);--success:var(--kd-lime);--warn:var(--kd-orange);--font-display:"Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-lg:19px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:clamp(40px, 6vw, 60px);--radius-sm:10px;--radius:14px;--radius-lg:20px;--shadow-sm:0 1px 2px #0714431f;--shadow:0 6px 20px #07144329;--shadow-lg:0 18px 50px #0714434d;--dur-fast:.15s;--dur:.22s;--ease:cubic-bezier(.2, .8, .2, 1);--kd-gradient:linear-gradient(160deg, var(--kd-blue) 0%, var(--kd-navy) 62%)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur:1ms}}[hidden]{display:none!important}.icon{vertical-align:-.2em;flex:none;width:1.25em;height:1.25em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{--btn-bg:var(--kd-white);--btn-fg:var(--kd-navy);--btn-edge:var(--kd-mist-2);font:inherit;font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);border-radius:var(--radius);background:var(--btn-bg);min-height:48px;color:var(--btn-fg);box-shadow:0 2px 0 var(--btn-edge), var(--shadow-sm);cursor:pointer;text-align:center;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), filter var(--dur-fast) var(--ease);border:0;justify-content:center;align-items:center;gap:10px;padding:11px 20px;line-height:1.15;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 1px 0 var(--btn-edge);transform:translateY(1px)}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;filter:none;transform:none}.btn[aria-busy=true]{cursor:progress}.btn[aria-busy=true]:after{content:"";border:3px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite kd-spin}.btn-primary{--btn-bg:var(--kd-lime);--btn-fg:var(--kd-navy);--btn-edge:#7fb300}.btn-secondary{--btn-bg:var(--kd-blue);--btn-fg:var(--kd-white);--btn-edge:var(--kd-blue-2)}.btn-secondary.btn-sm{--btn-bg:var(--kd-blue-2);--btn-edge:#0b4bb5}.btn-quiet{--btn-bg:transparent;--btn-fg:currentColor;--btn-edge:transparent;box-shadow:inset 0 0 0 2px}.btn-light{--btn-bg:var(--kd-white);--btn-fg:var(--kd-navy);--btn-edge:var(--kd-mist-2)}.btn-whats{--btn-bg:#25d366;--btn-fg:#06331a;--btn-edge:#1a9e4b}.btn-lg{min-height:60px;font-size:var(--fs-xl);border-radius:16px;padding:14px 24px}.btn-sm{min-height:44px;font-size:var(--fs-base);padding:8px 14px}.btn-block{width:100%}.icon-btn{border-radius:var(--radius-sm);width:44px;height:44px;color:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;text-decoration:none;display:inline-grid;position:relative}.icon-btn:hover{background:#7f96dc2e}.icon-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.field-label{font-weight:700;font-size:var(--fs-sm);margin-bottom:6px;display:block}.field{width:100%;font:inherit;font-size:var(--fs-base);border:2px solid var(--kd-mist-2);border-radius:var(--radius-sm);background:var(--kd-mist);min-height:48px;color:var(--kd-navy);transition:border-color var(--dur-fast) var(--ease);padding:11px 14px;font-weight:600}.field::placeholder{color:#6a78a8}.field:hover{border-color:#b9c9f5}.field:focus{border-color:var(--kd-blue);outline:none;box-shadow:0 0 0 3px #1570ff40}.field[aria-invalid=true]{border-color:var(--kd-orange)}.field-error{color:#b34f00;font-size:var(--fs-sm);min-height:1.2em;margin:6px 0 0;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;font-weight:700;font-size:var(--fs-sm);border:2px solid var(--kd-mist-2);background:var(--kd-white);min-height:44px;color:var(--kd-navy);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:999px;padding:8px 14px}.chip:hover{border-color:#b9c9f5}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--kd-navy);border-color:var(--kd-navy);color:var(--kd-white)}.chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.panel-card{background:var(--surface);color:var(--text);border:1px solid var(--kd-mist-2);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.dialog{border-radius:var(--radius-lg);background:var(--surface);width:min(520px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--text);box-shadow:var(--shadow-lg);border:0;padding:0;overflow:auto}.dialog[open]{animation:kd-pop var(--dur) var(--ease)}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0714439e}.dialog-head{z-index:1;background:var(--surface);align-items:center;gap:10px;padding:14px 14px 10px 20px;display:flex;position:sticky;top:0}.dialog-head h2{font-size:var(--fs-xl);flex:1;margin:0}.dialog-body{padding:4px 20px 20px}.dialog-foot{gap:10px;padding:0 20px 20px;display:flex}.dialog-foot .btn{flex:1}.spinner{border:4px solid var(--kd-mist-2);border-top-color:var(--kd-blue);border-radius:50%;width:36px;height:36px;margin:12px auto;animation:.8s linear infinite kd-spin}.spinner.inline{vertical-align:-2px;border-width:3px;width:14px;height:14px;margin:0 6px 0 0;display:inline-block}.status-pill{font-weight:700;font-size:var(--fs-sm);color:var(--kd-white);background:#0b1e5be0;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.status-pill.ok{background:var(--kd-lime);color:var(--kd-navy)}.kick-dots{gap:4px;display:inline-flex}.kick-dot{opacity:.55;border:2px solid;border-radius:50%;width:12px;height:12px;position:relative}.kick-dot.goal{opacity:1;background:var(--kd-lime);border-color:var(--kd-lime)}.kick-dot.miss{opacity:1;border:0;border-radius:0}.kick-dot.miss:before,.kick-dot.miss:after{content:"";background:var(--kd-orange);border-radius:2px;width:14px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.kick-dot.miss:after{transform:translate(-50%,-50%)rotate(-45deg)}@keyframes kd-spin{to{transform:rotate(360deg)}}@keyframes kd-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spinner,.btn[aria-busy=true]:after{animation-duration:2s}.dialog[open]{animation:none}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text);background:var(--bg);margin:0;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.muted{color:var(--text-muted)}.skip-link{z-index:100;background:var(--kd-lime);color:var(--kd-navy);border-radius:var(--radius-sm);padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:900;line-height:1.12}h1{font-size:var(--fs-3xl);margin:0 0 14px}h2{font-size:var(--fs-2xl);margin:48px 0 16px}h3{font-size:var(--fs-lg);margin:20px 0 6px}.site-header{background:var(--kd-navy);color:var(--kd-white);z-index:20;box-shadow:0 1px 0 var(--kd-navy-3);position:sticky;top:0}.header-inner{align-items:center;gap:12px;min-height:60px;display:flex}.logo{color:var(--kd-white);border-radius:var(--radius-sm);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{width:40px;height:40px}.logo-text{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:900}.logo-text .amp{color:var(--kd-orange)}.site-nav{gap:2px;margin-left:auto;display:flex}.site-nav a{color:var(--kd-sky);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-sm);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);padding:10px 14px;text-decoration:none}.site-nav a:hover{color:var(--kd-white);background:var(--kd-navy-2)}.site-nav a[aria-current=page]{color:var(--kd-white);box-shadow:inset 0 -2px 0 var(--kd-aqua)}.nav-toggle{color:var(--kd-white);display:none}.lang-switch{background:var(--kd-navy-2);min-height:44px;color:var(--kd-white);font-weight:700;font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:relative}.lang-switch:hover{background:var(--kd-navy-3)}.lang-switch:focus-within{outline:3px solid var(--focus);outline-offset:2px}.lang-switch .globe{color:var(--kd-aqua)}.lang-switch .lang-code{display:none}.lang-select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.lang-select option{color:var(--kd-navy);background:var(--kd-white)}@media (width<=720px){.nav-toggle{display:inline-grid}.site-nav{background:var(--kd-navy);flex-direction:column;padding:6px 16px 14px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 20px #07144359}.site-nav.open{display:flex}.site-nav a{font-size:var(--fs-base);padding:12px 14px}.lang-switch{margin-left:auto}.lang-switch .lang-name{display:none}.lang-switch .lang-code{display:inline}}@media (width<=360px){.logo-text{font-size:18px}.logo img{width:34px;height:34px}}.link-btn{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.text-link{align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.menu-hero{color:var(--kd-white);background:radial-gradient(ellipse 60% 70% at 18% 10%, #12e7d62e, transparent 70%), var(--kd-gradient);padding:28px 0 52px;position:relative;overflow:hidden}.menu-hero:after{content:"";background:repeating-linear-gradient(90deg,#3a9e46 0 64px,#45ad50 64px 128px);height:22px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 3px #ffffffd9}.menu-grid{z-index:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;min-height:min(560px,100dvh - 140px);display:grid;position:relative}.menu-title{margin:0}.menu-logo{filter:drop-shadow(0 12px 22px #0000004d);width:min(420px,100%);height:auto;display:block}.menu-headline{font-size:var(--fs-3xl);color:var(--kd-white);margin-top:6px;line-height:1.02;display:block}.menu-sub{font-size:var(--fs-lg);color:var(--kd-sky);max-width:34ch;margin:10px 0 0}.online{font-weight:700;font-size:var(--fs-sm);color:var(--kd-white);background:#0714438c;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:6px 12px;display:inline-flex}.online:before{content:"";background:var(--kd-lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #b8ff0047}.menu-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0714438c;border:1px solid #c9d8ff2e;gap:12px;padding:22px;display:grid}.menu-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-row .btn{font-size:var(--fs-base);flex-direction:column;gap:4px;min-height:56px}.menu-row .icon{width:22px;height:22px}.menu-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.player-chip{min-width:0;min-height:52px;color:var(--kd-white);font:inherit;cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:#ffffff0f;border:1px solid #c9d8ff40;border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.player-chip:hover{border-color:var(--kd-aqua);background:#ffffff1f}.player-chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.avatar{background:radial-gradient(circle at 50% 0%, var(--hair,#1c1410) 0 42%, transparent 43%), var(--skin,#e0ac69);border-radius:50%;flex:none;width:40px;height:40px;box-shadow:inset 0 0 0 2px #ffffffd9}.player-chip-text{min-width:0;line-height:1.2;display:grid}.player-chip-label{font-size:var(--fs-xs);color:var(--kd-sky)}.player-chip-name{font-size:var(--fs-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-chip-action{font-size:var(--fs-sm);color:var(--kd-aqua);white-space:nowrap;margin-left:4px;font-weight:700}.menu-link{min-height:44px;color:var(--kd-sky);font-weight:700;font-size:var(--fs-sm);white-space:nowrap;border-radius:var(--radius-sm);align-items:center;gap:6px;padding:0 6px;text-decoration:none;display:inline-flex}.menu-link:hover{color:var(--kd-white)}.dialog-wide{width:min(760px,100% - 24px)}.dlg-block h3{margin-top:4px}.dlg-block p{margin:0 0 12px}.divider{color:var(--text-muted);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin:18px 0 6px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--kd-mist-2);flex:1;height:1px}.join-row{grid-template-columns:1fr auto;gap:10px;display:grid}.code-field{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-family:var(--font-display);font-weight:900;font-size:var(--fs-lg)}.levels{border:0;gap:10px;margin:0;padding:0;display:grid}.level{border-radius:var(--radius);border:2px solid var(--kd-mist-2);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);gap:2px;padding:14px 16px 14px 48px;display:grid;position:relative}.level:hover{border-color:#b9c9f5}.level input{width:20px;height:20px;accent-color:var(--kd-blue);margin:0;position:absolute;top:18px;left:16px}.level:has(input:checked){border-color:var(--kd-blue);background:#f2f6ff}.level:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.level-name{font-family:var(--font-display);font-weight:900;font-size:var(--fs-lg)}.level-desc{color:var(--text-muted);font-size:var(--fs-sm)}.cust-grid{grid-template-columns:240px 1fr;align-items:start;gap:20px;display:grid}.cust-stage{justify-items:center;gap:10px;display:grid;position:sticky;top:64px}#preview{cursor:grab;touch-action:pan-y;border-radius:var(--radius);background:radial-gradient(70% 22% at 50% 92%,#8fd57a 0 60%,#0000 62%),linear-gradient(#dfe9ff,#f3f7ff);width:240px;height:300px;display:block}.cust-controls{gap:16px;display:grid}.opt .field-label{margin-bottom:8px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--kd-white);width:40px;height:40px;box-shadow:0 0 0 2px var(--kd-mist-2);background:var(--c);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;padding:0}.swatch:hover{box-shadow:0 0 0 2px #9fb2ea}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--kd-navy);transform:scale(1.06)}.swatch:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.how h2{margin-top:44px}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--kd-mist-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.step-icon{background:var(--kd-navy);width:44px;height:44px;color:var(--kd-aqua);border-radius:12px;place-items:center;display:inline-grid}.step-icon .icon{width:24px;height:24px}.step h3{font-size:var(--fs-xl);margin:14px 0 6px}.step h3:before{counter-increment:step;content:counter(step) ". ";color:var(--kd-blue)}.step p{color:var(--text-muted);margin:0}.how-more{margin:14px 0 0}.about{max-width:72ch}.page{padding:36px 0 64px}.prose{max-width:74ch}.prose p,.prose li{color:#24336b}.prose ul,.prose ol{padding-left:22px}.prose li{margin:6px 0}.prose .updated{color:var(--text-muted);font-size:var(--fs-sm)}.prose h2{font-size:var(--fs-xl);margin:36px 0 10px}.callout{border-radius:var(--radius);background:#e7fbf9;border:1px solid #a9efe8;margin:20px 0;padding:14px 18px}.cta{flex-wrap:wrap;gap:12px;margin:28px 0 0;display:flex}details.faq{background:var(--surface);border:1px solid var(--kd-mist-2);border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease);margin:10px 0;padding:0 18px}details.faq[open]{border-color:var(--kd-blue)}details.faq summary{cursor:pointer;min-height:44px;padding:14px 0;font-weight:700}details.faq[open] summary{border-bottom:1px solid var(--kd-mist-2);margin-bottom:8px}details.faq p{margin:8px 0 14px}.ad-slot{text-align:center;max-width:970px;min-height:120px;margin:40px auto}.ad-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.site-footer{background:var(--kd-navy);color:var(--kd-sky);margin-top:48px;padding:36px 0 26px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:28px;display:flex}.footer-brand img{width:140px;height:auto;display:block}.footer-brand p{max-width:40ch;font-size:var(--fs-sm);margin:8px 0 0}.footer-inner nav{grid-template-columns:repeat(2,auto);align-content:start;gap:2px 28px;display:grid}.footer-inner a,.footer-inner .link-btn{color:#e2e9ff;min-height:44px;font-size:var(--fs-sm);align-items:center;display:inline-flex}.footer-inner a:hover,.footer-inner .link-btn:hover{color:var(--kd-aqua)}.copy{font-size:var(--fs-xs);color:#9fb0e0;margin-top:22px}.cookie-bar{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;background:var(--kd-navy);max-width:680px;color:var(--kd-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:14px;margin:0 auto;padding:12px 14px 12px 18px;display:flex;position:fixed}.cookie-bar p{font-size:var(--fs-sm);margin:0}.cookie-bar a{color:var(--kd-aqua)}.cookie-bar .btn{flex:none}@media (width<=900px){.menu-grid{grid-template-columns:1fr;gap:22px;min-height:0}.menu-brand{text-align:center}.menu-logo{width:min(320px,70vw);margin:0 auto}.menu-sub{margin-inline:auto}.menu-card{width:min(520px,100%);margin:0 auto}.steps{grid-template-columns:1fr}}@media (width<=640px){.cust-grid{grid-template-columns:1fr}.cust-stage{grid-template-columns:auto auto;justify-content:center;align-items:end;position:static}#preview{width:150px;height:190px}}@media (width<=520px){.menu-hero{padding:14px 0 40px}.menu-grid{gap:14px}.menu-logo{width:min(190px,52vw)}.menu-headline{font-size:var(--fs-2xl)}.menu-sub{font-size:var(--fs-sm);margin-top:6px}.online{margin-top:10px}.menu-card{gap:10px;padding:14px}.menu-row{gap:10px}.menu-foot{flex-wrap:wrap;gap:4px}.player-chip{flex:100%}.player-chip-action{margin-left:auto}.menu-link{margin:0 auto}.join-row{grid-template-columns:1fr}.cookie-bar{flex-direction:column;align-items:stretch}.footer-inner nav{grid-template-columns:1fr 1fr}}@media (height<=520px) and (orientation:landscape){.menu-hero{padding:12px 0 34px}.menu-grid{grid-template-columns:1fr 1.1fr;gap:20px;min-height:0}.menu-brand{text-align:left}.menu-logo{width:min(200px,30vw);margin:0}.menu-headline{font-size:var(--fs-xl)}.menu-sub{display:none}.menu-card{gap:8px;padding:12px}.menu-row .btn{flex-direction:row;min-height:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}