:root{--sw-ink:#26314d;--sw-muted:#69738a;--sw-sun:#ffca4b;--sw-coral:#ff7d69;--sw-lilac:#7568df;--sw-sky:#5ac7e8;--sw-paper:#fffdf8;--sw-shadow:0 14px 32px rgba(51,49,90,.12)}
.child-world,.child-activity{background:linear-gradient(180deg,#fff8df 0,#fffdf8 34rem);min-height:100vh}.child-world .site-header,.child-activity .site-header{background:rgba(255,253,248,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(38,49,77,.08)}.child-world .brand,.child-activity .brand{color:var(--sw-ink)}.child-world .brand-mark,.child-activity .brand-mark{background:linear-gradient(135deg,var(--sw-sun),#ff9f5a);box-shadow:0 4px 0 rgba(117,104,223,.15)}
.child-world .container,.child-activity .container{padding-top:38px}.child-world .adventure-hero{position:relative;overflow:hidden;min-height:300px;margin-bottom:24px;padding:48px 54px;border:0;border-radius:32px;background:linear-gradient(120deg,#7568df,#5f9ee8 62%,#66d5d1);color:#fff;box-shadow:var(--sw-shadow)}.child-world .adventure-hero::before,.child-world .adventure-hero::after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.14)}.child-world .adventure-hero::before{width:280px;height:280px;right:-74px;top:-132px}.child-world .adventure-hero::after{width:180px;height:180px;right:145px;bottom:-122px}.child-world .hero-copy{position:relative;z-index:1;max-width:610px}.child-world .eyebrow{color:#fdf0a4}.child-world .hero h1{max-width:570px;font-size:clamp(42px,5.4vw,66px);letter-spacing:-.05em}.child-world .hero h1 em{font-family:Georgia,serif;font-weight:500}.child-world .hero p{color:rgba(255,255,255,.88);font-size:19px;line-height:1.55}.child-world .curiosity-note{display:inline-flex;align-items:center;padding:10px 15px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(32,38,91,.15);font-weight:800}.child-world .hero-orbit{position:relative;z-index:1;width:180px;height:180px;flex:0 0 180px}.child-world .hero-orbit span{position:absolute;display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:#fff;color:var(--sw-lilac);font-size:27px;box-shadow:0 12px 22px rgba(33,39,95,.17);transform:rotate(-10deg)}.child-world .hero-orbit span:nth-child(1){left:4px;top:40px}.child-world .hero-orbit span:nth-child(2){right:0;top:5px;color:var(--sw-coral);transform:rotate(9deg)}.child-world .hero-orbit span:nth-child(3){right:18px;bottom:0;color:#19a7b8;transform:rotate(-4deg)}.child-world .hero-orbit span:nth-child(4){left:20px;bottom:-10px;color:#e5a213;transform:rotate(8deg)}
.child-world .daily-bar{display:grid;grid-template-columns:minmax(150px,auto) 1fr;align-items:center;gap:24px;padding:18px 22px;margin:0 0 24px;border:1px solid #eee4cf;border-radius:20px;background:#fff;box-shadow:0 7px 18px rgba(51,49,90,.06)}.child-world .daily-bar strong{display:block;font-size:16px}.child-world #dailyProgress{display:block;margin-top:3px;color:var(--sw-muted);font-size:14px;font-weight:700}.child-world .progress-track{height:12px;overflow:hidden;border-radius:999px;background:#f0ecdf}.child-world .progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb547,#69c77f);transition:width .4s ease}.child-world .status{font-weight:700}.child-world .card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.child-world .content-card{position:relative;border:0;border-radius:24px;box-shadow:var(--sw-shadow);outline:1px solid rgba(38,49,77,.08);transition:transform .2s ease,box-shadow .2s ease}.child-world .content-card:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:0 21px 40px rgba(51,49,90,.17)}.child-world .content-card:focus-visible{outline:4px solid var(--sw-lilac);outline-offset:4px}.child-world .content-card img{height:178px}.child-world .content-card-body{padding:21px}.child-world .tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f2efff;color:#5b50bd}.child-world .content-card h2{font-size:23px;letter-spacing:-.025em}.child-world .content-card p{min-height:47px;font-size:15px}.child-world .read-more{display:inline-flex;align-items:center;gap:7px;margin-top:4px;color:var(--sw-lilac)}.child-world .read-more::after{content:"→";font-size:20px;transition:transform .15s ease}.child-world .content-card:hover .read-more::after{transform:translateX(4px)}.child-world footer{border:0;color:#667087}
.child-activity .container{max-width:900px}.child-activity .activity-top-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.child-activity .back{margin:0;color:#5d50b5}.child-activity .next-adventure{border-radius:999px;padding:13px 19px;background:linear-gradient(135deg,#6b61d3,#5850b9);box-shadow:0 7px 16px rgba(92,81,190,.23)}.child-activity .next-adventure:disabled{opacity:.48;box-shadow:none;cursor:not-allowed}.child-activity .activity-card{border:0;border-radius:28px;box-shadow:var(--sw-shadow);outline:1px solid rgba(38,49,77,.08)}.child-activity .activity-image{min-height:240px;background:linear-gradient(135deg,#d9f6f6,#ece9ff)}.child-activity .activity-image img{max-height:420px}.child-activity .activity-body{padding:38px}.child-activity .eyebrow,.child-activity .question-kicker{color:#6359c6}.child-activity .activity-heading h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.045em}.child-activity .story-text{color:#37435c;font-size:19px;line-height:1.72}.child-activity .assessment{margin-top:32px;padding:28px;border:0;border-radius:22px;background:#f7f6ff}.child-activity .assessment h2{margin:8px 0 18px;font-size:25px;line-height:1.25}.child-activity .choice{position:relative;margin:12px 0;padding:17px 19px;border:2px solid transparent;border-radius:16px;background:#fff;box-shadow:0 3px 0 rgba(67,58,145,.1);font-size:17px;font-weight:700;transition:transform .15s ease,border-color .15s ease,background .15s ease}.child-activity .choice:hover:not(:disabled){transform:translateY(-2px);border-color:#a39aef;background:#fcfbff}.child-activity .choice b{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:8px;border-radius:9px;background:#e9e6ff;color:#5a50b9}.child-activity .choice.is-correct{border-color:#74c78f;background:#effaf0}.child-activity .choice.is-incorrect{border-color:#f2a59b;background:#fff3f1}.child-activity .result{margin-top:18px;border-radius:16px;background:#eaf8eb;color:#246538;font-weight:800}.child-activity .explanation{margin:18px 0 0;padding:18px 20px;border-left:5px solid var(--sw-sky);border-radius:0 14px 14px 0;background:#f1fbfd;color:#34505c;line-height:1.6}.child-activity .feedback-row{align-items:center;margin-top:30px}.child-activity .feedback-row>span{width:100%;font-size:14px;font-weight:900;color:var(--sw-muted)}.child-activity .pill{border-radius:999px;transition:transform .15s ease}.child-activity .pill:hover{transform:translateY(-2px)}.child-activity .share-button{border-color:#dcd6ff;background:#f8f7ff;color:#5b50bd}
@media(max-width:720px){.child-world .container,.child-activity .container{width:min(92%,1100px);padding-top:24px}.child-world .adventure-hero{min-height:auto;padding:34px 28px}.child-world .hero-orbit{display:none}.child-world .hero h1{font-size:clamp(40px,12vw,55px)}.child-world .daily-bar{grid-template-columns:1fr;gap:12px}.child-activity .activity-top-actions{align-items:stretch;flex-direction:column}.child-activity .next-adventure{width:100%}.child-activity .activity-body{padding:25px 20px}.child-activity .activity-heading{align-items:stretch;flex-direction:column}.child-activity .share-button{justify-content:center;width:100%}.child-activity .assessment{padding:22px 16px}.child-world .site-header nav,.child-activity .site-header nav{gap:0;font-size:13px}.child-world .site-header nav a:nth-child(-n+2),.child-activity .site-header nav a:nth-child(-n+2){display:none}}
@media(prefers-reduced-motion:reduce){.child-world .content-card,.child-world .read-more::after,.child-world .progress-track span,.child-activity .choice,.child-activity .pill{transition:none}}


/* Production child experience: additive, scoped enhancements. */
.child-world .hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.child-world .hero-cta{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:999px;background:#fff;color:#574bb7;font-weight:900;box-shadow:0 8px 18px rgba(33,39,95,.16);transition:transform .18s ease,box-shadow .18s ease}
.child-world .hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(33,39,95,.2)}
.child-world .daily-journey{margin:0 0 28px;padding:24px;border:1px solid #eee4cf;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 10px 25px rgba(51,49,90,.07)}
.child-world .journey-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.child-world .journey-heading h2{margin:5px 0 2px;font-size:clamp(24px,3vw,32px);letter-spacing:-.035em}
.child-world .journey-heading p{margin:0;color:var(--sw-muted);font-weight:800}
.child-world .journey-count{display:grid;place-items:center;min-width:76px;height:76px;border-radius:22px;background:#f4f1ff;color:#5d50bd;box-shadow:inset 0 -4px 0 rgba(117,104,223,.08)}
.child-world .journey-count strong{font-size:29px;line-height:1}.child-world .journey-count span{font-size:12px;font-weight:900;color:var(--sw-muted)}
.child-world .journey-trail{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin:22px 0 12px}
.child-world .journey-dot{position:relative;display:grid;place-items:center;min-height:34px;border-radius:999px;background:#f0ecdf;color:#a29a8b;font-size:13px;font-weight:900;transition:transform .2s ease,background .2s ease}
.child-world .journey-dot.completed{background:#ffe7a5;color:#77540b;box-shadow:0 4px 0 rgba(229,162,19,.15)}
.child-world .journey-dot.current{background:#e9e6ff;color:#5d50bd;box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(117,104,223,.2)}
.child-world .progress-track{height:11px}.child-world .card-grid{align-items:stretch}
.child-world .content-card{display:flex;flex-direction:column}.child-world .content-card-body{display:flex;flex:1;flex-direction:column}.child-world .content-card p{flex:1}
.child-world .tag{font-size:10px}.child-world .content-card .card-meta{display:flex;gap:7px;align-items:center;margin-top:2px;color:var(--sw-muted);font-size:12px;font-weight:800}.child-world .content-card .card-type-icon{font-size:18px}
.child-world .content-card.completed{outline:2px solid rgba(116,199,143,.4)}
.child-world .content-card.completed::after{content:'✓ Explored';position:absolute;top:14px;right:14px;padding:6px 9px;border-radius:999px;background:#effaf0;color:#246538;font-size:11px;font-weight:900}
.child-world .content-card:hover .card-type-icon{transform:scale(1.08) rotate(-4deg)}
.child-world .card-type-icon{display:inline-block;transition:transform .18s ease}
.child-activity .activity-progress{margin-left:auto;padding:9px 13px;border-radius:999px;background:#f5f3ff;color:#5d50bd;font-size:12px;font-weight:900;letter-spacing:.4px}
.child-activity .activity-card{overflow:visible}.child-activity .activity-image{overflow:hidden;position:relative}.child-activity .activity-image img{transition:transform .45s ease}.child-activity .activity-card:hover .activity-image img{transform:scale(1.015)}
.child-activity .story-text{font-size:clamp(18px,2.1vw,20px);max-width:760px}.child-activity .assessment{box-shadow:inset 0 1px 0 rgba(117,104,223,.06)}
.child-activity .choice{min-height:64px;padding:16px 18px;font-size:18px;line-height:1.35}.child-activity .choice b{width:34px;height:34px;border-radius:11px;vertical-align:middle}
.child-activity .choice.is-correct{animation:sw-choice-pop .28s ease}.child-activity .choice.is-incorrect{animation:sw-choice-shake .28s ease}
.child-activity .result{padding:16px 18px;font-size:17px}.child-activity .result.success{background:#effaf0;color:#246538}.child-activity .result.learning{background:#fff7e7;color:#765313}
.child-activity .completion-panel{margin:24px 0;padding:28px;text-align:center;border-radius:24px;background:linear-gradient(145deg,#fff8df,#f6f3ff);border:1px solid #ece3d4;box-shadow:0 10px 25px rgba(51,49,90,.08)}
.child-activity .completion-panel h2{margin:8px 0 5px;font-size:30px}.child-activity .completion-panel p{margin:0 auto 18px;max-width:520px;color:var(--sw-muted);line-height:1.55}.child-activity .completion-stars{font-size:23px;letter-spacing:7px;color:#e8ae20;animation:sw-float 1.8s ease-in-out infinite}
.child-activity .completion-panel .next-adventure{min-width:230px}.child-activity .feedback-row{padding-top:4px}
@keyframes sw-choice-pop{50%{transform:scale(1.015)}to{transform:scale(1)}}
@keyframes sw-choice-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}to{transform:translateX(0)}}
@keyframes sw-float{50%{transform:translateY(-3px)}}
@media(max-width:720px){.child-world .journey-heading{align-items:flex-start}.child-world .journey-count{min-width:62px;height:62px;border-radius:18px}.child-world .journey-trail{gap:5px}.child-world .journey-dot{min-height:30px;font-size:11px}.child-world .hero-cta{width:100%;justify-content:center}.child-activity .activity-progress{margin-left:0;text-align:center}.child-activity .activity-top-actions .next-adventure{order:3}.child-activity .completion-panel{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.child-world .hero-cta,.child-world .journey-dot,.child-world .card-type-icon,.child-activity .activity-image img,.child-activity .choice,.child-activity .completion-stars{transition:none;animation:none}}


/* Final home/activity alignment polish */
.child-world .adventure-hero .eyebrow{color:#fdf0a4}
.child-world .daily-journey .eyebrow,
.child-world .explore-heading .eyebrow{color:#6258c5}
.child-world .hero-actions{align-items:center}
.child-world .hero-cta{white-space:nowrap}
.child-world .daily-journey{padding:22px 24px 20px;margin-bottom:34px}
.child-world .journey-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px}
.child-world .journey-heading h2{margin:5px 0 4px;font-size:22px;letter-spacing:-.025em}
.child-world .journey-count{min-width:68px;height:58px;border-radius:18px;background:#f7f4ff;box-shadow:none}
.child-world .journey-count strong{font-size:24px}
.child-world .journey-trail{gap:6px;margin:17px 0 10px}
.child-world .journey-dot{min-height:9px;height:9px;padding:0;font-size:0;border-radius:999px}
.child-world .journey-dot.completed{box-shadow:none;background:#ffca4b}
.child-world .journey-dot.current{background:#7568df;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(117,104,223,.18)}
.child-world .explore-section{margin-top:0}
.child-world .explore-heading{margin:0 0 20px}
.child-world .explore-heading h2{margin:6px 0 5px;font-size:30px;line-height:1.12;letter-spacing:-.035em}
.child-world .explore-heading .status{margin:0;min-height:22px;font-size:15px;font-weight:700}
.child-world .card-grid{gap:26px}
.child-activity .activity-top-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.child-activity .activity-top-actions .back{justify-self:start;white-space:nowrap}
.child-activity .activity-top-actions .activity-progress{justify-self:center}
.child-activity .activity-top-actions .next-adventure{justify-self:end;min-width:160px;text-align:center;white-space:nowrap}
.child-activity .completion-panel .next-adventure{display:block;width:min(320px,100%);margin:18px auto 0;text-align:center}
@media(max-width:720px){
 .child-world .daily-journey{padding:20px;margin-bottom:30px}
 .child-world .journey-heading{grid-template-columns:1fr auto;gap:12px}
 .child-world .journey-count{min-width:60px;height:54px}
 .child-world .explore-heading h2{font-size:27px}
 .child-world .card-grid{gap:20px}
 .child-activity .activity-top-actions{display:flex;align-items:stretch;flex-direction:column}
 .child-activity .activity-top-actions .activity-progress{order:2}
 .child-activity .activity-top-actions .next-adventure{order:3;width:100%;min-width:0}
}

/* UI styles are scoped to child-world/child-activity so Admin and parent pages remain unaffected. */
/* Final isolated fixes: home progress, card metadata, and activity top actions. */

/* Home: one progress indicator only. Keep the readable text count and a single bar. */
.child-world .journey-count,
.child-world .journey-trail{
  display:none;
}
.child-world .daily-journey .journey-heading{
  display:block;
}
.child-world .daily-journey{
  padding:22px 24px 20px;
}
.child-world .daily-journey .progress-track{
  width:100%;
  margin-top:14px;
}

/* Home cards: keep the content-type icon and label on one clean baseline. */
.child-world .content-card .tag{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-height:30px;
  box-sizing:border-box;
  line-height:1;
}
.child-world .content-card .card-type-icon{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  margin:0;
  flex:0 0 20px;
  font-size:17px;
  line-height:1;
}

/* Activity: top actions stay at opposite edges; bottom action remains centered. */
.child-activity .activity-top-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
}
.child-activity .activity-top-actions .back{
  margin:0 auto 0 0;
  justify-self:auto;
  white-space:nowrap;
}
.child-activity .activity-top-actions .next-adventure{
  margin:0 0 0 auto;
  justify-self:auto;
  min-width:160px;
  white-space:nowrap;
}
.child-activity .activity-bottom-action{
  display:flex;
  justify-content:center;
  width:100%;
}
@media(max-width:720px){
  .child-activity .activity-top-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .child-activity .activity-top-actions .back,
  .child-activity .activity-top-actions .next-adventure{
    width:100%;
    margin:0;
  }
}

/* Isolated fix: add breathing room between feedback and bottom action. */
.child-activity .activity-bottom-action{
  margin-top: 28px;
}
@media(max-width:720px){
  .child-activity .activity-bottom-action{
    margin-top: 24px;
  }
}


/* Controlled Activity UI v2: responsive layout, image preservation, and navigation polish. */
.child-activity .activity-top-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}
.child-activity .activity-top-actions .back{margin:0;}
.child-activity .activity-progress{
  margin-left:auto;
  padding:9px 14px;
  border-radius:999px;
  background:#f5f3ff;
  color:#5d50bd;
  font-size:12px;
  font-weight:900;
  letter-spacing:.2px;
  white-space:nowrap;
}
.child-activity .activity-card{overflow:hidden;}
.child-activity .activity-image{
  display:flex;
  align-items:center;
  justify-content:center;
}
.child-activity .activity-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.child-activity .result{
  margin-top:18px;
  padding:18px 20px;
  border-radius:18px;
  font-weight:700;
  line-height:1.6;
}
.child-activity .result-title{
  display:block;
  margin-bottom:6px;
  font-size:18px;
  line-height:1.25;
}
.child-activity .result p{margin:0 0 8px;}
.child-activity .result p:last-child{margin-bottom:0;}
.child-activity .result-explanation{font-weight:500;}
.child-activity .activity-bottom-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid #eee5d9;
}
.child-activity .previous-adventure,
.child-activity .activity-bottom-action .next-adventure{
  min-height:48px;
  border-radius:999px;
  padding:12px 22px;
}
.child-activity .previous-adventure{
  background:#fff;
  color:#5d50bd;
  border:2px solid #7568df;
}
.child-activity .previous-adventure:disabled{opacity:.45;cursor:not-allowed;}
.child-activity .activity-bottom-action .next-adventure{min-width:220px;}

@media(min-width:721px){
  .child-activity .activity-card{
    display:grid;
    grid-template-columns:minmax(320px,42%) minmax(0,58%);
    align-items:stretch;
  }
  .child-activity .activity-image{
    min-width:0;
    min-height:620px;
    height:100%;
    background:linear-gradient(145deg,#edf9f8,#f0edff);
  }
  .child-activity .activity-image img{max-height:none;}
  .child-activity .activity-body{
    min-width:0;
    padding:36px 38px 30px;
  }
}

@media(max-width:720px){
  .child-activity .activity-top-actions{
    flex-direction:row;
    align-items:center;
    margin-bottom:16px;
  }
  .child-activity .activity-top-actions .back{
    flex:1 1 auto;
    min-width:0;
  }
  .child-activity .activity-progress{
    flex:0 0 auto;
    margin-left:0;
  }
  .child-activity .activity-card{display:block;}
  .child-activity .activity-image{
    min-height:0;
    height:auto;
    aspect-ratio:16/10;
  }
  .child-activity .activity-image img{
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .child-activity .activity-bottom-action{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin-top:24px;
    padding-top:18px;
  }
  .child-activity .previous-adventure,
  .child-activity .activity-bottom-action .next-adventure{
    width:100%;
    min-width:0;
  }
}
@media(max-width:380px){
  .child-activity .activity-progress{
    padding:8px 11px;
    font-size:11px;
  }
}


/* Controlled Activity UI v3: top image on all breakpoints + subtle emoji feedback.
   Scope is limited to .child-activity. No learning/API behavior is changed. */

/* Activity card is a single-column flow: image first, content second. */
.child-activity .activity-card{
  display:block;
  overflow:hidden;
}

/* Desktop: generous full-width image, preserving the complete generated artwork. */
@media(min-width:721px){
  .child-activity .activity-image{
    width:100%;
    min-height:0;
    height:auto;
    aspect-ratio:16/7;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#edf9f8,#f0edff);
  }

  .child-activity .activity-image img{
    display:block;
    width:100%;
    height:100%;
    max-height:none;
    object-fit:contain;
    object-position:center;
  }

  .child-activity .activity-body{
    min-width:0;
    padding:36px 38px 30px;
  }
}

/* Mobile: retain the compact top-image treatment. */
@media(max-width:720px){
  .child-activity .activity-image{
    width:100%;
    min-height:0;
    height:auto;
    aspect-ratio:16/10;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .child-activity .activity-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }
}

/* Question panel: the question itself is the cue; no "YOUR TURN" kicker. */
.child-activity .assessment h2{
  margin-top:0;
}

/* Feedback: subtle emoji + text, keeping the existing pill interaction and semantics. */
.child-activity .feedback-row .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.child-activity .feedback-emoji{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  font-size:17px;
  line-height:1;
  flex:0 0 20px;
}

@media(max-width:720px){
  .child-activity .feedback-row{
    gap:8px;
  }

  .child-activity .feedback-row .pill{
    padding:10px 14px;
  }
}


/* Controlled age picker: child-friendly, scoped to the home page. */
.child-world .age-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(38,49,77,.42);backdrop-filter:blur(5px)}
.child-world .age-modal.hidden{display:none}
.child-world .age-modal-card{width:min(460px,100%);padding:34px 28px 30px;border-radius:30px;background:var(--sw-paper);box-shadow:0 24px 60px rgba(38,49,77,.22);text-align:center}
.child-world .age-modal-sparkle{font-size:36px;margin-bottom:4px}
.child-world .age-modal-card h2{margin:0;color:var(--sw-ink);font-size:clamp(30px,7vw,42px);letter-spacing:-.04em}
.child-world .age-modal-card p{margin:9px auto 22px;max-width:340px;color:var(--sw-muted);font-size:16px;line-height:1.5;font-weight:700}
.child-world .age-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.child-world .age-option{min-height:72px;border:2px solid #e7e1d6;border-radius:20px;background:#fff;font-size:27px;font-weight:900;color:var(--sw-lilac);box-shadow:0 5px 0 rgba(117,104,223,.08);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.child-world .age-option:hover:not(:disabled),.child-world .age-option:focus-visible{transform:translateY(-3px);border-color:#a39aef;background:#f8f7ff;outline:none}
.child-world .age-option:disabled{opacity:.55;cursor:wait}
.child-world .age-status{min-height:22px;margin-top:16px;color:var(--sw-muted);font-size:13px;font-weight:800}
@media(max-width:480px){.child-world .age-modal-card{padding:28px 20px 24px}.child-world .age-options{gap:9px}.child-world .age-option{min-height:64px;border-radius:17px}}