/* Apex Flow Kids skin over the Wobble page: sunny sky, candy colours, emerald and gold. */
body.kids { --bg: #e9f8ff; --ink: #14324f; --muted: #3f6384; --line: #bfe3f5; --card: #ffffff; --red: #ff8a1f; --green: #1f9c55;
  background: linear-gradient(180deg, #9edbfa 0%, #d8f3ff 38%, #fff6dc 100%) fixed; }
.kids .top { background: rgba(158, 219, 250, .72); }
.kids .brand { color: #14324f; }
.kids .brand-egg { width: 16px; height: 20px; border-radius: 50% 50% 46% 46% / 60% 60% 40% 40%; background: radial-gradient(circle at 38% 30%, #7df0a8, #1f9c55 60%, #0d5a2e); box-shadow: 0 2px 8px rgba(31, 156, 85, .45); }
.kids h1 { font-size: clamp(64px, 12vw, 160px); color: #14324f; text-shadow: 0 4px 0 #fff; }
.kids .gold { color: #ff9f1c; }
.kids .kicker { color: #1f9c55; }
.kids .lede { color: #2f5577; }
.kids .stage { background: #9edbfa; box-shadow: 0 18px 40px rgba(20, 50, 79, .18), inset 0 0 0 4px #fff; }
.kids .read div { background: rgba(255, 255, 255, .86); box-shadow: 0 2px 10px rgba(20, 50, 79, .12); }
.kids .hint { background: #ffb020; color: #3a2400; font-weight: 700; }
.kids .panel { box-shadow: 0 12px 30px rgba(20, 50, 79, .14), inset 0 0 0 2px #fff; }
.kids .acts button, .kids .toggles button { background: #e6f5fd; color: var(--ink); }
.kids .acts button:hover, .kids .toggles button:hover { background: #d3eefb; }
.kids .acts.big { display: grid; grid-template-columns: 1fr 1fr; }
.kids .acts.big button { min-height: 64px; font-size: 17px; border-radius: 18px; font-weight: 700; }
.kids .acts.big button[data-w-act="burp"] { background: linear-gradient(135deg, #ffc93c, #ff8a1f); color: #3a2400; }
.kids .acts.big button[data-w-squish] { background: linear-gradient(135deg, #7df0a8, #34c96b); color: #0b3d1f; }
.kids .acts.big button[data-w-act="pull"] { background: linear-gradient(135deg, #8fd3ff, #2e9bff); color: #062a4d; }
.kids .acts.big button[data-w-act="poke"] { background: linear-gradient(135deg, #ffb3d9, #ff7ac6); color: #4d0a2c; }
.kids .toggles button[aria-pressed="true"] { background: #14324f; color: #fff; }
.kids input[type=range] { accent-color: #1f9c55; }
.kids .foot { border-color: #bfe3f5; }