.kids-hub{margin:26px 0 36px;padding:clamp(18px,4vw,36px);border:1px solid #b9d59b55;border-radius:28px;background:linear-gradient(140deg,#244d3ddd,#102c24ed);box-shadow:0 20px 60px #00180e33;color:#faf7e8;overflow:hidden}.kh-heading{display:flex;justify-content:space-between;align-items:center}.kh-heading h2{margin:8px 0 20px!important;color:#faf7e8!important}.kh-heading>span{font-size:48px;color:#b5ed8a}.kh-heading small{letter-spacing:.1em;color:#c3d5bc}.kh-tabs,.kh-choices,.kh-controls,.kh-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.kids-hub button,.kids-hub select{font:inherit;cursor:pointer;border:1px solid #b5cbb366;border-radius:15px;padding:10px 17px;background:#f4f3e813;color:#f7f4e6;transition:background .18s,transform .18s,box-shadow .18s;min-height:42px}.kids-hub button:hover{background:#aee88725}.kids-hub button:focus-visible,.kids-hub canvas:focus-visible{outline:3px solid #b1eb85;outline-offset:3px}.kids-hub button:active{transform:scale(.96)}.kids-hub button:disabled{cursor:default;opacity:.5}.kh-tabs{border-bottom:1px solid #cadcc833;padding-bottom:18px}.kh-tabs .active{background:#b5ed8a;color:#113825}.kh-content{padding-top:22px}.kh-content p{color:#d7e1d0!important}.kh-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:15px;margin-top:18px}.kids-hub .kh-game{text-align:start;padding:24px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#4a745141,#173e344a);min-height:225px}.kh-game>span{font-size:32px;color:#c1f294}.kh-game strong{font-size:20px}.kh-game small{line-height:1.5;color:#e0e6d8}.kh-game b{margin-top:auto;color:#b9ef90}.kh-match{max-width:620px;margin:auto}.kh-match-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.kh-match-head h3{color:inherit!important;margin:0}.kh-meta{padding:12px 0;color:#c0ed9f;text-align:center}.kh-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:9px;max-width:400px;margin:12px auto 20px}.kids-hub .kh-board button{aspect-ratio:1;padding:4px;font-size:clamp(24px,6vw,42px);display:grid;place-items:center;background:var(--tile,#e8ecd91b)}.kh-board button:disabled{opacity:.7}.kh-four{max-width:470px;gap:5px}.kh-four button{font-size:22px!important;min-height:30px!important;aspect-ratio:auto!important}.kh-disc{aspect-ratio:1;display:grid;place-items:center;border:1px solid #bfd4bd33;border-radius:50%;font-size:30px;color:#091f19;background:#ffffff0a}.kh-disc.d1{color:#c5ef80}.kh-disc.d2{color:#f2b783}.kh-equation{text-align:center;font-size:clamp(35px,7vw,64px);padding:24px;font-weight:700}.kh-choices{justify-content:center;margin:20px 0}.kh-choices button{font-size:24px;min-width:65px}.kh-versus{text-align:center;font-size:54px;padding:24px}.kh-versus small{display:block;font-size:18px;margin-top:15px}.kh-snake{display:grid;grid-template-columns:repeat(12,1fr);max-width:410px;margin:15px auto;background:#091f19;border:1px solid #99bd9566;border-radius:15px;padding:8px;touch-action:none}.kh-snake span{aspect-ratio:1;font-size:20px;line-height:1;color:#fa966c;display:grid;place-items:center}.kh-snake .body{background:#b5e888;border-radius:4px;box-shadow:inset 0 0 6px #4d9c5a}.kh-controls{justify-content:center}.kh-flash{filter:brightness(1.8);box-shadow:0 0 35px #d3f5bd88;transform:scale(1.05)}.kh-hit{animation:khHit .3s}.kh-result{position:relative;text-align:center;isolation:isolate;padding:35px 15px;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at center,#87c75a35,transparent 70%)}.kh-result.lost{background:radial-gradient(ellipse at center,#c676593b,transparent 70%)}.kh-result h3{color:inherit!important;font-size:36px}.kh-trophy{display:block;font-size:75px;animation:khTrophy .7s both}.kh-count{font-size:72px;font-variant-numeric:tabular-nums;color:#c1ef94}.kh-result.lost .kh-count{color:#efb699}.kh-sparks{position:absolute;inset:0;z-index:-1;pointer-events:none}.kh-sparks i{position:absolute;left:50%;top:40%;width:6px;height:13px;border-radius:3px;background:#cfef97;transform:rotate(calc(var(--i)*20deg));animation:khSpark 1.6s ease-out both;animation-delay:calc(var(--i)*.018s)}.lost .kh-sparks i{background:#d8aa92}.kh-table{overflow:auto}.kh-table table{width:100%;border-collapse:collapse;text-align:start;font-variant-numeric:tabular-nums}.kh-table th,.kh-table td{padding:14px 10px;border-bottom:1px solid #c8dac82a}.kh-table th{text-align:start;color:#b4df95}.kh-table small{display:block;color:#cbd8c1}.kh-table .own{background:#b5ed8a20}.kh-tools{margin:20px 0}.kh-tools label{display:flex;align-items:center;gap:8px;font-size:14px}.kh-tools input[type=color]{width:38px;height:35px;background:none;border:0}.kh-tools input[type=range]{width:100px;accent-color:#b5ed8a}.kids-hub select{max-width:200px}.kids-hub option{color:#173e2b;background:#fffef8}.kh-reference{width:64px;height:43px;object-fit:contain;border-radius:5px}.kh-canvas{width:100%;aspect-ratio:1.515;display:block;border-radius:18px;background:#fffef8;touch-action:none;cursor:crosshair;box-shadow:0 8px 30px #0002}.kh-save{min-height:25px}@keyframes khSpark{from{opacity:1;translate:0 0}to{opacity:0;translate:calc(cos(var(--i)*20deg)*230px) calc(sin(var(--i)*20deg)*230px + 60px)}}@keyframes khTrophy{from{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:1;transform:scale(1)}}@keyframes khHit{50%{box-shadow:0 0 30px #b0e68620}}@media(max-width:600px){.kh-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kids-hub .kh-game{padding:15px;min-height:230px}.kh-game strong{font-size:17px}.kh-game small{font-size:12px}.kh-tabs{gap:6px}.kh-tabs button{padding:8px 10px;font-size:13px}.kh-match-head h3{font-size:21px}.kh-tools{gap:7px}.kh-tools button{font-size:13px;padding:8px 11px}.kh-disc{font-size:22px}}@media(prefers-reduced-motion:reduce){.kids-hub *{animation:none!important;transition:none!important}}