.pumi-container{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:50;transition:all .3s ease}.pumi-speech-bubble{background:#fff;border-radius:20px;padding:12px 20px;box-shadow:0 10px 25px #0000001a;position:relative;max-width:250px;border:2px solid var(--primary);margin-bottom:5px}.pumi-speech-bubble p{margin:0;font-size:.95rem;font-weight:700;color:var(--text-main);line-height:1.4}.bubble-tail{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--primary)}.bubble-tail:after{content:"";position:absolute;bottom:2px;left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white}.pumi-avatar-wrapper{width:140px;height:140px;position:relative;display:flex;flex-direction:column;align-items:center}.pumi-img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.pumi-shadow{width:60px;height:10px;background:#0000001a;border-radius:50%;margin-top:-10px;filter:blur(4px);animation:shadow-scale 3s ease-in-out infinite}@keyframes shadow-scale{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.2}to{transform:scale(1);opacity:.4}}.pumi-idle{transform:scale(1.05)}.animate-pop{animation:pumi-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pumi-pop{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.ad-container-placeholder{position:relative;background-color:var(--surface-container);border:1px dashed var(--outline);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;min-height:90px;margin:16px 0}.ad-badge-dev{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;color:var(--outline-variant);font-weight:500;text-transform:uppercase;letter-spacing:1px;pointer-events:none;z-index:1}ins.adsbygoogle[data-adsbygoogle-status=done]+.ad-badge-dev{display:none}.map-scroll-container{padding-top:80px;padding-bottom:120px;background-color:#f8fafc;min-height:100vh;position:relative;overflow-x:hidden}.map-hud{position:fixed;top:0;left:0;width:100%;height:70px;background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}.hud-left,.hud-right{display:flex;align-items:center;gap:12px}.streak-bubble,.star-bubble{background:#fff;padding:8px 16px;border-radius:100px;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #00000014;border:1px solid rgba(0,0,0,.05)}.hud-title{font-size:1.1rem;letter-spacing:2px;font-weight:900;color:var(--primary)}.world-section{padding:40px 20px 80px;position:relative;background:#fff;margin-bottom:0}.world-header{text-align:center;margin-bottom:60px;padding:20px;background:#00000005;border-radius:24px}.world-name{font-size:2rem;font-weight:900;margin-bottom:8px}.world-desc{color:#64748b;font-size:.95rem}.level-path{display:flex;flex-direction:column;align-items:center;position:relative;gap:60px}.level-path:before{content:"";position:absolute;top:30px;bottom:0;left:50%;width:10px;background:#e2e8f0;transform:translate(-50%);z-index:0;border-radius:20px}.map-node-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;z-index:2}.map-node-container:nth-child(2n){padding-left:140px}.map-node-container:nth-child(odd){padding-right:140px}.map-node{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:4px solid #fff;box-shadow:0 8px #cbd5e1,0 15px 25px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:5}.map-node:active{transform:translateY(4px);box-shadow:0 4px #cbd5e1,0 5px 10px #0000001a}.map-node.active-node{background:var(--primary);box-shadow:0 8px 0 var(--primary-dim),0 0 0 10px #ff670033;color:#fff;transform:scale(1.15);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(1.1) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1.1) rotate(0)}}.map-node.locked{background:#e2e8f0;box-shadow:0 8px #cbd5e1;color:#94a3b8;cursor:not-allowed;border-color:#f1f5f9}.map-node.chest-node{background:#fdf2f2;border:4px solid #ffedd5;box-shadow:0 8px #fed7aa,0 10px 20px #0000001a;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.node-label{margin-top:16px;background:#fff;padding:6px 16px;border-radius:12px;font-weight:800;font-size:.85rem;color:#334155;box-shadow:0 4px 10px #0000000d;white-space:nowrap}.stars-floating{position:absolute;top:-24px;font-size:1rem;letter-spacing:-2px;background:#fffc;padding:2px 8px;border-radius:20px;box-shadow:0 2px 6px #0000001a}.world-divider{margin:60px 0;height:2px;background:linear-gradient(to right,transparent,#e2e8f0,transparent)}.pumi-fab{position:fixed;bottom:110px;right:24px;width:64px;height:64px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 24px #00000026;cursor:pointer;z-index:1000;border:2px solid var(--primary);animation:bounce-fab 4s infinite}@keyframes bounce-fab{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.chest-shaking{animation:shake .5s infinite;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.map-node-container:nth-child(2n){padding-left:80px}.map-node-container:nth-child(odd){padding-right:80px}.map-node{width:70px;height:70px}.node-label{font-size:.75rem}}.arcade-scroll{padding-bottom:120px;background-color:#0f172a;color:#fff;min-height:100vh}.arcade-header h2{color:#fff;font-size:2.2rem;margin-bottom:5px}.arcade-header .subtitle{color:#94a3b8;font-size:1rem}.hero-arcade-card{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:30px;padding:40px 20px;box-shadow:0 20px 40px #a855f74d;margin-bottom:40px;text-align:center;position:relative;overflow:hidden}.hero-title{font-size:3rem;text-transform:uppercase;text-shadow:0 4px 0 #4f46e5;margin-bottom:10px}.hero-btn{background:#fff;color:#4f46e5;margin-top:25px;box-shadow:0 6px #e2e8f0}.section-title{margin-bottom:20px;color:#fff;font-size:1.5rem}.arcade-grid{display:flex;overflow-x:auto;gap:20px;padding-bottom:20px}.arcade-grid::-webkit-scrollbar{display:none}.arcade-mini-card{background:#1e293b;border-radius:20px;padding:24px;min-width:200px;border-top:5px solid var(--accent-color);box-shadow:0 10px 20px #00000080;display:flex;flex-direction:column;align-items:center;text-align:center}.arcade-icon-wrapper{color:var(--accent-color);margin-bottom:15px;background:#ffffff0d;padding:15px;border-radius:50%}.arcade-play-btn{margin-top:auto;padding:10px;font-size:.9rem;border-radius:20px}.leaderboard-card{background:#1e293b;border-radius:24px;padding:24px;margin-top:20px}.leaderboard-card h3{margin-bottom:20px;color:#fbbf24}.ranking-row{display:flex;justify-content:space-between;padding:15px;background:#0f172a;margin-bottom:10px;border-radius:12px;font-weight:700}.ranking-row .rank{color:#94a3b8;margin-right:15px}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 80px);background:#fff;overflow:hidden}.chat-header{padding:15px 20px;background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;border-bottom:2px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000001a}.partner-info{display:flex;align-items:center;gap:12px}.partner-avatar{width:55px;height:55px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:5px;box-shadow:0 4px 10px #0000001a;overflow:hidden;border:4px solid var(--primary-container)}.partner-text h3{font-size:1.1rem;color:var(--primary);margin-bottom:-2px}.level-badge{font-size:.75rem;font-weight:800;color:#fff;background:var(--primary);padding:2px 10px;border-radius:10px;display:inline-block}.chat-stars{background:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:800;box-shadow:0 4px #0000000d}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.msg-wrapper{max-width:85%;display:flex;flex-direction:column}.msg-wrapper.ai{align-self:flex-start}.msg-wrapper.user{align-self:flex-end;text-align:right}.msg-bubble{padding:16px 20px;border-radius:28px;line-height:1.4;box-shadow:0 10px 20px #0000000d;position:relative;white-space:pre-line}.ai .msg-bubble{background:#fff;color:var(--on-surface);border-bottom-left-radius:5px;border:1px solid rgba(0,0,0,.05)}.user .msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:5px}.msg-time{font-size:.7rem;color:var(--outline);margin-top:5px;font-weight:700}.chat-input-area{padding:20px 20px 30px;background:#fffffff2;display:flex;gap:12px;border-top:2px solid rgba(0,0,0,.05)}.chat-input-area input{flex:1;padding:16px 24px;border-radius:30px;border:2px solid transparent;background:#f8fafc;font-family:inherit;font-size:1rem;font-weight:600;outline:none;transition:all .2s}.chat-input-area input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-container)}.chat-input-area button{width:50px;height:50px;border-radius:50%;border:none;background:var(--primary);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;color:#fff}.chat-input-area button:disabled{background:#e2e8f0}.chat-input-area button:active:not(:disabled){transform:scale(.9)}.whatsapp-cta{display:flex;align-items:center;gap:8px;background:#25d366;color:#fff!important;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:700;margin-top:12px;font-size:.9rem;transition:transform .2s,background .2s;box-shadow:0 4px 12px #25d3664d}.whatsapp-cta:hover{transform:translateY(-2px);background:#128c7e}.typing-dots{display:flex;gap:4px;padding:5px 0}.typing-dots span{width:8px;height:8px;background:#cbd5e1;border-radius:50%;animation:typingBounce 1s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.urban-breathe{animation:combatPulse 4s infinite ease-in-out;transform-origin:bottom center}@keyframes combatPulse{0%,to{transform:scale(1);filter:contrast(100%) brightness(100%)}50%{transform:scale(1.02);filter:contrast(110%) brightness(105%)}}.combat-legs{animation:legShift 6s infinite ease-in-out;transform-origin:top center}@keyframes legShift{0%,to{transform:rotate(0)}50%{transform:rotate(1deg)}}.expert-glow{filter:drop-shadow(0 0 20px gold);opacity:.8}.unlocked-spin{animation:combatSpin .7s cubic-bezier(.34,1.56,.64,1)}@keyframes combatSpin{0%{transform:perspective(500px) rotateY(0) scale(.5)}50%{transform:perspective(500px) rotateY(180deg) scale(1.3)}to{transform:perspective(500px) rotateY(360deg) scale(1)}}.pet-container{display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.pet-container:active{transform:scale(1.2) rotate(5deg)}.pet-idle-happy{animation:petBob 1.5s infinite ease-in-out}@keyframes petBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pet-idle-excited{animation:petJump .6s infinite ease-in-out}@keyframes petJump{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(.95,1.05)}}.pet-tail{transform-origin:130px 180px;animation:tailWag .8s infinite alternate}@keyframes tailWag{0%{transform:rotate(-5deg)}to{transform:rotate(15deg)}}.pet-face{animation:petBlink 5s infinite}@keyframes petBlink{0%,95%,to{opacity:1}97%{opacity:.2}}.profile-scroll{padding-bottom:120px}.hero-profile-card{background:#fff;border-radius:30px;padding:40px 20px;box-shadow:0 15px 30px #0000000d;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.avatar-huge{width:140px;height:140px;border-radius:50%;background:var(--background);border:6px solid var(--primary-container);display:flex;align-items:center;justify-content:center;font-size:5rem;margin-bottom:20px;box-shadow:0 10px 20px #0000001a}.username{font-size:2rem;color:var(--on-surface);margin-bottom:10px}.level-badge{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#00480f;padding:10px 24px;border-radius:20px;font-weight:800;font-size:1.1rem;margin-bottom:25px}.customize-btn{font-size:1rem;padding:12px 24px;width:auto}.stats-row{display:flex;gap:15px;margin-bottom:40px}.stat-card{flex:1;background:#fff;border-radius:20px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 15px #0000000a}.stat-icon{font-size:2rem;margin-bottom:10px}.stat-data{text-align:center}.stat-data strong{font-size:1.5rem;display:block}.stat-data p{color:var(--outline);font-size:.8rem;font-weight:700}.heatmap-container{background:#fff;padding:20px;border-radius:24px;box-shadow:0 8px 15px #0000000a;margin-bottom:40px}.heatmap-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-bottom:15px}.heat-block{width:100%;aspect-ratio:1;background:#f1f5f9;border-radius:4px}.heat-block.active{background:var(--primary)}.heatmap-caption{text-align:center;font-size:.9rem;color:var(--outline)}.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.badge-card{background:#fff;padding:20px 10px;border-radius:20px;display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:700;font-size:.9rem}.badge-card.unlocked .badge-icon{font-size:3rem;margin-bottom:15px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2))}.badge-card.locked{background:#f1f5f9;color:#94a3b8}.badge-card.locked .badge-icon{font-size:2.5rem;margin-bottom:15px;opacity:.5}.parent-scroll{padding-bottom:140px;background-color:var(--surface)}.parent-hero-card{background:#fff;border-radius:20px;padding:30px 20px;box-shadow:0 10px 20px #0000000d;text-align:center;margin-bottom:40px;border:2px dashed var(--outline)}.celebration-emoji{font-size:4rem;display:block;margin-bottom:10px;animation:bounce 2s infinite}.hero-text-content h3{font-size:1.8rem;color:var(--primary-dim);margin-bottom:10px}.hero-text-content p{color:var(--on-surface);font-size:1.1rem;line-height:1.5}.upsell-container{background:#f0fdf4;border-radius:40px;padding:40px 20px;margin-inline:-15px;box-shadow:inset 0 10px 20px #00000008}.upsell-title{font-size:2rem;color:var(--primary-dim);text-align:center;margin-bottom:15px;line-height:1.2}.upsell-subtitle{text-align:center;color:var(--on-surface);font-size:1.1rem;margin-bottom:30px}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.benefit-item{background:#fff;padding:20px 10px;border-radius:20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 5px 15px #0000000d}.b-icon{font-size:2.5rem;margin-bottom:10px}.benefit-item p{font-weight:800;color:var(--on-surface);font-size:.9rem}.gamified-bonus{background:#fff8e1;border:2px solid #FFE082;border-radius:20px;padding:20px;display:flex;align-items:center;gap:15px;margin-bottom:20px}.bonus-chest{font-size:2.5rem;filter:drop-shadow(0 4px 5px rgba(0,0,0,.2))}.gamified-bonus p{color:#f57c00;font-weight:800;font-size:.95rem}.whatsapp-cta-wrapper{position:fixed;bottom:80px;left:0;width:100%;padding:15px 20px;background:linear-gradient(to top,#edf8ff 40%,#edf8ff00);display:flex;justify-content:center;z-index:50;max-width:480px}.btn-whatsapp{background:#25d366;color:#fff;font-size:1.3rem;font-weight:900;width:100%;padding:20px;border-radius:30px;border:none;box-shadow:0 8px #1da851,0 15px 25px #25d36666;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.btn-whatsapp:active{transform:translateY(8px);box-shadow:0 0 #1da851}.story-mode-content{background-color:#0d0d0d;color:#fff;min-height:100vh;margin:0;padding:0}.story-hero{height:60vh;background:url(https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?auto=format&fit=crop&q=80) center center / cover no-repeat;position:relative}.hero-overlay{background:linear-gradient(0deg,#0d0d0d,#0d0d0d80,#0d0d0d33);height:100%;width:100%;padding:40px 30px;display:flex;flex-direction:column;justify-content:flex-end}.back-button{position:absolute;top:30px;left:20px;padding:10px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:100}.hero-info{margin-bottom:40px}.badge-yellow{background:#eab308;color:#000;padding:4px 12px;font-size:.8rem;font-weight:700;border-radius:4px;margin-bottom:12px;display:inline-block}.hero-title{font-size:3rem;margin-bottom:16px;text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero-desc{font-size:1.1rem;line-height:1.6;max-width:600px;margin-bottom:24px;color:#cbd5e1}.hero-actions{display:flex;gap:12px}.btn-play{background:#fff;color:#000;border:none;padding:12px 32px;border-radius:8px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .2s}.btn-info{background:#fff3;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1.1rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer}.story-catalogue{padding:0 30px}.section-header{margin-bottom:24px}.section-title{font-size:1.5rem;margin-bottom:4px}.section-subtitle{color:#64748b;font-size:.9rem}.story-grid{display:flex;flex-direction:column;gap:16px}.episode-card{display:flex;gap:20px;background:#ffffff0d;border-radius:12px;padding:16px;cursor:pointer;transition:background .2s,transform .2s}.episode-card:hover{background:#ffffff1a}.episode-thumb{width:140px;height:100px;background:#1e293b;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.episode-icon{font-size:3rem}.episode-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.episode-card:hover .episode-play-overlay{opacity:1}.episode-content{flex:1}.episode-meta{display:flex;gap:12px;margin-bottom:8px;font-size:.8rem}.episode-number{color:#eab308;font-weight:700}.episode-level{background:#334155;padding:2px 8px;border-radius:4px}.episode-title{font-size:1.1rem;margin-bottom:8px}.episode-desc{font-size:.9rem;color:#94a3b8;line-height:1.4}@media (max-width: 600px){.hero-title{font-size:2rem}.episode-thumb{width:100px}}.story-player{background-color:#0d0d0d;min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column}.story-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:10;transition:opacity .5s}.story-header{position:relative;z-index:20;padding:30px 20px;display:flex;align-items:center;gap:15px;color:#fff}.back-btn{background:#00000080;border:none;border-radius:12px;padding:8px;color:#fff;cursor:pointer}.header-text{display:flex;flex-direction:column}.ep-num{font-size:.7rem;letter-spacing:2px;color:#eab308;font-weight:700}.ep-title{font-size:1.1rem;font-weight:700}.story-scene-content{position:relative;z-index:20;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}.story-dialogue-box{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid #EAB308;padding:20px;border-radius:12px;margin-bottom:40px;max-width:500px;width:100%;animation:slideUp .6s cubic-bezier(.4,0,.2,1)}.character-name{font-size:.9rem;color:#eab308;font-weight:700;text-transform:uppercase;margin-bottom:8px}.dialogue-text{font-size:1.5rem;color:#fff;font-style:italic;font-weight:300;line-height:1.5}.story-prompt{color:#cbd5e1;font-size:1.1rem;margin-bottom:30px;font-weight:700}.story-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.story-opt-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:16px;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-opt-btn:hover{background:#fff3}.opt-correct{background:#22c55e!important;color:#fff!important;border-color:#166534}.opt-wrong{background:#ef4444!important;color:#fff!important;border-color:#991b1b}.story-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:6px;background:#1e293b;z-index:30}.progress-fill{height:100%;background:#eab308;transition:width .3s cubic-bezier(.4,0,.2,1)}.pumi-narrator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.story-finish-overlay{background:#0d0d0d;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;color:#fff;z-index:100}.finish-icon{font-size:5rem;margin-bottom:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.challenge-container{min-height:100vh;background-color:#f8fafc;display:flex;flex-direction:column;padding:20px;position:relative;overflow:hidden}.challenge-hud{display:flex;align-items:center;gap:15px;margin-bottom:40px}.btn-close{background:none;border:none;cursor:pointer;color:#64748b;padding:8px;border-radius:50%;transition:background .2s}.btn-close:hover{background:#e2e8f0}.progress-bar-container{flex:1;height:14px;background:#e2e8f0;border-radius:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff9800,#ff5722);height:100%;transition:width .5s ease-out}.hud-stats{display:flex;align-items:center;gap:15px}.stat-hearts,.stat-score{display:flex;align-items:center;gap:5px;background:#fff;padding:6px 15px;border-radius:20px;box-shadow:0 4px 10px #0000000d;font-weight:700}.game-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:150px}.question-bubble{background:#fff;padding:40px;border-radius:32px;box-shadow:0 15px 35px #00000014;width:100%;max-width:500px;margin-bottom:40px;border:4px solid #fff;position:relative;text-align:center}.q-category{font-size:.8rem;font-weight:800;text-transform:uppercase;color:#00796b;background:#e0f2f1;padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:12px}.q-text{font-size:1.8rem;color:#334155;font-weight:900}.interaction-area{width:100%;max-width:500px}.input-group{display:flex;gap:10px;width:100%}.input-group input{flex:1;padding:18px 25px;border-radius:24px;border:2px solid #e2e8f0;font-size:1.1rem;outline:none;box-shadow:inset 0 2px 4px #00000005;transition:border-color .2s}.input-group input:focus{border-color:var(--primary)}.btn-send{width:60px;height:60px;border-radius:24px;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #ff67004d;transition:transform .1s}.btn-send:active{transform:scale(.95)}.voice-group{display:flex;flex-direction:column;align-items:center;gap:20px}.btn-voice{width:100px;height:100px;border-radius:50%;background:#3b82f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #3b82f64d;position:relative}.listening{animation:pulse-voice 1.5s infinite}@keyframes pulse-voice{0%{transform:scale(1);box-shadow:0 0 #3b82f666}70%{transform:scale(1.1);box-shadow:0 0 0 15px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.voice-hint{color:#64748b;font-weight:700}.challenge-end-screen{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.end-card{max-width:400px;width:100%;text-align:center;animation:slide-up .5s cubic-bezier(.175,.885,.32,1.275)}.victory{background:linear-gradient(135deg,#fffcf5,#fff)}.stats-row{display:flex;justify-content:center;gap:20px;margin:30px 0}.stat-item{background:#f8fafc;padding:10px 20px;border-radius:12px;border:1px solid #e2e8f0}.badge-unlock{background:#fff4e5;padding:15px;border-radius:15px;border:2px dashed var(--primary);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;color:var(--primary)}.pumi-footer{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:100%;max-width:500px}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.evolution-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;z-index:9999;display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;padding:40px 20px;overflow-y:auto;align-content:center;animation:fadeIn .5s ease}.rays-container{position:absolute;width:100%;height:100%;z-index:-1;display:flex;justify-content:center;align-items:center}.ray{position:absolute;width:20px;height:200vh;background:linear-gradient(to top,transparent,rgba(255,255,255,.2),transparent);transform-origin:center;animation:rayRotate 10s linear infinite}@keyframes rayRotate{0%{transform:rotate(0);opacity:.1}50%{opacity:.3}to{transform:rotate(360deg);opacity:.1}}.level-up-title{font-size:min(5rem,12vw);font-weight:900;color:#fbbf24;text-shadow:0 10px 0 #b45309,0 15px 30px rgba(251,191,36,.5);margin-bottom:20px;letter-spacing:-2px;animation:levelPop 1s cubic-bezier(.175,.885,.32,1.275)}@keyframes levelPop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.particle{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;pointer-events:none;animation:particleFloat 3s linear infinite}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-500px) scale(0);opacity:0}}.pulsing-avatar-container{position:relative;z-index:10;margin:40px 0;animation:avatarEntrance 1.5s ease-out}@keyframes avatarEntrance{0%{transform:translateY(100px) scale(.5);opacity:0}70%{transform:translateY(-20px) scale(1.1)}to{transform:translateY(0) scale(1);opacity:1}}.shiny-halo{position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);transform:translate(-50%,-50%);border-radius:50%;z-index:-1;animation:haloPulse 2s infinite}@keyframes haloPulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--primary: #FF6700;--primary-gradient: linear-gradient(135deg, #FF6700 0%, #FF8C00 100%);--secondary: #00E5FF;--accent-pink: #FF4081;--accent-purple: #9C27B0;--success: #4CAF50;--warning: #FFD600;--background: #FFFFFF;--surface-gray: #F5F7FA;--text-main: #1A1A1A;--text-muted: #64748B;--outline: #E2E8F0;--radius-xl: 32px;--radius-lg: 24px;--radius-md: 16px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 12px 24px -4px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px -8px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;background-color:#f1f5f9;color:var(--text-main);-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:480px;background-color:var(--background);position:relative;overflow:hidden;box-shadow:var(--shadow-lg);border-radius:40px}@media (max-width: 480px){.app-container{border-radius:0}}.screen-content{flex:1;overflow-y:auto;padding:24px 24px 100px}.screen-content-full{flex:1;overflow-y:auto;padding:0 0 100px}h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;font-family:inherit;width:100%}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px #e65c00,0 12px 20px #ff670033}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px #e65c00,0 4px 10px #ff67001a}.btn-outline{background:transparent;border:2px solid var(--outline);color:var(--text-main)}.card-premium{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);margin-bottom:16px;border:1px solid var(--outline)}.card-accent{position:relative;overflow:hidden}.card-accent:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--primary)}.header-top{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff}.main-logo{height:48px;width:auto;object-fit:contain}.streak-badge{background:var(--surface-gray);color:var(--text-main);padding:8px 16px;border-radius:100px;font-weight:700;display:flex;align-items:center;gap:6px;font-size:.9rem}.nav-item{color:var(--text-muted);transition:color .2s}.nav-item.active{color:var(--primary)}.onboarding-header{background:var(--primary);height:250px;border-bottom-left-radius:40px;border-bottom-right-radius:40px;display:flex;align-items:center;justify-content:center;position:relative}