:root{--font-body:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--font-kid:"Fredoka", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--color-primary:#a78bfa;--color-primary-rgb:167, 139, 250;--color-accent:#c4b5fd;--color-accent-rgb:196, 181, 253;--color-primary-dark:#7c3aed;--color-bg1:#1e1e2e;--color-bg1-rgb:30, 30, 46;--color-bg2:#2d2b55;--color-bg2-rgb:45, 43, 85;--color-bg3:#1a1a2e;--color-bg3-rgb:26, 26, 46;--color-gold:#fbbf24;--color-orange:#fb923c;--color-green:#34d399;--color-red:#f87171;--text-white:#fff;--text-light:#ffffffd9;--text-muted:#ffffff80;--text-subtle:#ffffff59;--glass-bg:#ffffff0f;--glass-bg-hover:#ffffff17;--glass-border:#ffffff1a;--gradient-sky-bg:linear-gradient(180deg, var(--color-bg1) 0%, var(--color-bg2) 50%, var(--color-bg3) 100%);--gradient-brand:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));--gradient-highlight:linear-gradient(135deg, var(--color-primary), var(--color-gold));--gradient-flame:linear-gradient(180deg, var(--color-gold), var(--color-orange));--app-star-field:radial-gradient(circle at 8% 14%, #ffffffc7 0 1px, transparent 1.4px), radial-gradient(circle at 18% 72%, #c4b5fdb3 0 1px, transparent 1.5px), radial-gradient(circle at 30% 24%, #fbbf24d1 0 1.2px, transparent 1.7px), radial-gradient(circle at 43% 86%, #ffffff9e 0 1px, transparent 1.5px), radial-gradient(circle at 58% 18%, #ffffffbd 0 1px, transparent 1.4px), radial-gradient(circle at 72% 66%, #fbbf24b8 0 1.2px, transparent 1.7px), radial-gradient(circle at 88% 32%, #c4b5fdb8 0 1px, transparent 1.5px), var(--gradient-sky-bg);--app-page-overlay:var(--app-star-field);--radius-xs:8px;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:9999px;--shadow-sm:0 2px 8px #0000002e;--shadow-md:0 8px 24px #00000040;--shadow-lg:0 24px 60px #00000059;--shadow-glow:0 8px 30px #a78bfa59;--shadow-glow-hover:0 12px 36px #a78bfa73;--shadow-glow-gold:0 8px 30px #fbbf244d;--blur-sm:8px;--blur-md:20px;--motion-base:.18s ease-out}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg1);background-image:var(--app-star-field);min-height:100vh;font-family:var(--font-body);color:var(--text-light);background-position:50%;background-repeat:no-repeat;background-size:620px 620px,680px 680px,560px 560px,720px 720px,640px 640px,760px 760px,600px 600px,cover;background-attachment:fixed}body{margin:0}#root{min-height:100vh}button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.97)translateY(0)}button{transition:all var(--motion-base);font:inherit}input,textarea,select{font:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes glow-gold{0%,to{filter:drop-shadow(0 0 6px #fbbf244d)}50%{filter:drop-shadow(0 0 16px #fbbf24b3)}}@keyframes glow-blue{0%,to{filter:drop-shadow(0 0 6px #60a5fa4d)}50%{filter:drop-shadow(0 0 16px #60a5fab3)}}@keyframes glow-green{0%,to{box-shadow:0 0 6px #4ade8033}50%{box-shadow:0 0 14px #4ade8066}}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes coin-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes coin-shine{0%,to{filter:brightness()drop-shadow(0 0 4px #fbbf244d)}50%{filter:brightness(1.3)drop-shadow(0 0 10px #fbbf2499)}}@keyframes float-in{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes flame-dance{0%,to{transform:scale(1)rotate(0)}20%{transform:scale(1.08)rotate(-3deg)}40%{transform:scale(.95)rotate(2deg)}60%{transform:scale(1.1)rotate(-2deg)}80%{transform:scale(.97)rotate(1deg)}}@keyframes shield-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes streak-fire{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.12)rotate(-4deg)}50%{transform:scale(1.05)rotate(0)}75%{transform:scale(1.12)rotate(4deg)}}@keyframes progress-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes crown-wobble{0%,to{transform:rotate(0)scale(1)}15%{transform:rotate(-8deg)scale(1.05)}30%{transform:rotate(6deg)scale(1.08)}45%{transform:rotate(-4deg)scale(1.05)}60%{transform:rotate(2deg)scale(1.02)}}@keyframes diamond-sparkle{0%,to{filter:brightness()drop-shadow(0 0 4px #60a5fa4d);transform:scale(1)rotate(0)}25%{filter:brightness(1.4)drop-shadow(0 0 12px #60a5fab3);transform:scale(1.08)rotate(-3deg)}50%{filter:brightness()drop-shadow(0 0 4px #60a5fa4d);transform:scale(1)rotate(0)}75%{filter:brightness(1.4)drop-shadow(0 0 12px #9382fab3);transform:scale(1.08)rotate(3deg)}}@keyframes fire-dance{0%{filter:drop-shadow(0 0 8px #fb920080);transform:scale(1)translateY(0)}20%{filter:drop-shadow(0 2px 14px #fb9200cc);transform:scale(1.15)translateY(-3px)rotate(-5deg)}40%{filter:drop-shadow(0 0 10px #fbbf2499);transform:scale(1.05)translateY(-1px)rotate(3deg)}60%{filter:drop-shadow(0 3px 16px #f56500b3);transform:scale(1.18)translateY(-4px)rotate(-3deg)}80%{filter:drop-shadow(0 1px 12px #fb920099);transform:scale(1.08)translateY(-2px)rotate(2deg)}to{filter:drop-shadow(0 0 8px #fb920080);transform:scale(1)translateY(0)}}@keyframes treasure-pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes card-glow{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 20px #fbbf2414}}@keyframes review-pulse{0%,to{border-color:#fb92004d;box-shadow:0 0 #fb920000}50%{border-color:#fb920099;box-shadow:0 0 18px #fb92001f}}@keyframes inline-audio-pulse{0%{opacity:.65;transform:scale(.95)}to{opacity:0;transform:scale(1.45)}}@keyframes diamond-break{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}@keyframes diamond-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes diamond-tremble{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}@keyframes particle-orbit{0%{transform:rotate(0)translate(20px)rotate(0)}to{transform:rotate(360deg)translate(20px)rotate(-360deg)}}@keyframes particle-fade{0%,to{opacity:0}50%{opacity:1}}@keyframes halo-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes crack-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes flame-extinguish{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.5)translateY(10px)}to{opacity:0;transform:scale(0)translateY(20px)}}@keyframes streak-countdown{0%{opacity:1}to{opacity:.3}}.streak-help-trigger{text-align:left;background:0 0;border:none;padding:0}.streak-help-shell{width:min(680px,92vw);animation:.35s forwards bounce-in;position:relative}.streak-help-panel{background:radial-gradient(circle at 0 0,#fb923c33,#0000 34%),linear-gradient(160deg,#311810f5,#1f1c34f5);border:1px solid #fbbf242e;border-radius:28px;width:100%;max-height:calc(100vh - 2rem);padding:1.6rem;position:relative;overflow-y:auto;box-shadow:0 18px 80px #00000085}.streak-help-main{align-items:center;gap:1.5rem;display:flex}.streak-help-hero{flex-direction:row;align-items:center;gap:.75rem;min-width:0;display:flex}.streak-help-flame{background:linear-gradient(#fbbf2424,#fb923c0a);border:1px solid #fbbf242e;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:inset 0 1px #ffffff0d}.streak-help-counter{background:#fbbf241a;border:1px solid #fbbf2438;border-radius:16px;align-items:baseline;gap:.45rem;padding:.6rem 1rem .65rem;display:inline-flex}.streak-help-counter-value{font-family:var(--font-display);color:#fbbf24;font-size:2.5rem;font-weight:800;line-height:1}.streak-help-counter-label{color:#fde68a;font-size:.95rem;font-weight:700}.streak-help-body{flex:1}.streak-help-kicker{text-transform:uppercase;letter-spacing:.16em;color:#fdba74;margin:0 0 .4rem;font-size:.68rem;font-weight:800}.streak-help-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.streak-help-stat-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:.2rem;padding:.85rem .95rem;display:flex}.streak-help-stat-card--shield{background:linear-gradient(#60a5fa1f,#ffffff0a);border-color:#60a5fa2e}.streak-help-stat-label{text-transform:uppercase;letter-spacing:.12em;color:#a8a29e;font-size:.68rem;font-weight:800}.streak-help-stat-value{color:#fff7ed;font-size:1rem;font-weight:700;line-height:1.25}.streak-help-stat-hint{color:#cbd5e1;font-size:.76rem;line-height:1.45}@media (width<=720px){.streak-help-shell{width:min(92vw,540px)}.streak-help-panel{border-radius:24px;padding:1.15rem}.streak-help-main{flex-direction:column;align-items:stretch;gap:1.1rem}.streak-help-flame{border-radius:16px;width:70px;height:70px}.streak-help-counter-value{font-size:2.15rem}.streak-help-stats{grid-template-columns:1fr}}@keyframes banner-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.banner-emoji{animation:1.6s ease-in-out infinite banner-float;display:inline-block}