/* ================================================================
   KIDS THEME — Bright, colorful, playful
   For children / friendly adventure
   ================================================================ */

.aqg-theme-kids {
    --aqg-bg: #fefce8;
    --aqg-card: #fffbeb;
    --aqg-text: #1c1917;
    --aqg-muted: #78716c;
    --aqg-accent: #f97316;
    --aqg-accent2: #eab308;
    --aqg-good: #22c55e;
    --aqg-bad: #ef4444;
    --aqg-warn: #f59e0b;
}

/* Intro — bright and playful */
.aqg-theme-kids .aqg-intro {
    background:
        radial-gradient(ellipse at 30% 90%, rgba(249,115,22,.1) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 10%, rgba(234,179,8,.08) 0%, transparent 50%),
        linear-gradient(180deg, #fefce8 0%, #fff7ed 50%, #fefce8 100%);
}

.aqg-theme-kids .aqg-intro-bg {
    background-image:
        radial-gradient(circle, rgba(249,115,22,.08) 2px, transparent 2px),
        radial-gradient(circle, rgba(234,179,8,.06) 2px, transparent 2px);
    background-size: 50px 50px, 80px 80px;
    background-position: 0 0, 25px 25px;
    opacity: .6;
}

.aqg-theme-kids .aqg-intro-bg::before {
    background: #f97316;
    filter: blur(100px);
    opacity: .12;
}
.aqg-theme-kids .aqg-intro-bg::after {
    background: #eab308;
    filter: blur(100px);
    opacity: .1;
}

/* Floating decorative shapes */
.aqg-theme-kids .aqg-intro-content::before {
    content: '';
    position: absolute;
    top: -30px; left: -20px;
    width: 120px; height: 120px;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    background: linear-gradient(135deg, rgba(249,115,22,.08), rgba(234,179,8,.05));
    animation: aqg-float-kids 10s ease-in-out infinite;
    pointer-events: none;
}
.aqg-theme-kids .aqg-intro-content::after {
    content: '';
    position: absolute;
    bottom: -20px; right: -20px;
    width: 100px; height: 100px;
    border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
    background: linear-gradient(135deg, rgba(34,197,94,.06), rgba(249,115,22,.04));
    animation: aqg-float-kids 7s ease-in-out infinite reverse;
    pointer-events: none;
}

@keyframes aqg-float-kids {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    25%  { transform: translate(10px, -8px) rotate(5deg); }
    50%  { transform: translate(-5px, 5px) rotate(-3deg); }
    75%  { transform: translate(8px, 3px) rotate(2deg); }
}

.aqg-theme-kids .aqg-intro-icon {
    color: #f97316;
}
.aqg-theme-kids .aqg-intro-icon::before {
    background: #f97316;
    opacity: .15;
}

.aqg-theme-kids .aqg-title {
    background: linear-gradient(135deg, #f97316, #eab308, #f97316);
    -webkit-background-clip: text;
    background-clip: text;
}

.aqg-theme-kids .aqg-tagline {
    color: #78716c;
}

.aqg-theme-kids .aqg-story-box {
    background: rgba(249,115,22,.04);
    border-color: rgba(249,115,22,.12);
    color: var(--aqg-text);
}

.aqg-theme-kids .aqg-stat {
    background: rgba(249,115,22,.03);
    border-color: rgba(249,115,22,.12);
}
.aqg-theme-kids .aqg-stat:hover {
    border-color: rgba(249,115,22,.3);
    box-shadow: 0 4px 16px rgba(249,115,22,.08);
}
.aqg-theme-kids .aqg-stat-val { color: #1c1917; }
.aqg-theme-kids .aqg-stat-lbl { color: #78716c; }

.aqg-theme-kids .aqg-btn-start {
    background: linear-gradient(135deg, #f97316, #eab308);
    box-shadow: 0 12px 40px rgba(249,115,22,.25);
    color: #fff;
    font-size: 1.2rem;
    border-radius: 24px;
    padding: 20px 48px;
}
.aqg-theme-kids .aqg-btn-start:hover {
    box-shadow: 0 16px 50px rgba(249,115,22,.35);
}

.aqg-theme-kids .aqg-gps-hint { color: #78716c; }
.aqg-theme-kids .aqg-gps-dot {
    background: #22c55e;
}

/* Game screen — light */
.aqg-theme-kids .aqg-app {
    background: #fefce8;
}

.aqg-theme-kids .aqg-header {
    background: linear-gradient(180deg, rgba(255,251,235,.97), rgba(255,247,237,.92));
    border-bottom-color: rgba(249,115,22,.12);
    color: #1c1917;
}
.aqg-theme-kids .aqg-header-title strong { color: #1c1917; }
.aqg-theme-kids .aqg-header-title small { color: #78716c; }

.aqg-theme-kids .aqg-pill {
    background: rgba(249,115,22,.06);
    border-color: rgba(249,115,22,.15);
    color: #1c1917;
}
.aqg-theme-kids .aqg-pill-dot {
    background: #f97316;
    box-shadow: 0 0 0 3px rgba(249,115,22,.12);
}

.aqg-theme-kids .aqg-header-btns {
    background: rgba(249,115,22,.06);
    border: none;
}
.aqg-theme-kids .aqg-icon-btn {
    background: rgba(249,115,22,.08);
    border: none;
    color: #44403c;
}
.aqg-theme-kids .aqg-icon-btn:hover {
    background: rgba(249,115,22,.15);
}
.aqg-theme-kids .aqg-icon-btn.aqg-danger {
    background: rgba(239,68,68,.08);
    color: #dc2626;
}

/* Status bar */
.aqg-theme-kids .aqg-status {
    background: rgba(255,251,235,.95);
    border-color: rgba(249,115,22,.12);
    color: #1c1917;
}
.aqg-theme-kids .aqg-status-msg { color: #1c1917; }
.aqg-theme-kids .aqg-status-acc { color: #78716c; }

/* Question panel */
.aqg-theme-kids .aqg-panel {
    background: rgba(255,251,235,.98);
    border-top-color: rgba(249,115,22,.15);
    color: #1c1917;
}
.aqg-theme-kids .aqg-badge {
    background: rgba(249,115,22,.06);
    border-color: rgba(249,115,22,.15);
    color: #1c1917;
}
.aqg-theme-kids .aqg-timer {
    border-color: rgba(249,115,22,.15);
    background: rgba(249,115,22,.04);
    color: #1c1917;
}
.aqg-theme-kids .aqg-timer.aqg-urgent {
    border-color: rgba(239,68,68,.4);
    color: #dc2626;
}

.aqg-theme-kids .aqg-q-title { color: #1c1917; }
.aqg-theme-kids .aqg-q-text { color: #44403c; }

.aqg-theme-kids .aqg-opt {
    border-color: rgba(249,115,22,.12);
    background: rgba(249,115,22,.02);
    color: #1c1917;
}
.aqg-theme-kids .aqg-opt:hover {
    background: rgba(249,115,22,.05);
}
.aqg-theme-kids .aqg-opt.aqg-selected {
    border-color: #f97316;
    background: rgba(249,115,22,.06);
}

.aqg-theme-kids .aqg-result {
    border-color: rgba(249,115,22,.12);
    background: rgba(249,115,22,.02);
    color: #1c1917;
}
.aqg-theme-kids .aqg-result.aqg-good {
    border-color: rgba(34,197,94,.3);
    background: rgba(34,197,94,.04);
}
.aqg-theme-kids .aqg-result.aqg-bad {
    border-color: rgba(239,68,68,.3);
    background: rgba(239,68,68,.04);
}
.aqg-theme-kids .aqg-fact {
    border-color: rgba(249,115,22,.12);
    background: rgba(249,115,22,.02);
    color: #44403c;
}

.aqg-theme-kids .aqg-btn {
    background: linear-gradient(135deg, #f97316, #eab308);
    color: #fff;
    border-radius: 14px;
}
.aqg-theme-kids .aqg-btn-sec {
    background: rgba(249,115,22,.05);
    border-color: rgba(249,115,22,.15);
    color: #1c1917;
}

/* Leaderboard */
.aqg-theme-kids .aqg-lb {
    background: rgba(255,251,235,.97);
    border-color: rgba(249,115,22,.12);
    color: #1c1917;
}
.aqg-theme-kids .aqg-lb-header {
    border-bottom-color: rgba(249,115,22,.08);
}
.aqg-theme-kids .aqg-lb-header strong { color: #1c1917; }
.aqg-theme-kids .aqg-lb-header small { color: #78716c; }

.aqg-theme-kids .aqg-lb-table th { color: #78716c; }
.aqg-theme-kids .aqg-lb-table td { color: #1c1917; border-bottom-color: rgba(249,115,22,.06); }

.aqg-theme-kids .aqg-lb-save input {
    border-color: rgba(249,115,22,.15);
    background: rgba(249,115,22,.03);
    color: #1c1917;
}

/* Map — warm orange tint for kids (not red) */
.aqg-theme-kids .aqg-map {
    filter: sepia(.08) saturate(1.05) brightness(1.02);
}

/* Override error state — use orange instead of red for kids */
.aqg-theme-kids .aqg-status.aqg-error {
    border-color: #f97316;
    box-shadow: 0 0 0 2px rgba(249,115,22,.25);
}

/* Flash in kids theme = orange, not red */
.aqg-theme-kids .aqg-flash {
    background: rgba(249,115,22,.3) !important;
}

/* Red vignette → orange vignette in kids */
.aqg-theme-kids .aqg-overlay-vignette_red {
    background: radial-gradient(ellipse at center, transparent 30%, rgba(249,115,22,.35) 100%);
}

/* Labels on map */
.aqg-theme-kids .aqg-label {
    background: rgba(255,251,235,.92);
    border-color: rgba(249,115,22,.2);
    color: #1c1917;
    box-shadow: 0 4px 14px rgba(249,115,22,.1);
}
.aqg-theme-kids .aqg-label .aqg-label-pts { color: #78716c; }

/* Fullscreen backgrounds */
.aqg-theme-kids[data-fullscreen="true"],
.aqg-theme-kids:fullscreen {
    background: #fffbeb;
}