*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;transform:none!important;filter:none!important;opacity:1!important;will-change:auto!important;perspective:none!important}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f0a1f 0%,#1a0f2e 100%);color:#e0d7f7;min-height:100vh;transform:none!important;filter:none!important;opacity:1!important;will-change:auto!important;perspective:none!important;margin:0!important;padding:0!important;transition:background .3s ease,color .3s ease}#root{min-height:100vh;transform:none!important;filter:none!important;opacity:1!important;will-change:auto!important;perspective:none!important}.app-container{max-width:900px;margin:0 auto;padding:20px}.button{padding:12px 24px;border:2px solid #c9a961;background:rgba(201,169,97,.1);color:#c9a961;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:16px}.button:hover{background:rgba(201,169,97,.2);transform:translateY(-2px);box-shadow:0 4px 12px #c9a9614d}.button:active{transform:translateY(0)}.button-back{background:linear-gradient(135deg,#7f77dd,#b8a8d8);border:none;color:#fff;padding:12px 30px;border-radius:25px;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px #7f77dd4d;margin-bottom:20px;width:fit-content;display:inline-block}.button-back:hover{transform:translateY(-3px);box-shadow:0 6px 20px #7f77dd80}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:rgba(31,20,76,.5)}::-webkit-scrollbar-thumb{background:#7f77dd;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#c9a961}.hub-screen{display:flex;flex-direction:column;gap:30px;min-height:100vh;justify-content:center;align-items:center}.character-card{background:rgba(83,74,183,.15);border:2px solid #c9a961;border-radius:12px;padding:25px;text-align:center;max-width:900px;width:100%}.character-name{font-size:28px;font-weight:700;color:gold;margin-bottom:10px}.character-level{font-size:16px;color:#b8a8d8;margin-bottom:20px}.xp-bar{width:100%;height:24px;background:rgba(0,0,0,.3);border:1px solid #7f77dd;border-radius:8px;overflow:hidden;margin-bottom:10px}.xp-fill{height:100%;background:linear-gradient(90deg,#7f77dd,#c9a961);transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:12px}.xp-text{font-size:12px;color:#b8a8d8;margin-bottom:15px}.streak-combo-section{display:flex;gap:15px;justify-content:center;margin:15px 0 20px;flex-wrap:wrap}.streak-badge{background:linear-gradient(135deg,rgba(255,107,107,.2),rgba(255,135,135,.2));border:2px solid #ff6b6b;border-radius:8px;padding:10px 16px;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.streak-label{font-size:12px;color:#ff8787;font-weight:700}.streak-value{font-size:16px;font-weight:700;color:#ff6b6b}.combo-badge{background:linear-gradient(135deg,rgba(255,193,7,.2),rgba(255,215,0,.2));border:2px solid #ffd700;border-radius:8px;padding:10px 16px;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.combo-label{font-size:12px;color:gold;font-weight:700}.combo-value{font-size:16px;font-weight:700;color:#ffc107}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.stat-box{background:rgba(29,158,117,.1);border:1px solid #1d9e75;border-radius:8px;padding:12px;text-align:center}.stat-value{font-size:20px;font-weight:700;color:#5dcaa5}.stat-label{font-size:12px;color:#7f9d8c;margin-top:5px}.stat-bonus{font-size:11px;color:#c9a961;font-weight:700;margin-top:3px}.equipment-preview{margin:15px 0;padding:10px;background:rgba(29,158,117,.1);border-radius:6px}.equipped-icons{display:flex;gap:10px;justify-content:center;font-size:24px}.quest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;width:100%}.quest-card{background:rgba(83,74,183,.2);border:2px solid #7f77dd;border-radius:12px;padding:25px;cursor:pointer;transition:all .3s ease;text-align:center}.quest-card:hover{background:rgba(83,74,183,.35);border-color:#c9a961;transform:translateY(-5px);box-shadow:0 8px 20px #c9a96133}.quest-card:disabled{opacity:.5;cursor:not-allowed}.quest-icon{font-size:40px;margin-bottom:10px}.quest-title{font-size:20px;font-weight:700;color:#c9a961;margin-bottom:8px}.quest-description{font-size:13px;color:#a89fb8}.quest-progress{font-size:11px;color:#7f77dd;margin-top:10px}.button-equipment,.button-badges,.button-leaderboard,.button-edit-name{padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:14px}.button-edit-name{background:linear-gradient(135deg,#1d9e75,#2fbf8f);color:#fff;box-shadow:0 4px 15px #1d9e754d;border:2px solid #1d9e75}.button-edit-name:hover{transform:translateY(-3px);box-shadow:0 6px 20px #1d9e7580}.button-equipment{background:linear-gradient(135deg,#7f77dd,#b8a8d8);color:#fff;box-shadow:0 4px 15px #7f77dd4d;border:2px solid #7f77dd}.button-equipment:hover{transform:translateY(-3px);box-shadow:0 6px 20px #7f77dd80}.button-badges{background:linear-gradient(135deg,#c9a961,#dab86f);color:#fff;box-shadow:0 4px 15px #c9a9614d;border:2px solid #c9a961}.button-badges:hover{transform:translateY(-3px);box-shadow:0 6px 20px #c9a96180;color:#fff}.button-leaderboard{background:linear-gradient(135deg,#1d9e75,#5dcaa5);color:#fff;box-shadow:0 4px 15px #1d9e754d;border:2px solid #1d9e75}.button-leaderboard:hover{transform:translateY(-3px);box-shadow:0 6px 20px #1d9e7580}.button-daily-quests{background:linear-gradient(135deg,#7f77dd,#b8a8d8);color:#fff;box-shadow:0 4px 15px #7f77dd4d;border:2px solid #7f77dd}.button-daily-quests:hover{transform:translateY(-3px);box-shadow:0 6px 20px #7f77dd80}.button-backup{background:linear-gradient(135deg,#c9a961,#dab86f);color:#fff;box-shadow:0 4px 15px #c9a9614d;border:2px solid #c9a961}.button-backup:hover{transform:translateY(-3px);box-shadow:0 6px 20px #c9a96180}.button-profile{background:linear-gradient(135deg,#1d9e75,#5dcaa5);color:#fff;box-shadow:0 4px 15px #1d9e754d;border:2px solid #1d9e75}.button-profile:hover{transform:translateY(-3px);box-shadow:0 6px 20px #1d9e7580}.hub-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:20px;flex-wrap:wrap;max-width:900px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.hub-buttons{gap:10px}.button-equipment,.button-badges,.button-leaderboard,.button-daily-quests{padding:10px 16px;font-size:12px}}.quest-progress-bar-mini{width:100%;height:6px;background:rgba(0,0,0,.3);border-radius:3px;overflow:hidden;margin:8px 0 4px}.quest-progress-bar-fill-mini{height:100%;background:linear-gradient(90deg,#5539bb,#9b7fe8);border-radius:3px;transition:width .5s ease}.battle-screen{display:flex;flex-direction:column;gap:30px}.battle-header{display:flex;justify-content:space-between;align-items:center;background:rgba(83,74,183,.15);border:1px solid #7f77dd;border-radius:8px;padding:15px}.player-stats,.enemy-stats{flex:1;text-align:center}.vs-text{color:#c9a961;font-weight:700;margin:0 20px;font-size:14px}.entity-name{font-size:16px;font-weight:700;color:gold;margin-bottom:8px}.entity-hp{display:flex;align-items:center;gap:10px;font-size:12px}.hp-bar{flex:1;height:16px;background:rgba(0,0,0,.3);border:1px solid #7f77dd;border-radius:4px;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,#1d9e75,#5dcaa5);transition:width .3s ease}.question-box{background:rgba(83,74,183,.2);border:2px solid #c9a961;border-radius:12px;padding:30px;text-align:center}.question-counter{font-size:12px;color:#7f77dd;margin-bottom:15px}.question-text{font-size:20px;font-weight:700;color:#e0d7f7;margin-bottom:30px;line-height:1.5}.answers-grid{display:grid;grid-template-columns:1fr;gap:15px}.answer-button{background:rgba(29,158,117,.2);border:2px solid #1d9e75;border-radius:8px;padding:18px;cursor:pointer;color:#5dcaa5;font-size:16px;font-weight:500;transition:all .3s ease;text-align:left}.answer-button:hover:not(:disabled){background:rgba(29,158,117,.35);border-color:#c9a961;transform:translate(10px);box-shadow:0 0 15px #1d9e7566}.answer-button:active:not(:disabled){animation:buttonClick .2s ease-out}.answer-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.answer-button.correct{background:rgba(29,158,117,.5);border-color:#5dcaa5;color:#5dcaa5;animation:pulse .5s ease}.answer-button.incorrect{background:rgba(214,90,48,.4);border-color:#d85a30;color:#f0997b;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.feedback-message{padding:20px;border-radius:8px;margin:20px 0;font-size:16px;font-weight:700;text-align:center}.feedback-message.success{background:rgba(29,158,117,.3);border:1px solid #5dcaa5;color:#5dcaa5}.feedback-message.error{background:rgba(214,90,48,.3);border:1px solid #d85a30;color:#f0997b}.xp-reward{font-size:24px;color:gold;margin:15px 0;font-weight:700;animation:popUp .6s ease}@keyframes popUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button-container{display:flex;gap:10px;justify-content:center;margin-top:20px}.narrative-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0a1f 0%,#1a0f2e 100%);padding:20px}.narrative-background{display:flex;flex-direction:column;align-items:center;gap:40px;max-width:700px;width:100%}.npc-section{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:30px}.npc-avatar{font-size:80px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.npc-name{font-size:20px;font-weight:700;color:#c9a961;text-shadow:0 0 10px rgba(201,169,97,.5)}.narrative-text-box{background:rgba(83,74,183,.25);border:2px solid #c9a961;border-radius:12px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #c9a96133}.narrative-text{font-size:18px;line-height:1.8;color:#e0d7f7;margin:0;text-align:center;letter-spacing:.5px;animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.button-continue{align-self:center;padding:14px 30px;font-size:16px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #c9a961b3}50%{box-shadow:0 0 0 10px #c9a96100}}.button-continue:hover{animation:none;box-shadow:0 0 20px #c9a96180}.equipment-screen{display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:20px}.equipment-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:0 auto;width:100%}.equipped-section{background:rgba(83,74,183,.15);border:2px solid #7f77dd;border-radius:12px;padding:25px}.section-title{font-size:20px;font-weight:700;color:#c9a961;margin-bottom:20px;text-align:center}.equipment-slots{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.equipment-slot{background:rgba(29,158,117,.1);border:1px solid #1d9e75;border-radius:8px;padding:15px}.slot-label{font-size:12px;color:#7f9d8c;margin-bottom:10px;text-transform:uppercase;font-weight:700}.equipped-item{display:flex;align-items:center;gap:15px;background:rgba(201,169,97,.1);padding:12px;border-radius:6px;border-left:3px solid #c9a961}.item-emoji-big{font-size:32px}.item-details{flex:1}.item-name-small{font-weight:700;color:#c9a961;margin-bottom:5px}.item-stats-small{font-size:11px;color:#7f77dd}.empty-slot{background:rgba(0,0,0,.2);border:1px dashed #7f77dd;border-radius:6px;padding:20px;text-align:center;color:#a89fb8}.empty-text{font-size:14px;font-style:italic}.button-remove{background:rgba(214,90,48,.2);border:1px solid #d85a30;color:#d85a30;width:30px;height:30px;border-radius:50%;cursor:pointer;font-weight:700;transition:all .3s ease}.button-remove:hover{background:rgba(214,90,48,.4)}.bonus-stats{background:rgba(83,74,183,.2);border:1px solid #7f77dd;border-radius:8px;padding:15px}.bonus-stats h3{color:#7f77dd;font-size:14px;margin-bottom:12px;text-align:center}.bonus-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(127,119,221,.2);font-size:13px;color:#b8a8d8}.bonus-stat:last-child{border-bottom:none}.bonus-value{color:#5dcaa5;font-weight:700}.inventory-section{background:rgba(83,74,183,.15);border:2px solid #7f77dd;border-radius:12px;padding:25px;display:flex;flex-direction:column;gap:20px}.empty-inventory,.empty-msg{text-align:center;color:#a89fb8;font-style:italic;padding:20px}.inventory-grid,.available-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inventory-item{background:rgba(29,158,117,.15);border:1px solid #1d9e75;border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.inventory-item:hover{background:rgba(29,158,117,.3);transform:translateY(-5px)}.item-emoji{font-size:32px;margin-bottom:8px}.item-name{font-size:12px;font-weight:700;color:#e0d7f7;margin-bottom:5px}.item-rarity{font-size:10px;text-transform:uppercase;margin-bottom:8px;font-weight:700}.equipped-badge{background:rgba(29,158,117,.4);color:#5dcaa5;font-size:11px;padding:4px 8px;border-radius:4px;margin-top:8px;font-weight:700}.available-section{border-top:1px solid rgba(127,119,221,.3);padding-top:20px}.available-section h3{font-size:14px;color:#7f77dd;margin-bottom:12px}.available-item{background:rgba(201,169,97,.1);border:1px solid #c9a961;border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.available-item:hover{background:rgba(201,169,97,.2);transform:translateY(-3px)}.available-item .item-emoji{font-size:28px}.button-small{width:100%;padding:6px 10px;font-size:12px;margin-top:8px}@media (max-width: 1024px){.equipment-container{grid-template-columns:1fr}.inventory-grid,.available-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.inventory-grid,.available-grid{grid-template-columns:1fr}}@keyframes levelUpPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:0}}@keyframes levelUpGlow{0%{box-shadow:0 0 #c9a961b3}50%{box-shadow:0 0 30px 15px #c9a9614d}to{box-shadow:0 0 0 30px #c9a96100}}@keyframes levelUpBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes levelUpText{0%{transform:translateY(30px) scale(.5);opacity:0}50%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}@keyframes victoryBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-15px) scale(1.05)}50%{transform:translateY(-30px) scale(1.1)}75%{transform:translateY(-15px) scale(1.05)}}@keyframes victoryGlow{0%,to{box-shadow:0 0 10px #1d9e754d}50%{box-shadow:0 0 30px #1d9e75cc}}@keyframes defeatShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes defeatFade{0%{opacity:1}to{opacity:.6}}@keyframes buttonHoverGlow{0%{box-shadow:0 0 5px #c9a96180}50%{box-shadow:0 0 20px #c9a961cc}to{box-shadow:0 0 5px #c9a96180}}@keyframes buttonClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes xpFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-80px) scale(1.2);opacity:0}}.animate-level-up{animation:levelUpPulse 1s ease-out,levelUpGlow 1s ease-out}.animate-level-up-text{animation:levelUpText 1.5s ease-out forwards}.animate-level-up-bounce{animation:levelUpBounce .8s ease-out}.animate-victory{animation:victoryBounce .8s ease-out,victoryGlow 1s ease-in-out infinite}.animate-defeat{animation:defeatShake .5s ease-in-out,defeatFade .5s ease-out}.animate-button-click{animation:buttonClick .2s ease-out}.animate-page-in{animation:fadeInUp .6s ease-out}.animate-page-out{animation:fadeOut .3s ease-out}.animate-xp-float{animation:xpFloat 1.5s ease-out forwards}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.particle{position:fixed;pointer-events:none;box-shadow:0 0 10px currentColor}.floating-text{position:fixed;font-weight:700;font-size:24px;pointer-events:none;z-index:1000;text-shadow:0 0 10px rgba(0,0,0,.8)}.floating-text.xp{color:gold;animation:xpFloat 1.5s ease-out forwards}.floating-text.level-up{color:#c9a961;font-size:32px;animation:levelUpText 1.5s ease-out forwards}.level-up-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9998;animation:fadeInUp .3s ease-out}.level-up-content{position:relative;text-align:center;animation:levelUpBounce .8s ease-out}.level-up-stars{font-size:60px;margin-bottom:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-up-text{font-size:64px;font-weight:700;color:#c9a961;text-shadow:0 0 30px rgba(201,169,97,.8),0 0 60px rgba(127,119,221,.6);margin:20px 0;letter-spacing:3px;animation:levelUpGlow 1s ease-out}.level-up-number{font-size:36px;color:gold;font-weight:700;text-shadow:0 0 20px rgba(255,215,0,.8);margin-top:15px;animation:fadeInUp .8s ease-out .2s both}.level-up-shine{position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(201,169,97,.3) 0%,transparent 70%);transform:translate(-50%,-50%);animation:levelUpGlow 1.2s ease-out;pointer-events:none}.feedback-animation{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:2000;background:rgba(0,0,0,.15);animation:feedbackAppear .25s ease-out forwards;cursor:pointer}@keyframes feedbackAppear{0%{opacity:0}to{opacity:1}}.correct-animation .feedback-icon{font-size:72px;color:#5dcaa5;filter:drop-shadow(0 0 16px rgba(93,202,165,.8));animation:popIn .3s ease-out}.correct-animation .feedback-text{font-size:26px;font-weight:700;letter-spacing:4px;color:#5dcaa5;text-shadow:0 0 20px rgba(93,202,165,.6)}.incorrect-animation .feedback-icon{font-size:72px;color:#ff6b6b;filter:drop-shadow(0 0 16px rgba(255,107,107,.8));animation:popIn .3s ease-out}.incorrect-animation .feedback-text{font-size:26px;font-weight:700;letter-spacing:4px;color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.6)}@keyframes popIn{0%{transform:scale(.5)}70%{transform:scale(1.15)}to{transform:scale(1)}}.feedback-hint{font-size:13px;color:#ffffff80;margin-top:8px;letter-spacing:1px}.badges-screen{min-height:100vh;padding:30px 20px;background:linear-gradient(135deg,#0f0a1f 0%,#1a0f2e 100%);animation:fadeInUp .6s ease-out}.badges-header{max-width:1000px;margin:0 auto 40px;text-align:center}.badges-header h1{font-size:36px;color:#c9a961;margin-bottom:20px;text-shadow:0 0 20px rgba(201,169,97,.6)}.badges-progress{max-width:400px;margin:0 auto}.progress-bar{height:10px;background:rgba(127,119,221,.2);border:1px solid #7f77dd;border-radius:5px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#7f77dd,#c9a961);transition:width .6s ease-out;box-shadow:0 0 10px #7f77ddcc}.progress-text{color:#b8a8d8;font-size:14px}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding-bottom:60px}.badge-card{position:relative;padding:20px;border:2px solid rgba(127,119,221,.3);border-radius:12px;background:linear-gradient(135deg,rgba(31,20,76,.8),rgba(42,25,95,.8));transition:all .3s ease;overflow:hidden}.badge-card.unlocked{border-color:#7f77dd;box-shadow:0 0 20px #7f77dd66;background:linear-gradient(135deg,rgba(127,119,221,.15),rgba(201,169,97,.1))}.badge-card.unlocked:hover{transform:translateY(-5px);box-shadow:0 0 30px #7f77dd99,0 0 15px #c9a96166}.badge-card.locked{opacity:.6;border-color:#6464644d}.badge-card.common{border-left:4px solid #7f9d8c}.badge-card.uncommon{border-left:4px solid #1d9e75}.badge-card.rare{border-left:4px solid #7f77dd}.badge-card.epic{border-left:4px solid #c9a961}.badge-emoji-wrapper{text-align:center;margin-bottom:15px}.badge-emoji{font-size:48px;animation:float 3s ease-in-out infinite}.badge-content{text-align:center}.badge-name{font-size:18px;color:#c9a961;margin-bottom:8px;font-weight:700}.badge-description{font-size:14px;color:#b8a8d8;margin-bottom:12px;line-height:1.4}.badge-rarity{font-size:12px;color:#7f77dd;text-transform:uppercase;letter-spacing:1px}.badge-locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border-radius:12px}.locked-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(100,100,100,.6))}.badge-unlocked-badge{position:absolute;top:10px;right:10px;width:32px;height:32px;background:linear-gradient(135deg,#1d9e75,#2fbf8f);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 0 15px #1d9e7599;animation:victoryGlow 1s ease-in-out infinite}.badges-footer{text-align:center;margin-top:40px;max-width:1000px;margin-left:auto;margin-right:auto}.badges-tip{color:#7f77dd;font-style:italic;font-size:14px}@media (max-width: 768px){.badges-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.badges-header h1{font-size:24px}.badge-emoji{font-size:36px}.badge-name{font-size:14px}}.leaderboard-screen{min-height:100vh;padding:30px 20px;background:linear-gradient(135deg,#0f0a1f 0%,#1a0f2e 100%);animation:fadeInUp .6s ease-out}.leaderboard-header{max-width:900px;margin:0 auto 40px;text-align:center}.leaderboard-header h1{font-size:36px;color:#c9a961;margin-bottom:20px;text-shadow:0 0 20px rgba(201,169,97,.6)}.player-rank-badge{display:inline-block;padding:15px 30px;background:linear-gradient(135deg,rgba(127,119,221,.2),rgba(201,169,97,.1));border:2px solid #7f77dd;border-radius:10px;text-align:center}.player-rank-badge p{color:#b8a8d8;margin:5px 0;font-size:14px}.player-rank-badge p strong{color:#c9a961;font-size:24px}.player-xp{color:#1d9e75!important;font-weight:700;font-size:16px!important}.leaderboard-table{max-width:900px;margin:0 auto;background:linear-gradient(135deg,rgba(31,20,76,.6),rgba(42,25,95,.6));border:2px solid rgba(127,119,221,.3);border-radius:12px;overflow:hidden}.leaderboard-header-row{display:grid;grid-template-columns:80px 1fr 120px 150px;gap:20px;padding:15px 20px;background:linear-gradient(90deg,rgba(127,119,221,.2),rgba(201,169,97,.1));border-bottom:2px solid rgba(127,119,221,.3);font-weight:700;color:#c9a961;text-transform:uppercase;font-size:12px;letter-spacing:1px}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 120px 150px;gap:20px;padding:15px 20px;border-bottom:1px solid rgba(127,119,221,.2);align-items:center;transition:all .3s ease}.leaderboard-row:hover{background:rgba(127,119,221,.1)}.leaderboard-row.current-player{background:linear-gradient(90deg,rgba(127,119,221,.15),rgba(201,169,97,.1));border-left:4px solid #c9a961}.rank-col{text-align:center;font-weight:700}.rank-col.medal{font-size:24px}.leaderboard-row.rank-0{background:linear-gradient(90deg,rgba(201,169,97,.15),rgba(201,169,97,.05))}.leaderboard-row.rank-1{background:linear-gradient(90deg,rgba(192,192,192,.1),rgba(192,192,192,.05))}.leaderboard-row.rank-2{background:linear-gradient(90deg,rgba(205,127,50,.1),rgba(205,127,50,.05))}.name-col{color:#b8a8d8;font-weight:500}.level-col{text-align:center}.level-badge{display:inline-block;padding:5px 12px;background:linear-gradient(135deg,rgba(29,158,117,.3),rgba(29,158,117,.1));border:1px solid #1d9e75;border-radius:20px;color:#5dcaa5;font-size:12px;font-weight:700}.xp-col{text-align:right}.xp-amount{color:#c9a961;font-weight:700;font-size:16px}.empty-leaderboard{padding:60px 20px;text-align:center;color:#7f77dd;font-size:18px}.leaderboard-footer{text-align:center;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto}.leaderboard-tip{color:#7f77dd;font-style:italic;font-size:14px;margin-bottom:10px}.leaderboard-stats{color:#b8a8d8;font-size:14px}.leaderboard-stats strong{color:#c9a961}@media (max-width: 768px){.leaderboard-header-row,.leaderboard-row{grid-template-columns:50px 1fr 80px 100px;gap:10px;padding:12px 10px}.leaderboard-header h1{font-size:24px}.xp-amount{font-size:14px}.level-badge{font-size:10px}}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center}.header-logo{display:flex;align-items:center;gap:15px;text-align:center}.logo-icon{font-size:36px;animation:float 3s ease-in-out infinite}.header-logo h1{color:#c9a961;font-size:32px;margin:0;text-shadow:0 0 20px rgba(201,169,97,.6);letter-spacing:2px}.logo-subtitle{color:#7f77dd;font-size:12px;text-transform:uppercase;letter-spacing:2px;margin-top:5px;font-style:italic}.footer-content{max-width:1200px;width:100%;margin:0 auto 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding:0 20px}.footer-section{text-align:left}.footer-section h3{color:#c9a961;margin-bottom:15px;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.footer-section p{font-size:13px;line-height:1.6;margin:0;color:#b8a8d8}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#b8a8d8;text-decoration:none;font-size:13px;transition:color .3s ease}.footer-links a:hover{color:#c9a961}.footer-section a[href*=laetitiabraun]{color:#1d9e75}.footer-section a[href*=laetitiabraun]:hover{color:#5dcaa5}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(127,119,221,.3);font-size:12px;color:#7f77dd;margin:0;width:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1500;animation:fadeInUp .3s ease-out}.modal-content{background:linear-gradient(135deg,rgba(31,20,76,.95),rgba(42,25,95,.95));border:2px solid #7f77dd;border-radius:12px;padding:30px;max-width:400px;width:90%;box-shadow:0 0 40px #7f77dd66;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(127,119,221,.3)}.modal-header h2{color:#c9a961;font-size:20px;margin:0}.modal-close{background:none;border:none;color:#b8a8d8;font-size:24px;cursor:pointer;transition:color .3s ease;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#c9a961}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{color:#b8a8d8;font-size:14px;font-weight:500}.form-group input{padding:12px;background:rgba(0,0,0,.3);border:1px solid #7f77dd;border-radius:6px;color:#c9a961;font-size:16px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#c9a961;box-shadow:0 0 15px #c9a9614d;background:rgba(0,0,0,.5)}.form-group input::placeholder{color:#7f77dd}.form-actions{display:flex;gap:10px;margin-top:10px}.button-cancel,.button-submit{flex:1;padding:12px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px}.button-cancel{background:rgba(127,119,221,.2);color:#b8a8d8;border:1px solid #7f77dd}.button-cancel:hover{background:rgba(127,119,221,.3);box-shadow:0 0 15px #7f77dd4d}.button-submit{background:linear-gradient(135deg,#7f77dd,#c9a961);color:#fff;box-shadow:0 4px 15px #7f77dd4d}.button-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a96166}@media (max-width: 480px){.modal-content{padding:20px}.modal-header h2{font-size:18px}}.backup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.backup-modal{background:linear-gradient(135deg,#2d1b4e,#1a0f2e);border:2px solid #7f77dd;border-radius:12px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #7f77dd4d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.backup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(127,119,221,.3)}.backup-modal-header h2{margin:0;color:#b8a8d8;font-size:20px}.backup-close{background:none;border:none;color:#b8a8d8;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s}.backup-close:hover{color:#ff6b6b;transform:rotate(90deg)}.backup-tabs{display:flex;gap:0;border-bottom:1px solid rgba(127,119,221,.2);background:rgba(0,0,0,.2)}.backup-tab{flex:1;padding:12px 16px;background:none;border:none;color:#7f9d8c;cursor:pointer;font-weight:700;transition:all .3s;border-bottom:3px solid transparent}.backup-tab:hover{color:#b8a8d8;background:rgba(127,119,221,.1)}.backup-tab.active{color:#b8a8d8;border-bottom-color:#7f77dd}.backup-content{flex:1;overflow-y:auto;padding:20px}.backup-section{display:flex;flex-direction:column;gap:20px}.backup-message{background:rgba(93,202,165,.2);border-left:3px solid #5dcaa5;color:#5dcaa5;padding:12px;border-radius:4px;font-weight:700;margin-bottom:10px}.backup-btn-primary{background:linear-gradient(135deg,#1d9e75,#2fbf8f);color:#fff;border:2px solid #1d9e75;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;width:100%}.backup-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #1d9e7566}.backup-btn-primary:disabled{opacity:.5;cursor:not-allowed}.backup-btn-secondary{background:transparent;color:#b8a8d8;border:2px solid #b8a8d8;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;width:100%}.backup-btn-secondary:hover:not(:disabled){background:rgba(184,168,216,.2);color:#fff}.backup-btn-restore{background:linear-gradient(135deg,#1d9e75,#2fbf8f);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s}.backup-btn-restore:hover:not(:disabled){box-shadow:0 2px 10px #1d9e7566}.backup-btn-delete{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s}.backup-btn-delete:hover:not(:disabled){box-shadow:0 2px 10px #ff6b6b66}.backup-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.backup-empty{text-align:center;color:#7f9d8c;padding:20px;font-style:italic}.backup-item{background:rgba(29,158,117,.1);border:1px solid #1d9e75;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.backup-info{display:flex;flex-direction:column;gap:4px}.backup-info strong{color:#5dcaa5;font-size:14px}.backup-info small{color:#7f9d8c;font-size:11px}.backup-level{color:#b8a8d8;font-size:12px;font-weight:700}.backup-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.backup-auth-section{display:flex;flex-direction:column;gap:15px}.backup-auth-section>p{color:#b8a8d8;font-size:14px;margin:0}.backup-user-info{background:rgba(93,202,165,.2);border-left:3px solid #5dcaa5;padding:12px;border-radius:4px;color:#5dcaa5}.backup-cloud-actions{display:flex;flex-direction:column;gap:10px}.backup-cloud-actions button{width:100%}.backup-info-text{color:#7f9d8c;font-size:12px;margin:0;padding:10px;background:rgba(127,119,221,.1);border-radius:4px;border-left:2px solid #7f77dd}.backup-divider{height:1px;background:rgba(127,119,221,.2);margin:10px 0}.backup-action-group{display:flex;flex-direction:column;gap:10px}.backup-action-group h3{margin:0;color:#b8a8d8;font-size:14px}.backup-action-group p{margin:0;color:#7f9d8c;font-size:12px}@media (max-width: 480px){.backup-modal{max-width:100%;max-height:90vh}.backup-modal-header h2{font-size:16px}.backup-item{flex-direction:column}.backup-actions{width:100%}.backup-btn-primary,.backup-btn-secondary{padding:10px 16px;font-size:13px}}.legal-screen{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#0f0a1f 0%,#1a0f2e 100%);animation:fadeInUp .6s ease-out}.legal-container{max-width:900px;margin:0 auto;background:linear-gradient(135deg,rgba(31,20,76,.6),rgba(42,25,95,.6));border:2px solid rgba(127,119,221,.3);border-radius:12px;padding:40px}.legal-content h2{color:#c9a961;font-size:32px;margin:0 0 30px;text-shadow:0 0 20px rgba(201,169,97,.6)}.legal-content h3{color:#7f77dd;font-size:18px;margin-top:25px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.legal-content p{color:#b8a8d8;font-size:15px;line-height:1.8;margin:0 0 15px}.legal-content ul{color:#b8a8d8;font-size:15px;line-height:1.8;margin:15px 0;padding-left:25px}.legal-content li{margin-bottom:10px}.legal-content a{color:#1d9e75;text-decoration:none;transition:color .3s ease;border-bottom:1px solid transparent}.legal-content a:hover{color:#5dcaa5;border-bottom-color:#5dcaa5}@media (max-width: 768px){.legal-container{padding:25px}.legal-content h2{font-size:24px;margin-bottom:20px}.legal-content h3{font-size:16px;margin-top:20px}.legal-content p,.legal-content ul{font-size:14px}}.arena-screen{display:flex;flex-direction:column;gap:30px;min-height:100vh;padding:20px}.arena-header{text-align:center;margin-bottom:20px}.arena-header h1{font-size:36px;color:gold;margin-bottom:10px;text-shadow:0 0 30px rgba(255,215,0,.5);letter-spacing:2px}.arena-subtitle{color:#b8a8d8;font-size:16px}.arena-stats{max-width:1200px;margin:0 auto;width:100%}.player-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{background:linear-gradient(135deg,rgba(201,169,97,.1),rgba(127,119,221,.1));border:2px solid #c9a961;border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:10px}.info-label{font-size:12px;color:#7f77dd;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:28px;font-weight:700;color:#c9a961;text-shadow:0 0 10px rgba(201,169,97,.3)}.opponents-section{max-width:1200px;margin:0 auto;width:100%}.opponents-section h2{font-size:24px;color:#c9a961;margin-bottom:25px;text-align:center}.opponents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.opponent-card{background:rgba(83,74,183,.15);border:2px solid #7f77dd;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;position:relative;display:flex;flex-direction:column;gap:12px}.opponent-card:hover:not(.disabled){background:rgba(83,74,183,.25);transform:translateY(-5px);box-shadow:0 8px 25px #7f77dd4d}.opponent-emoji{font-size:48px;margin:10px 0}.opponent-name{font-size:16px;font-weight:700;color:#c9a961}.opponent-level{font-size:12px;color:#b8a8d8}.difficulty-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.opponent-stats{background:rgba(0,0,0,.2);border-radius:8px;padding:10px;font-size:12px}.stat-row{display:flex;justify-content:space-between;padding:5px 0;color:#b8a8d8}.reward-badge{background:linear-gradient(135deg,rgba(93,202,165,.2),rgba(201,169,97,.2));border:1px solid #5dcaa5;border-radius:6px;padding:8px;color:#5dcaa5;font-weight:700;font-size:13px}.button-challenge{width:100%;padding:10px;font-size:14px;margin-top:10px;background:linear-gradient(135deg,#c9a961,#dab86f);color:#0f0a1f;border:none;font-weight:700;cursor:pointer;border-radius:6px;transition:all .3s ease}.button-challenge:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 15px #c9a96166}.button-challenge.disabled{opacity:.5;cursor:not-allowed}.level-required{font-size:11px;color:#d85a30;font-weight:700;margin-top:8px}.arena-info{max-width:1200px;margin:0 auto;width:100%;background:rgba(127,119,221,.1);border-left:4px solid #7f77dd;border-radius:8px;padding:20px}.arena-info h3{color:#c9a961;margin-bottom:15px;font-size:16px}.arena-info ul{list-style:none;padding:0;margin:0}.arena-info li{color:#b8a8d8;padding:8px 0 8px 20px;position:relative;font-size:14px}.arena-info li:before{content:"⚔️";position:absolute;left:0}@media (max-width: 768px){.arena-header h1{font-size:24px}.player-info,.opponents-grid{grid-template-columns:1fr}}.arena-battle{display:flex;flex-direction:column;gap:30px;min-height:100vh;padding:20px;max-width:1200px;margin:0 auto}.battle-container{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,rgba(31,20,76,.3),rgba(42,25,95,.3));border:2px solid #c9a961;border-radius:12px;padding:40px;margin-top:20px}.combatant-section{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:rgba(83,74,183,.1);border-radius:10px}.combatant-name{font-size:18px;font-weight:700;color:#c9a961;text-align:center}.combatant-emoji{font-size:64px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.health-bar-container{width:100%;height:30px;background:rgba(0,0,0,.4);border:2px solid #7f77dd;border-radius:6px;overflow:hidden;position:relative}.health-bar{height:100%;background:linear-gradient(90deg,#5dcaa5,#1d9e75);transition:width .3s ease;display:flex;align-items:center;justify-content:center}.health-text{font-size:14px;font-weight:700;color:#e0d7f7;text-shadow:0 0 5px rgba(0,0,0,.5)}.stats-display{width:100%;background:rgba(0,0,0,.3);border-radius:6px;padding:10px;font-size:12px;color:#b8a8d8;gap:5px;display:flex;flex-direction:column}.vs-indicator{font-size:36px;font-weight:700;color:#c9a961;text-shadow:0 0 20px rgba(201,169,97,.5);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.battle-log{background:rgba(0,0,0,.3);border:1px solid #7f77dd;border-radius:8px;padding:20px;height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.log-entry{font-size:14px;color:#b8a8d8;padding:5px 10px;background:rgba(127,119,221,.1);border-radius:4px;border-left:3px solid #7f77dd}.log-entry:last-child{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.battle-controls{display:flex;justify-content:center;gap:20px;min-height:60px}.button-attack{padding:15px 40px;font-size:16px;background:linear-gradient(135deg,#d85a30,#f07a42);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d85a304d}.button-attack:hover{transform:translateY(-3px);box-shadow:0 6px 20px #d85a3080}.button-attack:active{transform:translateY(-1px)}.waiting-text{color:#c9a961;font-size:16px;font-weight:700;display:flex;align-items:center;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.battle-result{display:flex;flex-direction:column;align-items:center;gap:20px}.result-text{font-size:36px;font-weight:700;text-shadow:0 0 20px rgba(201,169,97,.5)}.result-text.victory{color:#5dcaa5}.result-text.defeat{color:#d85a30}.button-finish{padding:12px 30px;font-size:16px;background:linear-gradient(135deg,#7f77dd,#b8a8d8);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.button-finish:hover{transform:translateY(-3px);box-shadow:0 6px 20px #7f77dd80}@media (max-width: 768px){.battle-container{grid-template-columns:1fr;gap:20px;padding:20px}.vs-indicator{writing-mode:vertical-rl;text-orientation:mixed;margin:10px 0}.combatant-emoji{font-size:48px}.battle-log{height:150px;font-size:12px}}.combo-display{position:fixed;top:100px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;animation:slideIn .3s ease}.combo-counter{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;padding:12px 20px;border-radius:8px;font-weight:700;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 20px #ff6b6b66;animation:pulse .5s ease}.combo-bonus{background:rgba(255,215,0,.2);border:2px solid #ffd700;color:gold;padding:8px 16px;border-radius:6px;font-weight:700;font-size:14px;text-align:center;animation:slideIn .3s ease .1s backwards}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.combo-display{top:auto;bottom:100px;right:10px}.combo-counter{font-size:14px;padding:10px 16px}.combo-bonus{font-size:12px;padding:6px 12px}}.daily-quests-screen{display:flex;flex-direction:column;gap:30px;min-height:100vh;padding:20px;max-width:900px;margin:0 auto}.daily-header{text-align:center;margin-bottom:20px}.daily-header h1{font-size:36px;color:#c9a961;margin-bottom:10px;text-shadow:0 0 30px rgba(201,169,97,.5)}.reset-info{color:#7f77dd;font-size:14px}.reward-summary{background:linear-gradient(135deg,rgba(93,202,165,.1),rgba(201,169,97,.1));border:2px solid #5dcaa5;border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:10px}.total-reward{display:flex;flex-direction:column;gap:10px}.reward-label{font-size:12px;color:#7f77dd;text-transform:uppercase;letter-spacing:1px}.reward-value{font-size:28px;font-weight:700;color:#5dcaa5;text-shadow:0 0 10px rgba(93,202,165,.3)}.pending-reward{margin-top:6px}.pending-label{font-size:15px;font-weight:700;color:#c9a961;animation:pulse-gold 1.2s ease-in-out infinite}@keyframes pulse-gold{0%,to{opacity:1}50%{opacity:.6}}.claim-flash{animation:flash-green .8s ease-out}@keyframes flash-green{0%{background:rgba(93,202,165,.35);box-shadow:0 0 20px #5dcaa580}to{background:inherit;box-shadow:none}}.quests-list{display:flex;flex-direction:column;gap:15px}.quest-item{background:rgba(83,74,183,.15);border:2px solid #7f77dd;border-radius:10px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s ease}.quest-item.completed{background:rgba(93,202,165,.15);border-color:#5dcaa5}.quest-item:hover{transform:translate(5px);box-shadow:0 4px 15px #7f77dd4d}.quest-info{flex:1}.quest-title{font-size:16px;font-weight:700;color:#c9a961;margin-bottom:8px}.quest-description{font-size:14px;color:#b8a8d8;margin-bottom:8px}.quest-difficulty{font-size:12px;font-weight:700;text-transform:uppercase}.quest-reward{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:120px}.reward-amount{font-size:16px;font-weight:700;color:gold}.button-claim{background:linear-gradient(135deg,#5dcaa5,#1d9e75);color:#fff;padding:8px 20px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:13px}.button-claim:hover{transform:translateY(-2px);box-shadow:0 4px 15px #5dcaa566}.claimed-badge{background:rgba(93,202,165,.3);border:1px solid #5dcaa5;color:#5dcaa5;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700}.incomplete-badge{background:rgba(216,90,48,.3);border:1px solid #d85a30;color:#d85a30;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700}.daily-info{background:rgba(127,119,221,.1);border-left:4px solid #7f77dd;border-radius:8px;padding:20px;margin-top:20px}.daily-info h3{color:#c9a961;margin-bottom:10px;font-size:16px}.daily-info p{color:#b8a8d8;font-size:14px;line-height:1.6}@media (max-width: 768px){.daily-header h1{font-size:24px}.quest-item{flex-direction:column;text-align:center}.quest-reward,.button-claim{width:100%}}.quest-progress-bar{width:100%;height:8px;background:rgba(0,0,0,.3);border-radius:4px;margin:8px 0 4px;overflow:hidden}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#5539bb,#9b7fe8);border-radius:4px;transition:width .4s ease}.quest-item.completed .quest-progress-fill{background:linear-gradient(90deg,#1d9e75,#5dcaa5)}.quest-progress-text{font-size:12px;color:#7f9d8c;margin-bottom:4px}.difficulty-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1200;animation:fadeIn .2s ease-out}.difficulty-modal{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid var(--border-color);border-radius:16px;padding:32px;max-width:520px;width:92%;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #000000b3;animation:slideUp .3s ease-out;text-align:center}.difficulty-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:sticky;top:-32px;padding-top:32px;margin-top:-32px;background:var(--bg-secondary);z-index:2}.difficulty-header h2{color:var(--text-primary);font-size:22px;margin:0;flex:1;text-align:center}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.close-btn:hover{color:var(--accent-red);background:rgba(255,107,107,.1)}.difficulty-status{font-size:14px;font-weight:700;padding:10px 16px;background:rgba(255,255,255,.06);border-radius:8px;margin-bottom:20px}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.difficulty-card{padding:20px 12px;border:2px solid var(--border-color);background:rgba(255,255,255,.04);border-radius:12px;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;align-items:center;gap:8px}.difficulty-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0000004d;background:rgba(255,255,255,.1);border-color:var(--accent-gold)}.difficulty-card:nth-child(1){border-color:var(--accent-green)}.difficulty-card:nth-child(2){border-color:var(--accent-orange)}.difficulty-card:nth-child(3){border-color:var(--accent-red)}.difficulty-card:nth-child(1):hover{border-color:var(--accent-green);box-shadow:0 10px 25px #5dcaa54d}.difficulty-card:nth-child(2):hover{border-color:var(--accent-orange);box-shadow:0 10px 25px #ffc1074d}.difficulty-card:nth-child(3):hover{border-color:var(--accent-red);box-shadow:0 10px 25px #ff6b6b4d}.difficulty-emoji{font-size:36px;line-height:1}.difficulty-card h3{margin:0;font-size:16px;color:var(--text-primary)}.difficulty-card:nth-child(1) h3{color:var(--accent-green)}.difficulty-card:nth-child(2) h3{color:var(--accent-orange)}.difficulty-card:nth-child(3) h3{color:var(--accent-red)}.description{font-size:12px;color:var(--text-secondary);margin:0}.xp-multiplier{font-size:13px;font-weight:700;color:var(--accent-gold);background:rgba(255,215,0,.12);border:1px solid var(--accent-gold);border-radius:6px;padding:3px 10px}.difficulty-info{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.difficulty-info p{color:var(--text-secondary);font-size:13px;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.difficulty-modal{padding:20px;width:94%;max-height:90vh}.difficulty-header{top:-20px;padding-top:20px;margin-top:-20px}.difficulty-grid{grid-template-columns:1fr;gap:10px}.difficulty-card{flex-direction:column;align-items:flex-start;padding:16px;gap:8px}.difficulty-card h3{margin:0}.xp-multiplier{align-self:flex-end}.difficulty-emoji{font-size:28px}}.diff-progress-bar{width:100%;height:6px;background:rgba(0,0,0,.3);border-radius:3px;overflow:hidden;margin:10px 0 6px}.diff-progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.diff-stats{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:8px}.diff-done{font-size:13px;font-weight:700;color:var(--text-primary)}.diff-failed{font-size:11px;color:#ff6b6b;font-weight:700}.diff-perfect{font-size:11px;color:#5dcaa5;font-weight:700}.difficulty-card-complete{background:rgba(93,202,165,.08)!important}.difficulty-card-complete:hover{background:rgba(93,202,165,.15)!important}.profile-screen{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.profile-container{width:100%;max-width:1000px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:30px;box-shadow:0 10px 40px var(--bg-overlay-secondary)}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.profile-back{background:linear-gradient(135deg,var(--accent-green),var(--accent-green));color:#fff;border:2px solid #1d9e75;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s}.profile-back:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--bg-overlay-secondary)}.profile-header h1{color:var(--text-primary);font-size:32px;margin:0;flex:1;text-align:center}.profile-level{background:linear-gradient(135deg,var(--bg-overlay-tertiary),var(--bg-overlay-tertiary));border:2px solid var(--accent-gold);border-radius:8px;padding:12px 20px;color:var(--accent-gold);font-weight:700;font-size:16px}.level-number{font-size:24px;margin:0 5px}.profile-xp-section{background:var(--bg-overlay-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:30px}.xp-info{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--text-primary)}.xp-label{font-weight:700;font-size:14px}.xp-value{color:var(--border-color);font-weight:700}.xp-bar{width:100%;height:30px;background:var(--bg-overlay-tertiary);border-radius:15px;overflow:hidden;border:1px solid var(--border-color);margin-bottom:10px}.xp-fill{height:100%;background:linear-gradient(90deg,var(--border-color),var(--text-primary));transition:width .5s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;min-width:40px}.total-xp{text-align:right;color:var(--text-secondary);font-size:12px}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-overlay-tertiary);border:2px solid var(--accent-green);border-radius:8px;padding:20px;display:flex;gap:15px;align-items:center;transition:all .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #5dcaa566;border-color:var(--accent-gold)}.stat-icon{font-size:40px;min-width:50px;text-align:center}.stat-content{flex:1}.stat-content h3{color:var(--accent-green);font-size:14px;margin:0 0 5px;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:32px;font-weight:700;color:var(--text-primary);margin:5px 0}.stat-detail{color:var(--text-secondary);font-size:12px;margin:0}.progress-section{margin-bottom:30px}.progress-section h2{color:var(--text-primary);font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.universe-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.universe-card{background:var(--bg-overlay-secondary);border:2px solid var(--border-color);border-radius:8px;padding:20px;transition:all .3s}.universe-card:hover{background:var(--bg-overlay-secondary);box-shadow:0 5px 20px var(--bg-overlay-secondary)}.universe-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.universe-icon{font-size:28px}.universe-header h3{color:var(--text-primary);font-size:16px;margin:0}.progress-info{color:var(--text-secondary);font-size:12px;margin-bottom:10px}.progress-bar{width:100%;height:20px;background:var(--bg-overlay-tertiary);border-radius:10px;overflow:hidden;margin-bottom:8px;border:1px solid var(--border-color)}.progress-fill{height:100%;transition:width .3s ease}.progress-high .progress-fill{background:linear-gradient(90deg,var(--accent-green),var(--accent-green))}.progress-medium .progress-fill{background:linear-gradient(90deg,var(--accent-orange),var(--accent-gold))}.progress-low .progress-fill{background:linear-gradient(90deg,var(--accent-red),var(--accent-red))}.progress-percentage{text-align:right;color:var(--text-primary);font-weight:700;font-size:14px}.character-stats-section{margin-bottom:30px}.character-stats-section h2{color:var(--text-primary);font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.character-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.char-stat{background:var(--bg-overlay-tertiary);border:2px solid var(--accent-gold);border-radius:8px;padding:20px}.stat-name{display:block;color:var(--accent-gold);font-weight:700;margin-bottom:10px;font-size:14px}.stat-bar{width:100%;height:25px;background:var(--bg-overlay-tertiary);border-radius:12px;overflow:hidden;margin-bottom:10px;border:1px solid var(--accent-gold)}.stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),var(--accent-gold));transition:width .3s ease}.stat-number{display:block;text-align:right;color:var(--accent-gold);font-weight:700;font-size:16px}@media (max-width: 900px){.profile-stats-grid,.character-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.profile-screen{padding:10px}.profile-container{padding:16px}.profile-header{flex-direction:column;text-align:center}.profile-header h1{font-size:24px}.profile-stats-grid,.universe-progress,.character-stats-grid{grid-template-columns:1fr!important}.stat-card{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.profile-header{padding:0 10px}.profile-header h1{font-size:18px}.profile-level{padding:8px 12px;font-size:12px}.profile-container{padding:15px}}.theme-toggle{position:fixed;top:12px;right:20px;z-index:1100;width:42px;height:42px;border-radius:50%;border:2px solid var(--accent-gold);background:var(--bg-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #0000004d}.theme-toggle:hover{transform:scale(1.15);box-shadow:0 4px 20px #c9a96180}.theme-toggle:active{transform:scale(.92)}@media (max-width: 768px){.theme-toggle{width:36px;height:36px;font-size:16px;top:10px;right:12px}}.lang-toggle{position:fixed;top:12px;right:72px;z-index:1100;display:flex;gap:4px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;padding:3px}.lang-btn{padding:4px 10px;border:none;border-radius:16px;font-size:12px;font-weight:700;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .2s;letter-spacing:.5px}.lang-btn.active{background:var(--accent-gold);color:var(--bg-primary)}.lang-btn:hover:not(.active){color:var(--text-primary);background:var(--bg-overlay-primary)}@media (max-width: 768px){.lang-toggle{top:10px;right:58px}.lang-btn{padding:3px 8px;font-size:11px}}.install-btn{position:fixed;top:12px;right:126px;z-index:1100;width:42px;height:42px;border-radius:50%;border:2px solid var(--accent-gold);background:var(--bg-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #0000004d;animation:install-btn-pulse 2.4s ease-in-out infinite}.install-btn:hover{transform:scale(1.15);box-shadow:0 4px 20px #c9a96180}.install-btn:active{transform:scale(.92)}@keyframes install-btn-pulse{0%,to{box-shadow:0 2px 10px #0000004d}50%{box-shadow:0 2px 16px #c9a96199}}@media (max-width: 768px){.install-btn{width:36px;height:36px;font-size:16px;top:10px;right:100px}}.install-ios-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:flex-end;justify-content:center;padding:0}.install-ios-modal{position:relative;width:100%;max-width:420px;background:var(--bg-secondary);border-top:2px solid var(--accent-gold);border-radius:20px 20px 0 0;padding:24px 24px 32px;box-shadow:0 -4px 30px #00000080;animation:install-ios-slide-up .25s ease-out}@keyframes install-ios-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-ios-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer}.install-ios-modal h3{color:var(--accent-gold);margin-bottom:12px;font-size:18px}.install-ios-modal p{color:var(--text-primary);font-size:14px;line-height:1.6}.install-ios-icon{display:inline-block}.character-card-container{background:var(--bg-overlay-secondary);border:2px solid var(--border-color);border-radius:12px;padding:25px;width:100%;box-shadow:0 8px 32px var(--bg-overlay-tertiary)}.character-name-box{color:var(--accent-gold);font-size:32px;text-align:center;font-weight:700;cursor:pointer;transition:all .3s;margin-bottom:15px;letter-spacing:2px}.character-name-box:hover{transform:scale(1.05);text-shadow:0 0 20px rgba(255,215,0,.6)}.character-level-box{text-align:center;font-size:18px;color:var(--text-primary);cursor:pointer;transition:all .3s;padding:10px 20px;background:linear-gradient(135deg,var(--bg-overlay-tertiary),var(--bg-overlay-tertiary));border:2px solid var(--accent-gold);border-radius:8px;font-weight:700;margin-bottom:15px}.character-level-box:hover{transform:scale(1.05);box-shadow:0 5px 20px #ffd7004d}.xp-bar-container{margin-bottom:15px}.xp-bar{width:100%;height:32px;background:rgba(0,0,0,.4);border:2px solid var(--border-color);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative}.xp-bar:hover{box-shadow:0 0 20px #7f77dd99;border-color:#9b7fe8;transform:scaleY(1.08)}.xp-fill{height:100%;background:linear-gradient(90deg,#5539bb,#9b7fe8);border-radius:20px;transition:width .5s ease;min-width:0}.xp-percent{position:absolute;top:0;left:12px;bottom:0;display:flex;align-items:center;font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}.xp-text{text-align:center;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:1px}.streak-combo-boxes{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:15px}.streak-box,.combo-box{background:var(--bg-overlay-tertiary);border:2px solid;border-radius:12px;padding:12px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.streak-box{border-color:var(--accent-red);background:var(--bg-overlay-tertiary)}.streak-box:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ff6b6b66;background:rgba(255,107,107,.12);border-color:var(--accent-red)}.combo-box{border-color:var(--accent-orange);background:var(--bg-overlay-tertiary)}.combo-box:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ffc10766;background:rgba(255,193,7,.12);border-color:var(--accent-gold)}.streak-label,.combo-label{font-size:14px;font-weight:700;letter-spacing:1px}.streak-label{color:var(--accent-red)}.combo-label{color:var(--accent-orange)}.streak-value,.combo-value{font-size:24px;font-weight:700}.streak-value{color:var(--accent-red)}.combo-value{color:var(--accent-gold)}.equipment-icons{display:flex;justify-content:center;gap:15px;padding:15px;background:var(--bg-overlay-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;transition:all .3s}.equipment-icons:hover{background:rgba(127,119,221,.15);box-shadow:0 0 20px #7f77dd4d;border-color:var(--border-color);transform:translateY(-2px)}.equipment-icons span{font-size:32px;cursor:pointer;transition:all .3s}.equipment-icons span:hover{transform:scale(1.35) translateY(-4px);filter:drop-shadow(0 4px 8px rgba(127,119,221,.5))}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-box{background:rgba(29,158,117,.15);border:2px solid #1d9e75;border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.stat-box:hover{transform:translateY(-5px);background:rgba(29,158,117,.28);border-color:#5dcaa5;box-shadow:0 8px 25px #1d9e7566}.stat-box .stat-value{font-size:28px;font-weight:700;color:#5dcaa5;transition:all .3s}.stat-box .stat-label{font-size:12px;color:#7f9d8c;font-weight:700;letter-spacing:1px;text-transform:uppercase}.stat-item{background:rgba(29,158,117,.15);border:2px solid var(--accent-green);border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s;position:relative}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #1d9e7566;border-color:#5dcaa5;background:rgba(29,158,117,.25)}.stat-value{font-size:28px;font-weight:700;color:var(--accent-green);transition:all .3s}.stat-item:hover .stat-value{color:var(--accent-green)}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:700;letter-spacing:1px;text-transform:uppercase}.stat-bonus{position:absolute;top:5px;right:8px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold));color:var(--bg-primary);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr)}.character-name-box{font-size:24px}.xp-bar{height:35px}.equipment-icons span{font-size:24px}}@media (max-width: 480px){.stats-row{grid-template-columns:1fr}.character-name-box{font-size:20px}.xp-bar{height:30px}.xp-fill{font-size:12px}.streak-box,.combo-box{padding:10px 16px}.stat-item{padding:12px}.stat-value{font-size:20px}}.streak-combo-section{display:flex;justify-content:center;gap:20px;margin-bottom:15px}.streak-badge,.combo-badge{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:2px solid;cursor:pointer;transition:all .3s}.streak-badge{border-color:#ff6b6b;background:rgba(255,107,107,.08)}.streak-badge:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ff6b6b73;background:rgba(255,107,107,.18)}.combo-badge{border-color:gold;background:rgba(255,215,0,.08)}.combo-badge:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ffd70073;background:rgba(255,215,0,.18)}.streak-label{color:#ff6b6b;font-weight:700}.combo-label{color:gold;font-weight:700}.streak-value{color:#ff6b6b;font-weight:700;font-size:18px}.combo-value{color:gold;font-weight:700;font-size:18px}.equipment-preview{margin-bottom:15px}.equipped-icons{display:flex;justify-content:center;gap:15px;padding:15px;background:rgba(127,119,221,.06);border:1px solid #7f77dd;border-radius:8px;transition:all .3s;cursor:pointer}.equipped-icons:hover{background:rgba(127,119,221,.16);box-shadow:0 0 20px #7f77dd4d;transform:translateY(-2px)}.equipped-icons span{font-size:32px;cursor:pointer;transition:all .3s}.equipped-icons span:hover{transform:scale(1.35) translateY(-4px);filter:drop-shadow(0 4px 8px rgba(127,119,221,.6))}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}