:root{--kl-ink:#101a40;--kl-text:#53617b;--kl-blue:#0875c9;--kl-blue-deep:#0065b4;--kl-sky:#eaf7ff;--kl-cream:#fff9ef;--kl-paper:#fff;--kl-line:#e2e8f1;--kl-green:#12834a;--kl-purple:#9a52f5;--kl-orange:#ff940d;--kl-shadow:0 16px 45px rgba(32,67,91,.09);--kl-heading:"Plus Jakarta Sans","Inter","Segoe UI",Arial,sans-serif;--kl-body:"Inter","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}.kl-site{margin:0;background:#fff;color:var(--kl-ink);font:16px/1.55 var(--kl-body);-webkit-font-smoothing:antialiased}.kl-site a{color:inherit}.kl-site button,.kl-site input{font:inherit}.kl-site h1,.kl-site h2,.kl-site h3{margin:0;font-family:var(--kl-heading);line-height:1.12;letter-spacing:-.035em}.kl-site p{margin:0;color:var(--kl-text)}.kl-skip{position:fixed;z-index:100;top:8px;left:8px;padding:10px 16px;border-radius:8px;background:#fff;transform:translateY(-160%)}.kl-skip:focus{transform:none}.kl-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.kl-header{position:relative;z-index:20;width:min(1280px,88%);height:68px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 21px;border-radius:0 0 20px 20px;background:rgba(255,255,255,.97);box-shadow:0 4px 18px rgba(32,67,91,.06)}.kl-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:750 21px/1 var(--kl-heading);letter-spacing:-.035em;white-space:nowrap}.kl-brand-mark{width:31px;height:35px;display:grid;place-items:center;color:#168fff;font-size:25px}.kl-brand-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.kl-nav{display:flex;align-items:center;justify-content:center;gap:32px;margin-left:auto}.kl-nav a{position:relative;padding:22px 0;text-decoration:none;color:var(--kl-text);font-size:14px}.kl-nav a:hover,.kl-nav a:focus-visible{color:var(--kl-blue)}.kl-header-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;border:1px solid #cbdff2;border-radius:999px;background:#fff;text-decoration:none;color:var(--kl-blue)!important;font-weight:650;font-size:13px}
.kl-hero{position:relative;isolation:isolate;min-height:565px;margin-top:-68px;padding:160px max(7vw,40px) 62px;display:grid;grid-template-columns:minmax(0,670px) 310px;justify-content:center;align-items:center;gap:60px;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(255,255,255,.95),transparent 30%),linear-gradient(180deg,#e8f7ff 0,#f9fdff 70%,#fff9ef 100%)}.kl-hero::before,.kl-hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);opacity:.7}.kl-hero::before{width:430px;height:430px;left:-220px;bottom:-190px;background:#dff3dc}.kl-hero::after{width:340px;height:340px;right:-170px;top:70px;background:#d9f3ff}.kl-hero-copy{align-self:center}.kl-eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:750;color:var(--kl-blue)!important;margin-bottom:15px!important}.kl-hero h1{max-width:670px;font-size:clamp(46px,5vw,70px)}.kl-hero h1 span,.kl-setup-hero h1 span{color:var(--kl-green)}.kl-hero-copy>p:not(.kl-eyebrow){max-width:590px;margin:20px 0 26px;font-size:17px}.kl-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 27px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--kl-blue),var(--kl-blue-deep));box-shadow:0 7px 17px rgba(0,105,191,.22);color:#fff!important;text-decoration:none;font-weight:700;cursor:pointer}.kl-button:hover{transform:translateY(-1px)}.kl-button:focus-visible,.kl-game-card:focus-visible,.kl-choice:has(input:focus-visible),.kl-level:has(input:focus-visible){outline:3px solid #fff;box-shadow:0 0 0 6px #005ea8}.kl-button:disabled{cursor:not-allowed;opacity:.5}.kl-hero-robot{width:268px;height:386px;object-fit:cover;border-radius:42px;box-shadow:var(--kl-shadow);mask-image:linear-gradient(180deg,#000 88%,transparent)}.kl-library-stats{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;margin:0;padding:10px 12px;border:1px solid rgba(226,232,241,.9);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(32,67,91,.07);backdrop-filter:blur(8px)}.kl-library-stats div{min-width:112px;padding:2px 22px;text-align:center;border-right:1px solid var(--kl-line)}.kl-library-stats div:last-child{border:0}.kl-library-stats dt{color:var(--kl-text);font-size:11px;text-transform:uppercase;letter-spacing:.13em}.kl-library-stats dd{margin:2px 0 0;font:750 23px/1.2 var(--kl-heading);color:var(--kl-ink)}
.kl-games{width:min(1160px,calc(100% - 80px));margin:0 auto;padding:78px 0 88px}.kl-section-heading{max-width:680px;margin:0 auto 34px;text-align:center}.kl-section-heading h2{font-size:clamp(32px,3.4vw,46px)}.kl-section-heading>p:last-child{margin-top:12px}.kl-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.kl-game-card{position:relative;min-height:260px;display:grid;grid-template-columns:1fr 47%;overflow:hidden;border:1px solid var(--kl-line);border-top:5px solid var(--kl-blue);border-radius:25px;background:var(--kl-paper);box-shadow:0 5px 18px rgba(32,67,91,.065);text-decoration:none;transition:transform .18s,box-shadow .18s}.kl-game-card:hover{transform:translateY(-4px);box-shadow:var(--kl-shadow)}.kl-game-card.kl-snake{border-top-color:#168fff}.kl-game-card.kl-word{border-top-color:var(--kl-purple)}.kl-game-card.kl-memory{border-top-color:var(--kl-orange)}.kl-card-copy{position:relative;z-index:2;padding:28px 8px 26px 28px;display:flex;flex-direction:column;align-items:flex-start}.kl-game-number{color:#9eabc0;font-size:12px;font-weight:800;letter-spacing:.15em}.kl-card-copy>p{margin-top:auto;color:var(--kl-blue);font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:750}.kl-card-copy h3{margin:4px 0 20px;font-size:27px}.kl-card-link{margin-top:auto;color:var(--kl-blue);font-weight:700;font-size:14px}.kl-card-link b{display:inline-grid;width:29px;height:29px;margin-left:5px;place-items:center;border-radius:50%;background:var(--kl-sky)}.kl-game-card>img{align-self:end;width:100%;height:205px;object-fit:cover;object-position:center;border-radius:50px 0 0 0;mask-image:linear-gradient(90deg,transparent 0,#000 20%)}.kl-memory-art{align-self:stretch;display:grid;grid-template-columns:repeat(2,78px);place-content:center;gap:11px;background:radial-gradient(circle at center,#fff,#fff7e7)}.kl-memory-art span{height:78px;display:grid;place-items:center;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(41,53,83,.13);font-size:12px;font-weight:850;color:var(--kl-orange)}.kl-memory-art span:first-child,.kl-memory-art span:last-child{background:linear-gradient(145deg,#0f8bd0,#0066b3);color:#fff;font-size:30px}
.kl-data-note{width:min(1160px,calc(100% - 80px));margin:0 auto 70px;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:30px;background:linear-gradient(125deg,#0c2948,#0875c9);box-shadow:var(--kl-shadow)}.kl-data-note h2{color:#fff;font-size:30px}.kl-data-note p:not(.kl-eyebrow){max-width:650px;margin-top:10px;color:#dceeff}.kl-data-note .kl-eyebrow{color:#a9e3ff!important}.kl-button-light{flex:none;background:#fff;color:var(--kl-blue)!important;box-shadow:none}.kl-footer{position:relative;min-height:210px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:36px max(7vw,40px);border-top:1px solid var(--kl-line);background:linear-gradient(120deg,#fff9ef,#eef9ff)}.kl-footer>div{position:relative;z-index:2}.kl-footer p{margin:12px 0 0;font-size:14px}.kl-footer>img{position:absolute;right:0;bottom:0;width:min(52%,560px);height:210px;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.kl-setup-page{min-height:100vh;background:linear-gradient(180deg,var(--kl-sky),#f8fcff 420px,#fff)}.kl-setup-hero{min-height:330px;margin-top:-68px;padding:130px 24px 68px;text-align:center;background:radial-gradient(circle at center,#fff 0,transparent 50%)}.kl-setup-hero>div{max-width:730px;margin:auto}.kl-back{display:inline-block;margin-bottom:22px;color:var(--kl-blue)!important;text-decoration:none;font-size:14px;font-weight:650}.kl-setup-hero h1{font-size:clamp(38px,5vw,56px)}.kl-setup-hero>div>p:last-child{margin-top:14px}.kl-setup-grid{width:min(1050px,calc(100% - 48px));margin:-26px auto 80px;display:grid;grid-template-columns:1.25fr .85fr;gap:22px;position:relative}.kl-panel{padding:28px;border:1px solid var(--kl-line);border-radius:24px;background:#fff;box-shadow:var(--kl-shadow)}.kl-unit-panel{border-top:5px solid var(--kl-blue)}.kl-level-panel{align-self:start;border-top:5px solid var(--kl-purple)}.kl-step{display:flex;align-items:center;gap:13px;margin-bottom:23px}.kl-step>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--kl-sky);color:var(--kl-blue);font-weight:850}.kl-step p{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.15em}.kl-step h2{font-size:25px}.kl-panel fieldset{margin:0;padding:0;border:0}.kl-unit-list,.kl-level-list{display:grid;gap:10px}.kl-choice,.kl-level{position:relative;cursor:pointer}.kl-choice>input{position:absolute;opacity:0;pointer-events:none}.kl-level>input{position:absolute;z-index:2;top:19px;left:16px;width:20px;height:20px;margin:0;accent-color:var(--kl-blue)}.kl-choice>span,.kl-level>span{min-height:58px;display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--kl-line);border-radius:14px;background:#fbfdff;transition:border-color .15s,background .15s}.kl-choice i{width:25px;height:25px;display:grid;place-items:center;border:2px solid #b7c5d5;border-radius:8px;color:transparent;font-style:normal}.kl-choice input:checked+span,.kl-level input:checked+span{border-color:#79b9e5;background:#edf8ff}.kl-choice input:checked+span i{border-color:var(--kl-blue);background:var(--kl-blue);color:#fff}.kl-level>span{display:block;padding:13px 15px 13px 48px}.kl-level strong,.kl-level small{display:block}.kl-level small{margin-top:2px;color:var(--kl-text)}.kl-level input:checked+span::before{content:"✓";float:right;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--kl-blue);color:#fff}.kl-hint{margin:17px 0!important;padding:13px;border-radius:12px;background:var(--kl-cream);font-size:13px}.kl-start{width:100%}.kl-notice{margin-bottom:16px!important;padding:12px 14px;border:1px solid #e9b4bb;border-radius:11px;background:#fff1f2;color:#a52e3c!important}.kl-empty{text-align:center;padding:28px 15px;border:1px dashed #b9c9de;border-radius:14px}.kl-empty h3{font-size:20px}.kl-empty p{margin-top:8px}
@media(max-width:820px){.kl-header{width:calc(100% - 32px)}.kl-nav{display:none}.kl-hero{grid-template-columns:1fr 220px;gap:20px;padding-inline:28px}.kl-hero h1{font-size:46px}.kl-hero-robot{width:205px;height:300px}.kl-games,.kl-data-note{width:calc(100% - 40px)}.kl-game-card{grid-template-columns:1fr 43%}.kl-setup-grid{grid-template-columns:1fr;max-width:650px}.kl-level-panel{width:100%}}
@media(max-width:560px){.kl-header{height:58px;width:calc(100% - 20px);padding:0 12px;border-radius:0 0 16px 16px}.kl-brand{font-size:17px}.kl-brand-mark{width:25px;height:29px}.kl-header-action{min-height:38px;padding:7px 12px;font-size:12px}.kl-hero{min-height:650px;margin-top:-58px;padding:112px 20px 100px;display:block;text-align:center}.kl-hero-copy{position:relative;z-index:2}.kl-hero h1{font-size:39px}.kl-hero-copy>p:not(.kl-eyebrow){font-size:15px}.kl-hero-robot{display:block;width:150px;height:205px;margin:28px auto 0;border-radius:25px}.kl-library-stats{bottom:18px;width:calc(100% - 28px)}.kl-library-stats div{flex:1;min-width:0;padding-inline:10px}.kl-games{width:calc(100% - 28px);padding:55px 0 64px}.kl-game-grid{grid-template-columns:1fr;gap:14px}.kl-game-card{min-height:215px}.kl-card-copy{padding:22px 4px 20px 21px}.kl-card-copy h3{font-size:22px;margin-bottom:12px}.kl-game-card>img{height:175px}.kl-memory-art{grid-template-columns:repeat(2,57px);gap:7px}.kl-memory-art span{height:57px;font-size:9px}.kl-data-note{width:calc(100% - 28px);margin-bottom:40px;padding:28px 24px;display:block;text-align:center}.kl-data-note h2{font-size:27px}.kl-data-note .kl-button{margin-top:22px}.kl-footer{min-height:165px;padding:28px 22px}.kl-footer>img{width:65%;height:165px;opacity:.42}.kl-setup-hero{min-height:300px;margin-top:-58px;padding:102px 20px 60px}.kl-setup-hero h1{font-size:38px}.kl-setup-grid{width:calc(100% - 28px);margin-bottom:48px;gap:14px}.kl-panel{padding:21px;border-radius:20px}.kl-step h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.kl-game-card,.kl-button{transition:none}.kl-game-card:hover,.kl-button:hover{transform:none}}