.kg-root{--kg-text:#1f3a5f;--kg-line:#1f3a5f;--kg-panel:#fff;--kg-panel-2:#e6f4ff;--kg-accent:#ff8a1f;--kg-good:#2fb35a;--kg-bad:#e8453c;--kg-sun:#ffc83d;color:var(--kg-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:"Baloo 2",Trebuchet MS,Segoe UI,system-ui,sans-serif;font-weight:600;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .kg-root{--kg-text:#f2f6ff;--kg-line:#0a1230;--kg-panel:#22335f;--kg-panel-2:#2f4486;--kg-accent:#ff9a3c;--kg-good:#33c26a}}:root[data-theme=dark] .kg-root{--kg-text:#f2f6ff;--kg-line:#0a1230;--kg-panel:#22335f;--kg-panel-2:#2f4486;--kg-accent:#ff9a3c;--kg-good:#33c26a}.kg-root *,.kg-root :after,.kg-root :before{box-sizing:border-box}.kg-root button{color:var(--kg-text);font-family:inherit;font-weight:800}.kg-root button:focus-visible{outline:4px solid var(--kg-sun);outline-offset:3px}.kg-badge{background:var(--kg-panel);border:3px solid var(--kg-line);box-shadow:0 4px 0 var(--kg-line);border-radius:18px;align-items:center;gap:.3em;padding:4px 14px;font-size:calc(clamp(1rem,3.4vmin,1.5rem));font-weight:800;line-height:1.15;display:inline-flex}.kg-badge small{opacity:.85;font-size:.72em;font-weight:600;display:block}.kg-icon-btn{border:3px solid var(--kg-line);background:var(--kg-panel);width:calc(clamp(44px,8vmin,56px));height:calc(clamp(44px,8vmin,56px));box-shadow:0 4px 0 var(--kg-line);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.4rem;display:grid}.kg-icon-btn:active{box-shadow:0 1px 0 var(--kg-line);transform:translateY(3px)}.kg-panel{z-index:6;background:var(--kg-panel);border:3px solid var(--kg-line);width:min(940px,100% - 16px);box-shadow:0 -6px 0 var(--kg-line);max-height:58%;padding:calc(clamp(10px,2.4vmin,20px)) calc(clamp(12px,3vmin,24px)) calc(clamp(12px,2.6vmin,22px) + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:28px 28px 0 0;transition:transform .55s cubic-bezier(.2,.9,.3,1);position:absolute;bottom:0;left:50%;overflow:auto;transform:translate(-50%,110%)}.kg-panel.show{transform:translate(-50%)}.kg-prompt-row{justify-content:center;align-items:center;gap:12px;margin-bottom:calc(clamp(6px,1.6vmin,14px));display:flex}.kg-prompt{text-align:center;margin:0;font-size:calc(clamp(1.2rem,4.2vmin,2.2rem));font-weight:800;line-height:1.2}.kg-prompt b{color:var(--kg-accent)}.kg-feedback{text-align:center;min-height:1.5em;margin:calc(clamp(4px,1.2vmin,10px)) 0 0;font-size:calc(clamp(1.05rem,3.2vmin,1.6rem));font-weight:800}.kg-feedback.ok{color:var(--kg-good)}.kg-feedback.no{color:var(--kg-bad)}.kg-choices{flex-wrap:wrap;gap:calc(clamp(8px,2vmin,18px))}.kg-choices,.kg-dots,.kg-opt{justify-content:center;display:flex}.kg-opt{border:3px solid var(--kg-line);background:var(--kg-panel-2);box-shadow:0 6px 0 var(--kg-line);cursor:pointer;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:calc(clamp(6px,1.6vmin,14px)) calc(clamp(10px,2.4vmin,22px))}.kg-opt:active:not(:disabled){box-shadow:0 2px 0 var(--kg-line);transform:translateY(4px)}.kg-opt:disabled{cursor:default;color:var(--kg-text)}.kg-opt.digit{min-width:calc(clamp(84px,22vmin,150px))}.kg-digit{font-size:calc(clamp(2.4rem,11vmin,5rem));font-weight:800;line-height:1}.kg-dots{flex-wrap:wrap;gap:3px;max-width:6.5em;font-size:calc(clamp(.5rem,1.6vmin,.8rem))}.kg-dots i{background:var(--kg-accent);border-radius:50%;width:1em;height:1em}.kg-opt.good{background:var(--kg-good);color:#fff;animation:.45s kg-pop}.kg-opt.good:disabled{color:#fff}.kg-opt.wrong{opacity:.4;animation:.4s both kg-shake}.kg-opt.hint{animation:.8s infinite kg-pulse}.kg-grp{grid-template-columns:repeat(var(--c,5),auto);justify-items:center;gap:.05em .12em;font-size:calc(clamp(1.5rem,6vmin,2.8rem));line-height:1.1;display:inline-grid}.kg-grp .gone{opacity:.28;filter:grayscale()}.kg-eq{flex-wrap:wrap;justify-content:center;gap:calc(clamp(8px,2vmin,20px));margin-bottom:calc(clamp(8px,2vmin,16px))}.kg-cell,.kg-eq{align-items:center;display:flex}.kg-cell{flex-direction:column;justify-content:flex-end;align-self:stretch}.kg-lbl{font-size:calc(clamp(1.3rem,4.6vmin,2.4rem))}.kg-lbl,.kg-op,.kg-q{font-weight:800;line-height:1}.kg-op{font-size:calc(clamp(1.8rem,6vmin,3rem))}.kg-q{color:var(--kg-accent);font-size:calc(clamp(2.2rem,8vmin,4rem))}.kg-drag{align-items:stretch;gap:calc(clamp(8px,2vmin,18px));display:flex}.kg-drag,.kg-pile{flex-wrap:wrap;justify-content:center}.kg-pile{border:3px dashed var(--kg-line);align-content:flex-start;gap:6px;padding:10px}.kg-basket,.kg-pile{background:var(--kg-panel-2);border-radius:22px;flex:220px;min-height:calc(clamp(70px,16vmin,130px));display:flex}.kg-basket{border:3px solid var(--kg-line);flex-direction:column;gap:4px;padding:8px 12px;transition:background .15s,transform .15s}.kg-basket.over{background:var(--kg-sun);transform:scale(1.03)}.kg-bk-top{justify-content:space-between;align-items:center;font-size:calc(clamp(1rem,3vmin,1.5rem));font-weight:800;display:flex}.kg-bk-top .kg-icon{font-size:1.5em}.kg-bk-count{background:var(--kg-panel);border:3px solid var(--kg-line);text-align:center;border-radius:12px;min-width:2.2em;padding:0 12px}.kg-bk-items{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.kg-item{cursor:grab;touch-action:none;background:0 0;border:0;padding:2px 4px;font-size:calc(clamp(1.5rem,6vmin,2.8rem));line-height:1}.kg-confetti,.kg-ghost,.kg-hud,.kg-item>*,.kg-toast{pointer-events:none}.kg-ghost{z-index:50;font-size:calc(clamp(1.5rem,6vmin,2.8rem));position:fixed;transform:translate(-50%,-60%)scale(1.25)}.kg-hud{z-index:5;left:12px;top:calc(10px + env(safe-area-inset-top,0px));flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.kg-hud .kg-badge{display:inline-flex}.kg-hud .kg-badge.block{display:block}.kg-hud .kg-icon{font-size:1.3em}.kg-question{z-index:4;left:50%;top:calc(clamp(64px,12vmin,84px) + env(safe-area-inset-top,0px));background:var(--kg-panel);border:3px solid var(--kg-line);width:min(720px,100% - 24px);box-shadow:0 5px 0 var(--kg-line);border-radius:24px;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;transform:translate(-50%)}.kg-question .kg-prompt{font-size:calc(clamp(1.15rem,4vmin,2rem))}.kg-toast{z-index:20;opacity:0;background:var(--kg-panel);border:3px solid var(--kg-line);box-shadow:0 6px 0 var(--kg-line);white-space:nowrap;border-radius:26px;padding:8px 26px;font-size:calc(clamp(1.6rem,7vmin,3rem));font-weight:800;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),opacity .2s;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.6)}.kg-toast.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.kg-toast.ok{color:var(--kg-good)}.kg-toast.no{color:var(--kg-bad);font-size:calc(clamp(1.2rem,5vmin,2.2rem))}.kg-dragging{z-index:40;filter:drop-shadow(0 8px 6px #1428504d);cursor:grabbing;position:relative}.kg-returning{transition:transform .25s cubic-bezier(.2,.9,.3,1.2)}.kg-selected{outline:4px solid var(--kg-sun);outline-offset:2px;border-radius:16px}.kg-drop-over{transform:scale(1.05);background:var(--kg-sun)!important}.kg-confetti{z-index:30;position:absolute;inset:0;overflow:hidden}.kg-confetti-bit{animation:1.9s ease-in forwards kg-fall;position:absolute;top:-3rem}@keyframes kg-fall{to{transform:translate(var(--dx,0),115vh) rotate(1turn)}}@keyframes kg-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes kg-pop{0%{transform:scale(1)}50%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes kg-pulse{0%,to{box-shadow:0 6px 0 var(--kg-line),0 0 0 0 var(--kg-sun)}50%{box-shadow:0 6px 0 var(--kg-line),0 0 0 10px var(--kg-sun)}}@media (prefers-reduced-motion:reduce){.kg-panel,.kg-toast{transition:none}.kg-opt.good,.kg-opt.hint,.kg-opt.wrong{animation:none}}:root{--text:#1f3a5f;--muted:#4a6283;--line:#1f3a5f;--panel:#fff;--panel-2:#e6f4ff;--accent:#ff8a1f;--accent-ink:#fff;--sun:#ffc83d;--sky:#9fdcf5;--grass:#86d36b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f2f6ff;--muted:#c3cfe8;--line:#0a1230;--panel:#22335f;--panel-2:#2f4486;--accent:#ff9a3c;--sky:#16224f;--grass:#2f6b4a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f2f6ff;--muted:#c3cfe8;--line:#0a1230;--panel:#22335f;--panel-2:#2f4486;--accent:#ff9a3c;--sky:#16224f;--grass:#2f6b4a}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.playing,html.playing body{overflow:hidden}body{background:var(--sky);color:var(--text);margin:0;font-family:"Baloo 2",Trebuchet MS,Segoe UI,system-ui,sans-serif;font-weight:600;line-height:1.55}a{color:inherit}h1,h2,h3{margin:0 0 .4em;font-weight:800;line-height:1.15}.kg-icon{vertical-align:-.125em;flex:none;width:1em;height:1em;display:inline-block}.wrap{width:min(1080px,100% - 32px);margin-inline:auto}.site-header{padding:16px 0}.site-header .wrap{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{align-items:center;gap:10px;font-size:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.logo .app-icon{font-size:2rem}.card{background:var(--panel);border-radius:26px;padding:calc(clamp(16px,3vw,28px))}.btn,.card{border:3px solid var(--line);box-shadow:0 6px 0 var(--line)}.btn{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border-radius:22px;align-items:center;gap:10px;padding:8px 28px;font-size:calc(clamp(1.2rem,4vw,1.6rem));font-weight:800;text-decoration:none;display:inline-flex}.btn:active{box-shadow:0 2px 0 var(--line);transform:translateY(4px)}.btn-sm{box-shadow:0 4px 0 var(--line);border-radius:16px;padding:2px 16px;font-size:1.05rem}.section-title{margin:calc(clamp(20px,5vw,36px)) 0 14px;font-size:calc(clamp(1.4rem,4.5vw,1.9rem))}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.game-grid,.tile-grid{margin:0;padding:0;list-style:none;display:grid}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.btn:focus-visible,a:focus-visible{outline:4px solid var(--sun);outline-offset:3px}.site-footer{color:var(--muted);text-align:center;padding:32px 0 40px;font-size:.95rem}.err[data-v-ea9af5f5]{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:560px;margin:calc(clamp(16px,6vw,48px)) auto;display:flex}.err-icon[data-v-ea9af5f5]{font-size:5rem}.err h1[data-v-ea9af5f5]{margin:0;font-size:calc(clamp(1.8rem,6vw,2.6rem))}.err p[data-v-ea9af5f5]{color:var(--muted);margin:0 0 12px}