/* ==========================================================
   KIDS FALLING LETTERS — GAME WORKSPACE UI v17.10.81
   Scoped only to /kids/games/falling-letters.html
========================================================== */
body[data-kids-game="falling-letters"] .kids-falling-workspace{
  border-radius:28px;
  overflow:hidden;
  background:var(--surface,#fff);
  border:1px solid var(--border,#dbe4f0);
  box-shadow:0 20px 48px rgba(15,23,42,.09)
}
body[data-kids-game="falling-letters"] .kids-falling-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:22px 24px;
  background:
    radial-gradient(circle at 85% 15%,rgba(253,224,71,.24),transparent 19%),
    radial-gradient(circle at 72% 85%,rgba(125,211,252,.20),transparent 28%),
    linear-gradient(135deg,#f8fbff,#eef7ff 55%,#fffdf4);
  border-bottom:1px solid #dbe8f8
}
body[data-kids-game="falling-letters"] .kids-falling-title-wrap{display:flex;gap:16px;align-items:flex-start;min-width:0}
body[data-kids-game="falling-letters"] .kids-falling-icon{
  flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;
  background:linear-gradient(135deg,#dbeafe,#e0f2fe);font-size:30px;box-shadow:inset 0 0 0 1px #c5dcff
}
body[data-kids-game="falling-letters"] .kids-falling-hero h1{margin:7px 0 6px;font-size:clamp(28px,3.5vw,42px);line-height:1.06;letter-spacing:-.03em}
body[data-kids-game="falling-letters"] .kids-falling-hero p{margin:0;color:#52627a;line-height:1.55}
body[data-kids-game="falling-letters"] .kids-falling-hero [data-game-best]{display:block;margin-top:7px;color:#1769ff;font-size:13px}
body[data-kids-game="falling-letters"] .kids-falling-cheer{
  display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;gap:3px 10px;min-width:250px;padding:9px 14px;border-radius:22px;
  background:rgba(255,255,255,.72);border:1px solid #dbe8f8
}
body[data-kids-game="falling-letters"] .kids-cheer-stars{grid-column:1/3;color:#f59e0b;font-size:18px;letter-spacing:2px}
body[data-kids-game="falling-letters"] .kids-cheer-face{grid-row:2;font-size:46px}
body[data-kids-game="falling-letters"] .kids-falling-cheer strong{max-width:160px;color:#1769ff;font-size:18px;line-height:1.12}

body[data-kids-game="falling-letters"] .kids-falling-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;padding:14px;background:#f7fbff}
body[data-kids-game="falling-letters"] .kids-falling-main{min-width:0}
body[data-kids-game="falling-letters"] .kids-falling-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:10px}
body[data-kids-game="falling-letters"] .kids-falling-stat{
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1px 9px;align-items:center;padding:11px 12px;border-radius:16px;border:1px solid rgba(203,213,225,.65)
}
body[data-kids-game="falling-letters"] .kids-falling-stat>span{grid-row:1/3;font-size:27px}
body[data-kids-game="falling-letters"] .kids-falling-stat small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#5b6c84}
body[data-kids-game="falling-letters"] .kids-falling-stat strong{font-size:20px;color:#0f172a;white-space:nowrap}
body[data-kids-game="falling-letters"] .kids-falling-stat.blue{background:#eaf4ff}.kids-falling-stat.green{background:#ebfaef}.kids-falling-stat.purple{background:#f3ecff}.kids-falling-stat.gold{background:#fff6dc}.kids-falling-stat.pink{background:#ffecef}
body[data-kids-game="falling-letters"] .kids-falling-stat [data-game-lives]{color:#e11d48!important;letter-spacing:1px;font-size:17px}

body[data-kids-game="falling-letters"] .kids-falling-stage{
  position:relative;min-height:410px;padding:0;overflow:hidden;border-radius:20px;
  background:linear-gradient(180deg,#55c9f5 0%,#9be7ff 46%,#a8e1a0 47%,#68c75f 77%,#58ac46 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),inset 0 -16px 28px rgba(57,126,55,.14)
}
body[data-kids-game="falling-letters"] .kids-falling-stage::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(180deg,#d7a65c,#b97838);border-top:6px solid #f0cf8a;z-index:4
}
body[data-kids-game="falling-letters"] .kids-falling-scenery{position:absolute;inset:0;pointer-events:none;overflow:hidden}
body[data-kids-game="falling-letters"] .kids-falling-cloud{position:absolute;width:96px;height:30px;border-radius:999px;background:rgba(255,255,255,.76);filter:drop-shadow(0 5px 8px rgba(49,114,155,.08))}
body[data-kids-game="falling-letters"] .kids-falling-cloud::before,body[data-kids-game="falling-letters"] .kids-falling-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}
body[data-kids-game="falling-letters"] .kids-falling-cloud::before{width:42px;height:42px;left:14px;top:-17px}.kids-falling-cloud::after{width:52px;height:52px;right:10px;top:-24px}
body[data-kids-game="falling-letters"] .cloud-one{left:8%;top:16%}.cloud-two{left:45%;top:10%;transform:scale(.82)}.cloud-three{right:8%;top:23%;transform:scale(.72)}
body[data-kids-game="falling-letters"] .kids-falling-sun{position:absolute;right:6%;top:5%;font-size:64px;filter:drop-shadow(0 8px 10px rgba(245,158,11,.18))}
body[data-kids-game="falling-letters"] .kids-falling-hill{position:absolute;bottom:52px;border-radius:50% 50% 0 0;background:#43b16b;opacity:.84}
body[data-kids-game="falling-letters"] .hill-one{left:-7%;width:58%;height:105px;transform:skewX(-12deg)}.hill-two{right:-9%;width:64%;height:125px;background:#5fc276;transform:skewX(9deg)}
body[data-kids-game="falling-letters"] .kids-falling-tree{position:absolute;bottom:34px;font-size:72px;z-index:2}.tree-one{left:2%}.tree-two{right:2%;transform:scale(.85)}
body[data-kids-game="falling-letters"] .kids-falling-flowers{position:absolute;left:12%;right:12%;bottom:33px;text-align:center;font-size:24px;letter-spacing:18px;z-index:3}
body[data-kids-game="falling-letters"] .kids-falling-time-badge{
  position:absolute;top:12px;left:12px;z-index:8;display:grid;min-width:78px;padding:7px 10px;border-radius:12px;background:rgba(26,77,125,.80);color:#fff;box-shadow:0 7px 18px rgba(15,23,42,.16)
}
body[data-kids-game="falling-letters"] .kids-falling-time-badge small{font-size:9px;font-weight:900;letter-spacing:.08em}.kids-falling-time-badge strong{font-size:18px}
body[data-kids-game="falling-letters"] .kids-falling-danger{position:absolute;left:0;right:0;top:72%;z-index:7;border-top:3px dashed #ff4462;text-align:center}
body[data-kids-game="falling-letters"] .kids-falling-danger span{display:inline-block;transform:translateY(-18px);padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.78);color:#e11d48;font-size:11px;font-weight:900}
body[data-kids-game="falling-letters"] .kids-falling-sign{
  position:absolute;right:4%;bottom:39px;z-index:5;min-width:116px;padding:12px 13px;border-radius:10px;background:#a96b31;color:#fff;text-align:center;font-weight:900;line-height:1.15;border:4px solid #75451f;box-shadow:0 9px 20px rgba(72,42,16,.18)
}
body[data-kids-game="falling-letters"] .kids-falling-sign span{display:block;margin-top:5px}
body[data-kids-game="falling-letters"] .kids-falling-target-layer{position:absolute;inset:0;z-index:6;min-height:0;display:block;pointer-events:none}
body[data-kids-game="falling-letters"] .kids-falling-target-layer:not(:has(.kids-falling-letter)){display:grid;place-items:center;color:#164a76;font-size:28px;font-weight:900}
body[data-kids-game="falling-letters"] .kids-falling-letter{
  position:absolute;left:var(--kids-fall-x,50%);top:-72px;display:grid;place-items:center;width:68px;height:68px;border-radius:14px;
  transform:translateX(-50%);background:linear-gradient(180deg,color-mix(in srgb,var(--kids-fall-color,#7c3aed) 78%,#fff),var(--kids-fall-color,#7c3aed));
  color:#fff;font-size:38px;font-weight:900;border:3px solid rgba(255,255,255,.68);box-shadow:0 10px 0 color-mix(in srgb,var(--kids-fall-color,#7c3aed) 70%,#000),0 16px 24px rgba(23,53,89,.18);
  animation:kidsFallingScene var(--kids-fall-duration,4.4s) linear forwards
}
@keyframes kidsFallingScene{from{top:-72px}to{top:calc(72% - 64px)}}
body[data-kids-game="falling-letters"] .kids-falling-letter::before{content:"";position:absolute;top:-22px;width:3px;height:18px;background:rgba(255,255,255,.72);box-shadow:-10px 4px 0 rgba(255,255,255,.48),10px 6px 0 rgba(255,255,255,.48)}

body[data-kids-game="falling-letters"] .kids-falling-controls{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin-top:10px}
body[data-kids-game="falling-letters"] .kids-falling-start{min-width:142px;box-shadow:none}
body[data-kids-game="falling-letters"] .kids-falling-control{
  min-height:44px;padding:10px 13px;border-radius:12px;border:1px solid #cbd9ee;background:#edf4ff;color:#173b6d;font:800 13px/1 Inter,sans-serif;cursor:pointer
}
body[data-kids-game="falling-letters"] .kids-falling-control:hover{background:#e3efff;border-color:#aec6e9}
body[data-kids-game="falling-letters"] .kids-falling-motivation{margin-left:auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 8px;align-items:center;min-width:215px;padding:7px 11px;border-radius:12px;background:#eefcf1;border:1px solid #c9efd1}
body[data-kids-game="falling-letters"] .kids-falling-motivation>span{grid-row:1/3;font-size:28px}.kids-falling-motivation strong{font-size:13px;color:#14532d}.kids-falling-motivation small{font-size:10px;color:#4d735a}
body[data-kids-game="falling-letters"] .kids-falling-message{margin:8px 0 0;padding:9px 12px;border-radius:12px;background:#eef6ff;border:1px solid #d6e8ff;color:#174ea6;min-height:40px;font-weight:800}
body[data-kids-game="falling-letters"] .kids-falling-keyboard-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}

body[data-kids-game="falling-letters"] .kids-falling-side{display:grid;gap:12px;align-content:start}
body[data-kids-game="falling-letters"] .kids-falling-side-card{padding:16px;border-radius:18px;background:#fff;border:1px solid #dbe6f5;box-shadow:0 10px 24px rgba(15,23,42,.06)}
body[data-kids-game="falling-letters"] .kids-falling-side-card h2{margin:0 0 12px;font-size:20px;display:flex;align-items:center;gap:8px}
body[data-kids-game="falling-letters"] .kids-falling-steps{display:grid;gap:8px;list-style:none;padding:0;margin:0}
body[data-kids-game="falling-letters"] .kids-falling-steps li{display:grid;grid-template-columns:28px 42px 1fr;gap:8px;align-items:center;padding:9px;border-radius:14px;background:#f1f7ff;color:#334155;font-size:12px;font-weight:700}
body[data-kids-game="falling-letters"] .kids-falling-steps li>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1769ff;color:#fff}.kids-falling-steps li:nth-child(2)>b{background:#10b981}.kids-falling-steps li:nth-child(3)>b{background:#f59e0b}
body[data-kids-game="falling-letters"] .step-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;font-size:20px;font-weight:900}.step-icon.purple{background:#8b5cf6}.step-icon.green{background:#22c55e}.step-icon.gold{background:#fbbf24}
body[data-kids-game="falling-letters"] .kids-falling-tip{display:flex;gap:9px;align-items:center;margin-top:10px;padding:10px;border-radius:12px;background:linear-gradient(135deg,#fff7db,#fffdf3);color:#1d4ed8;font-size:12px;line-height:1.35}.kids-falling-tip>span{font-size:27px}
body[data-kids-game="falling-letters"] .kids-falling-side-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.kids-falling-side-heading h2{margin:0}.kids-falling-side-heading a{font-size:11px;font-weight:800;color:#1769ff}
body[data-kids-game="falling-letters"] .kids-falling-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
body[data-kids-game="falling-letters"] .kids-falling-progress-grid>div{display:grid;justify-items:center;gap:3px;padding:10px 5px;border-radius:12px;background:#f8fbff;border:1px solid #e2ebf8;text-align:center}.kids-falling-progress-grid>div>span{font-size:28px}.kids-falling-progress-grid>div>strong{font-size:15px;color:#173b6d}.kids-falling-progress-grid>div>small{font-size:9px;color:#64748b;line-height:1.2}

body[data-kids-game="falling-letters"] .kids-falling-related{padding:14px 16px;border-radius:22px;background:#fff;border:1px solid #dbe6f5;box-shadow:0 12px 28px rgba(15,23,42,.06)}
body[data-kids-game="falling-letters"] .kids-falling-related-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.kids-falling-related-heading h2{margin:0;font-size:20px}.kids-falling-related-heading a{font-size:12px;color:#1769ff;font-weight:800}
body[data-kids-game="falling-letters"] .kids-falling-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body[data-kids-game="falling-letters"] .kids-falling-related-grid>a{display:grid;grid-template-columns:110px 1fr;min-width:0;overflow:hidden;border-radius:16px;border:1px solid #dbe6f5;color:#0f172a;background:#f9fbff}.kids-falling-related-grid>a:nth-child(2){background:#fff8fb}.kids-falling-related-grid>a:nth-child(3){background:#fffbee}
body[data-kids-game="falling-letters"] .related-visual{display:grid;place-items:center;min-height:96px;font-size:24px;background:linear-gradient(135deg,#c9eeff,#e8f9ff)}.related-visual.race{background:linear-gradient(135deg,#dff6ff,#d8f9e2)}.related-visual.stack{background:linear-gradient(135deg,#ecfdf5,#fff7d8)}
body[data-kids-game="falling-letters"] .kids-falling-related-grid>a>div{padding:11px}.kids-falling-related-grid strong{display:block;font-size:15px}.kids-falling-related-grid p{margin:4px 0 8px;color:#64748b;font-size:11px;line-height:1.35}.kids-falling-related-grid b{font-size:11px;color:#1769ff}
body[data-kids-game="falling-letters"] .kids-falling-seo-copy{margin-top:14px}

html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-hero{background:linear-gradient(135deg,#10203a,#111b2e 62%,#201c13);border-color:#30425e}
html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-hero p{color:#cbd5e1}
html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-layout{background:#0e1727}
html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-side-card,html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-related{background:#111c2f;border-color:#30425e}
html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-steps li,html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-progress-grid>div{background:#17243a;border-color:#30425e;color:#dbeafe}
html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-progress-grid>div>strong{color:#dbeafe}
html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-control{background:#17243a;border-color:#40516d;color:#eaf2ff}
html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-message{background:#132641;border-color:#2d4f79;color:#bfdbfe}
html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-related-grid>a{background:#162338;border-color:#30425e;color:#f8fafc}
html[data-theme="dark"] body[data-kids-game="falling-letters"] .kids-falling-related-grid p{color:#b8c7db}

@media(max-width:1120px){
  body[data-kids-game="falling-letters"] .kids-falling-layout{grid-template-columns:1fr}
  body[data-kids-game="falling-letters"] .kids-falling-side{grid-template-columns:1.25fr 1fr}
}
@media(max-width:850px){
  body[data-kids-game="falling-letters"] .kids-falling-hero{grid-template-columns:1fr}.kids-falling-cheer{display:none!important}
  body[data-kids-game="falling-letters"] .kids-falling-stats{grid-template-columns:repeat(3,1fr)}
  body[data-kids-game="falling-letters"] .kids-falling-stage{min-height:350px}
  body[data-kids-game="falling-letters"] .kids-falling-side{grid-template-columns:1fr}
  body[data-kids-game="falling-letters"] .kids-falling-related-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  body[data-kids-game="falling-letters"] .kids-falling-hero{padding:16px}.kids-falling-title-wrap{gap:10px!important}.kids-falling-icon{width:48px!important;height:48px!important;flex-basis:48px!important;font-size:24px!important}
  body[data-kids-game="falling-letters"] .kids-falling-layout{padding:8px}
  body[data-kids-game="falling-letters"] .kids-falling-stats{grid-template-columns:repeat(2,1fr)}
  body[data-kids-game="falling-letters"] .kids-falling-stat:last-child{grid-column:1/-1}
  body[data-kids-game="falling-letters"] .kids-falling-stage{min-height:300px;border-radius:16px}
  body[data-kids-game="falling-letters"] .kids-falling-sun{font-size:48px}.kids-falling-tree{font-size:55px!important}.kids-falling-sign{display:none!important}
  body[data-kids-game="falling-letters"] .kids-falling-controls{display:grid;grid-template-columns:1fr 1fr}.kids-falling-start,.kids-falling-motivation{grid-column:1/-1;margin-left:0!important}
  body[data-kids-game="falling-letters"] .kids-falling-progress-grid{grid-template-columns:1fr 1fr 1fr}
  body[data-kids-game="falling-letters"] .kids-falling-related-grid>a{grid-template-columns:88px 1fr}
}
@media(prefers-reduced-motion:reduce){body[data-kids-game="falling-letters"] .kids-falling-letter{animation-timing-function:steps(8,end)}}