/* Kids-only home screen: three big game cards, no technical text. */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-height: 100%; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  background: linear-gradient(160deg, #ffe29a 0%, #ffa99f 40%, #b39dff 100%);
  min-height: 100vh;
  min-height: 100dvh;
  color: #3a2b12;
  -webkit-tap-highlight-color: transparent;
}
.kids-home {
  max-width: 520px;
  margin: 0 auto;
  padding: max(24px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 100vh;
  min-height: 100dvh;
}
.kids-home h1 {
  margin: 18px 0 6px;
  text-align: center;
  font-size: clamp(34px, 9vw, 46px);
  line-height: 1.15;
  font-weight: 900;
  color: #4a2c00;
  text-shadow: 0 2px 0 rgba(255,255,255,.5);
}
.kids-home .sub {
  margin: 0 0 22px;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  color: #6b4a1a;
}
.game-cards { display: flex; flex-direction: column; gap: 18px; flex: 1; }
.game-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border: 0;
  border-radius: 28px;
  padding: 26px 18px 20px;
  min-height: 128px;
  flex: 1;
  cursor: pointer;
  color: #fff;
  font-family: inherit;
  box-shadow: 0 8px 0 rgba(0,0,0,.18), 0 14px 28px rgba(0,0,0,.18);
  transition: transform .08s ease, box-shadow .08s ease;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}
.game-card:active {
  transform: translateY(6px);
  box-shadow: 0 2px 0 rgba(0,0,0,.18), 0 6px 14px rgba(0,0,0,.16);
}
.card-balloons { background: linear-gradient(135deg, #ff5e8a, #ff9d4d); }
.card-stars    { background: linear-gradient(135deg, #5a4fd8, #9b5de5); }
.card-fish     { background: linear-gradient(135deg, #0090d8, #2fd4c4); }
.card-treasure { background: linear-gradient(135deg, #e07b1a, #a0522d); }
.game-card .emoji { font-size: 58px; line-height: 1.1; filter: drop-shadow(0 3px 4px rgba(0,0,0,.25)); }
.game-card .name { font-size: 32px; font-weight: 900; text-shadow: 0 2px 4px rgba(0,0,0,.3); }
.game-card .go { font-size: 17px; font-weight: 700; opacity: .92; }
.parents-link {
  align-self: center;
  margin-top: 22px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.55);
  color: #6b4a1a;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
.parents-link:active { background: rgba(255,255,255,.8); }