/* v1.0.24.59 – scoped, full-screen Kindergarten typing game. */
.ta299-app{position:fixed;inset:0;z-index:2147483000;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;background:radial-gradient(circle at 3% 12%,#ffe6ac 0 7%,transparent 18%),radial-gradient(circle at 98% 8%,#d8dcff 0 10%,transparent 22%),linear-gradient(130deg,#ecfaff,#fff8ed 48%,#f2efff);color:#25416d;font-family:ui-rounded,'Nunito','Trebuchet MS',system-ui,sans-serif;font-size:16px;line-height:1.4}
.ta299-app *{box-sizing:border-box}.ta299-app button,.ta299-app textarea{font:inherit}.ta299-app button,.ta299-app a{touch-action:manipulation}.ta299-app button:focus-visible,.ta299-app a:focus-visible,.ta299-app textarea:focus-visible{outline:4px solid #ffbf53;outline-offset:3px}
.ta299-decor{position:fixed;pointer-events:none;z-index:0;opacity:.25;font-size:100px;color:#ffbb3e}.ta299-decor-one{top:18%;left:1%}.ta299-decor-two{right:2%;bottom:8%;color:#9a7cff}
.ta299-topbar{position:relative;z-index:1;display:flex;gap:16px;justify-content:space-between;align-items:center;padding:15px clamp(14px,3vw,45px);background:#fffef8ed;border-bottom:2px solid #e1edf7;box-shadow:0 4px 20px #5275a513;min-height:77px}
.ta299-back{display:inline-flex;align-items:center;gap:5px;padding:11px 16px;border:2px solid #d4e4f6;border-radius:16px;background:#fff;color:#345f95;text-decoration:none;font-weight:900;white-space:nowrap}.ta299-back:hover{background:#eaf6ff}.ta299-brand{font-size:clamp(17px,2vw,27px);font-weight:1000;color:#5e4dc4;white-space:nowrap}.ta299-star{color:#ffb52e}.ta299-pill{padding:10px 16px;border-radius:30px;background:#dff6e8;border:2px solid #b3e9c7;color:#257750;font-weight:900;white-space:nowrap}
.ta299-content{position:relative;z-index:1;width:min(1320px,100%);margin:0 auto;padding:16px clamp(12px,2.5vw,34px) 30px}
.ta299-intro{display:flex;align-items:center;gap:17px;padding:13px 19px;margin-bottom:13px;border-radius:24px;background:linear-gradient(95deg,#e6ebff,#ffeef8 70%,#fff6dc);border:2px solid #fff;box-shadow:0 7px 23px #8ba3c01e}.ta299-mascot{font-size:clamp(55px,6vw,85px);line-height:1}.ta299-intro-copy{flex:1;min-width:0}.ta299-eyebrow{color:#8953ac;font-size:13px;letter-spacing:.1em;font-weight:1000}.ta299-intro h1{font-size:clamp(23px,3vw,40px);line-height:1.2;color:#4b4dc4;margin:3px 0 5px;font-weight:1000}.ta299-intro p{margin:0;color:#536889;font-size:clamp(14px,1.3vw,18px);font-weight:700}.ta299-trophy{font-size:54px}
.ta299-metrics{display:grid;grid-template-columns:180px 180px minmax(0,1fr);gap:13px;margin-bottom:13px}.ta299-metric{border-radius:21px;padding:11px 18px;background:#fff;border:2px solid #e2edfb;box-shadow:0 6px 20px #91abca16}.ta299-metric span{display:block;color:#7082a2;font-size:13px;font-weight:900}.ta299-metric strong{display:block;font-size:clamp(22px,2.4vw,32px);color:#4c5bb2;font-weight:1000}.ta299-metric small{font-size:12px}.ta299-progress-track{overflow:hidden;height:12px;border-radius:30px;background:#e8edfc;margin-top:4px}.ta299-progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#60c4e4,#a778ef,#f39ab2);border-radius:30px;transition:width .2s}
.ta299-board{border-radius:28px;background:#fff;border:3px solid #d7e7ff;box-shadow:0 12px 40px #6284b82a;padding:clamp(16px,2.5vw,27px)}.ta299-board-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.ta299-board h2{font-size:clamp(19px,2vw,25px);color:#485dc0;margin:0;font-weight:1000}.ta299-hint{font-size:13px;color:#8461b3;font-weight:800}
.ta299-target{display:flex;flex-wrap:wrap;align-content:center;gap:1px;padding:17px 20px;background:#f4f8ff;border:2px dashed #b6d1fa;border-radius:20px;min-height:96px;max-height:192px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(27px,3.3vw,48px);line-height:1.35;font-weight:900;letter-spacing:.018em;white-space:pre-wrap;overflow-wrap:anywhere;color:#6883a7}.ta299-target span{border-radius:7px;min-width:.5ch}.ta299-target .ta299-correct{color:#17835b;background:#e1f9e8}.ta299-target .ta299-wrong{color:#ca4563;background:#ffe0e7}.ta299-target .ta299-current{background:#ffdc85;color:#55428a;box-shadow:0 3px 0 #ffae42;animation:ta299-pulse 1s ease-in-out infinite alternate}@keyframes ta299-pulse{to{background:#fff1c8}}
.ta299-type-label{display:block;font-size:17px;color:#475b9c;font-weight:1000;margin:13px 0 9px}.ta299-app textarea{display:block;width:100%;min-height:100px;resize:none;border:3px solid #c8dcf8;border-radius:19px;padding:13px 17px;color:#2c4376;background:#fff;font:700 clamp(21px,2.2vw,30px)/1.5 ui-monospace,Consolas,monospace;box-shadow:inset 0 3px 10px #8cacd512}.ta299-app textarea::placeholder{color:#a8b6cc;font-family:ui-rounded,'Trebuchet MS',sans-serif;font-weight:600;font-size:17px}.ta299-feedback{text-align:center;font-weight:900;color:#7857b5;margin:10px 0;min-height:24px}
.ta299-keyboard{display:flex;flex-direction:column;gap:6px;align-items:center;margin:9px auto 12px;max-width:780px}.ta299-keyboard-row{display:flex;justify-content:center;gap:5px;width:100%}.ta299-keyboard-row span{display:flex;align-items:center;justify-content:center;flex:0 1 65px;min-width:0;height:clamp(26px,3vw,40px);background:#eef1fb;border:1px solid #cbd5ed;border-bottom:3px solid #adbdd9;border-radius:9px;color:#536999;font-size:clamp(10px,1.4vw,17px);font-weight:1000}.ta299-keyboard-row .ta299-space{flex:0 1 280px;font-size:12px}.ta299-keyboard-row .ta299-key-next{background:#ffe0a2;border-color:#e9ac4c;color:#724b00;box-shadow:0 0 0 3px #ffe9c8;transform:translateY(-2px)}
.ta299-controls{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.ta299-controls button{cursor:pointer;padding:10px 24px;min-height:44px;border-radius:14px;border:2px solid #d6e3f5;background:#fff;color:#5060a1;font-weight:1000}.ta299-controls .ta299-focus{background:#7760df;border-color:#7760df;color:#fff}.ta299-controls button:hover{filter:brightness(.97)}
.ta299-complete-panel{margin:15px auto 0;max-width:860px;border-radius:24px;background:linear-gradient(110deg,#fff0ae,#dcffe8);border:3px solid #f6d36d;padding:17px;text-align:center;color:#477a53;box-shadow:0 9px 25px #68a07c1c}.ta299-complete-panel[hidden]{display:none}.ta299-complete-panel>span{display:block;font-size:35px}.ta299-complete-panel strong{display:block;font-size:24px}.ta299-complete-panel p{margin:5px 0 9px}.ta299-complete-actions a{display:inline-flex;padding:10px 24px;border-radius:14px;background:#368e65;color:#fff;text-decoration:none;font-weight:900}.ta299-is-complete .ta299-board{border-color:#a5e6b4}.ta299-footer{display:flex;justify-content:center;gap:30px;color:#8790a9;font-weight:800;font-size:13px;margin-top:15px}
@media(max-width:760px){.ta299-topbar{min-height:65px;padding:9px 12px}.ta299-brand{font-size:16px}.ta299-back{padding:9px 11px}.ta299-back span{display:none}.ta299-pill{padding:8px 10px;font-size:12px}.ta299-content{padding:12px 10px 24px}.ta299-intro{padding:12px;gap:10px;border-radius:18px}.ta299-mascot{font-size:47px}.ta299-trophy{display:none}.ta299-eyebrow{font-size:10px}.ta299-intro h1{font-size:23px}.ta299-intro p{font-size:13px}.ta299-metrics{grid-template-columns:1fr 1fr;gap:8px}.ta299-metric{padding:9px 12px}.ta299-metric-wide{grid-column:1/-1}.ta299-board{padding:13px;border-radius:20px}.ta299-hint{display:none}.ta299-target{padding:10px;min-height:74px;max-height:170px;font-size:27px}.ta299-app textarea{min-height:88px;font-size:22px}.ta299-keyboard-row{gap:3px}.ta299-keyboard-row span{height:28px;border-radius:5px}.ta299-feedback{font-size:13px}.ta299-footer{gap:10px;font-size:11px}}
@media(max-height:750px) and (min-width:761px){.ta299-content{padding-top:10px}.ta299-intro{padding:9px 16px;margin-bottom:8px}.ta299-mascot{font-size:53px}.ta299-trophy{font-size:35px}.ta299-metrics{margin-bottom:8px}.ta299-metric{padding:6px 12px}.ta299-board{padding:13px}.ta299-target{min-height:70px;padding:10px 14px}.ta299-app textarea{min-height:76px}.ta299-keyboard-row span{height:28px}}
@media(prefers-reduced-motion:reduce){.ta299-target .ta299-current{animation:none}.ta299-progress-track>div{transition:none}}