@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";:root{--font-family: "Fredoka", sans-serif;--bg-color-1: #081425;--bg-color-2: #10284A;--bg-color-3: #173B73;--bg-color-4: #233C89;--card-bg: #132C52;--card-border-glow: rgba(35, 92, 175, .4);--btn-yellow-top: #FFD83D;--btn-yellow-bottom: #FFB300;--btn-yellow-shadow: #cc7a00;--btn-blue-top: #2F80ED;--btn-blue-bottom: #1D5FD3;--btn-blue-shadow: #0f409c;--btn-green-top: #59D826;--btn-green-bottom: #33B300;--btn-green-shadow: #1b8000;--btn-gray-top: #afafaf;--btn-gray-bottom: #7b7b7b;--btn-gray-shadow: #555555;--color-coins: #FFCC33;--color-xp: #2F80ED;--color-streak: #ff5e62;--color-danger: #ea2b2b;--color-success: #59D826;--rarity-common: #afafaf;--rarity-rare: #2F80ED;--rarity-epic: #a18cd1;--rarity-legendary: #FFD83D}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background:var(--bg-color-1);background:radial-gradient(circle,var(--bg-color-2) 0%,var(--bg-color-1) 100%);color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;overflow:hidden}.app-container{width:100vw;height:100vh;height:100dvh;background:radial-gradient(ellipse at top,var(--bg-color-3) 0%,var(--bg-color-1) 100%);position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:0;transition:all .3s ease}@media (min-width: 480px){.app-container{max-width:430px;max-height:860px;box-shadow:0 25px 60px #0009;border-radius:40px;border:12px solid #0f1d33;height:95vh}}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none}h1{font-size:38px;font-weight:800;line-height:1.1;text-shadow:0 4px 8px rgba(0,0,0,.3)}h2{font-size:32px;font-weight:800;text-shadow:0 3px 6px rgba(0,0,0,.3)}h3{font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}h4{font-size:18px;font-weight:700}p,span,div{font-size:16px;font-weight:600}.app-header{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid rgba(255,255,255,.08);background:#081425d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.user-status{display:flex;align-items:center;gap:10px}.stat-badge{display:flex;align-items:center;gap:5px;font-weight:800;font-size:16px;padding:6px 12px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.4)}.stat-badge.coins{background:#ffcc3326;border-color:#ffcc334d;color:var(--color-coins)}.stat-badge.streak{background:#ff5e6226;border-color:#ff5e624d;color:var(--color-streak)}.btn-3d{position:relative;border:none;font-family:var(--font-family);font-weight:800;font-size:22px;color:#fff;padding:14px 28px;border-radius:24px;cursor:pointer;outline:none;transition:filter .1s ease,transform .05s ease,box-shadow .05s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-shadow:0 2px 4px rgba(0,0,0,.35);border-top:1px solid rgba(255,255,255,.25)}.btn-3d:active{transform:translateY(6px)}.btn-primary-yellow{background:linear-gradient(to bottom,var(--btn-yellow-top) 0%,var(--btn-yellow-bottom) 100%);color:#6d3200;text-shadow:0 1px 2px rgba(255,255,255,.4);box-shadow:0 6px 0 var(--btn-yellow-shadow),0 10px 20px #0000004d}.btn-primary-yellow:hover{filter:brightness(1.08)}.btn-primary-yellow:active{box-shadow:0 0 0 var(--btn-yellow-shadow),0 4px 10px #0003}.btn-secondary-blue{background:linear-gradient(to bottom,var(--btn-blue-top) 0%,var(--btn-blue-bottom) 100%);box-shadow:0 6px 0 var(--btn-blue-shadow),0 10px 20px #0000004d}.btn-secondary-blue:hover{filter:brightness(1.08)}.btn-secondary-blue:active{box-shadow:0 0 0 var(--btn-blue-shadow),0 4px 10px #0003}.btn-purple-custom{background:linear-gradient(to bottom,#8e2de2,#4a00e0);box-shadow:0 6px #310099,0 10px 20px #4a00e059}.btn-purple-custom:hover{filter:brightness(1.08)}.btn-purple-custom:active{box-shadow:0 0 #310099,0 4px 10px #0003}.btn-exotic-purple{background:#b55eff;box-shadow:0 6px #8232c8,0 10px 20px #8232c859;color:#fff}.btn-exotic-purple:hover{filter:brightness(1.08)}.btn-exotic-purple:active{box-shadow:0 0 #8232c8,0 4px 10px #0003}.stage-hero-avatar-container{--avatar-size: 125px;flex:0 0 var(--avatar-size);min-height:var(--avatar-size);display:flex;justify-content:center;align-items:flex-end;box-sizing:border-box}.stage-hero-avatar-container>div{width:var(--avatar-size)!important;height:var(--avatar-size)!important}@media (max-width: 480px){.stage-hero-avatar-container{--avatar-size: 95px !important}.stage-hero-card{padding:14px 16px!important;gap:12px!important}.stage-hero-square{width:22px!important;height:22px!important;border-radius:6px!important;font-size:11px!important}.stage-hero-progress-row{gap:4px!important}}.btn-success-green{background:linear-gradient(to bottom,var(--btn-green-top) 0%,var(--btn-green-bottom) 100%);box-shadow:0 6px 0 var(--btn-green-shadow),0 10px 20px #0000004d}.btn-success-green:hover{filter:brightness(1.08)}.btn-success-green:active{box-shadow:0 0 0 var(--btn-green-shadow),0 4px 10px #0003}.btn-gray-disabled{background:linear-gradient(to bottom,var(--btn-gray-top) 0%,var(--btn-gray-bottom) 100%);color:#e0e0e0;cursor:not-allowed;box-shadow:0 6px 0 var(--btn-gray-shadow),0 10px 20px #0000004d}.btn-gray-disabled:active{transform:none;box-shadow:0 6px 0 var(--btn-gray-shadow),0 10px 20px #0000004d}.card-game{background:var(--card-bg);border:2px solid rgba(255,255,255,.06);box-shadow:0 15px 30px #0006,inset 0 4px 10px #ffffff14;border-radius:28px;padding:24px;position:relative;display:flex;flex-direction:column;color:#fff;transition:transform .2s ease}.card-game:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:28px;box-shadow:0 0 15px var(--card-border-glow);pointer-events:none;z-index:-1}.card-game:hover{transform:translateY(-2px)}.screen-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:20px;background:radial-gradient(ellipse at bottom,var(--bg-color-4) 0%,var(--bg-color-1) 100%);position:relative}.nav-tabs{height:76px;display:flex;border-top:3px solid rgba(255,255,255,.08);background:#081425f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#7b8e9b;cursor:pointer;gap:4px;transition:all .15s ease}.nav-tab.active{color:#fff;transform:scale(1.08);text-shadow:0 0 10px rgba(47,128,237,.8)}.nav-tab.active svg{color:var(--btn-blue-top);filter:drop-shadow(0 0 5px rgba(47,128,237,.8))}.nav-tab:active{transform:scale(.92)}.progress-bar-container{width:100%;height:22px;background:#0a1b32;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 3px 5px #00000080;border:1px solid rgba(255,255,255,.05)}.progress-bar-fill{height:100%;background:linear-gradient(to right,#59d826,#78eb24);border-radius:12px;transition:width .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 -4px #0003 inset;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:shine 2.5s infinite linear}.profile-avatar-container{position:relative;width:130px;height:130px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-avatar-img{width:110px;height:110px;border-radius:50%;background:#10284a;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:64px;box-shadow:inset 0 4px 10px #0006;border:3px solid rgba(255,255,255,.1)}.profile-frame-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none;z-index:2}@keyframes glow{0%{border-color:gold;box-shadow:0 0 10px gold,inset 0 0 10px gold}50%{border-color:#ffea70;box-shadow:0 0 25px gold,inset 0 0 15px gold}to{border-color:gold;box-shadow:0 0 10px gold,inset 0 0 10px gold}}@keyframes rainbow{0%{border-color:red;box-shadow:0 0 15px red}25%{border-color:#ff0;box-shadow:0 0 15px #ff0}50%{border-color:#0f0;box-shadow:0 0 15px #0f0}75%{border-color:#00f;box-shadow:0 0 15px #00f}to{border-color:red;box-shadow:0 0 15px red}}.frame-glow{animation:glow 2s infinite ease-in-out}.frame-rainbow{animation:rainbow 6s infinite linear}.mission-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#132c52cc;border:2px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 4px #ffffff0d;border-radius:20px;margin-bottom:12px}.mission-info{flex:1}.mission-text{font-weight:800;font-size:16px;margin-bottom:8px;color:#fff}.mission-progress-text{font-size:13px;font-weight:700;color:#889bb0;margin-top:4px}.mission-rewards{display:flex;gap:10px;font-size:13px;font-weight:800;margin-top:6px}.mission-reward-item{padding:4px 10px;border-radius:12px;background:#00000040;border:1px solid rgba(255,255,255,.05)}.overlay-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at bottom,var(--bg-color-4) 0%,var(--bg-color-1) 100%);z-index:100;display:flex;flex-direction:column}.modal-center{position:absolute;top:0;left:0;right:0;bottom:0;background:#081425d9;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.word-card{background-color:transparent;width:100%;max-width:320px;height:380px;perspective:1000px;position:relative;margin:20px auto}.word-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .3s;transform-style:preserve-3d;border-radius:32px}.word-card.flipped .word-card-inner{transform:rotateY(180deg)}.word-card-front,.word-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--card-bg);border:3px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000080,inset 0 4px 10px #ffffff1a;overflow-y:auto}.word-card-back{transform:rotateY(180deg);border-color:var(--btn-blue-top);background:radial-gradient(circle,#1a3c6d,#10284a)}.word-card-front .word-english{font-size:46px;color:#fff;font-weight:800;margin-bottom:24px;letter-spacing:.5px}.word-card-back .word-hebrew{font-size:46px;color:#fff;font-weight:800;margin-bottom:24px}.word-card-back .word-example{font-size:18px;color:#a4bada;direction:ltr;background:#0000004d;padding:12px 20px;border-radius:16px;margin-top:10px;border:1px solid rgba(255,255,255,.05)}.choice-button{border:3px solid rgba(255,255,255,.08);border-bottom:8px solid rgba(0,0,0,.4);background:#173760;border-radius:22px;padding:18px;font-family:var(--font-family);font-size:22px;font-weight:800;color:#fff;cursor:pointer;transition:all .05s ease;-webkit-user-select:none;user-select:none;text-align:center;box-shadow:0 6px 12px #0003}.choice-button:active{transform:translateY(4px);border-bottom-width:4px}.choice-button.correct{border-color:#59d826;border-bottom-color:#268700;background:linear-gradient(to bottom,#72eb3c,#3eaf0a);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.choice-button.incorrect{border-color:#ea2b2b;border-bottom-color:#a31111;background:linear-gradient(to bottom,#ff5757,#c61919);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.audio-choice-btn{border:3px solid rgba(255,255,255,.08);border-bottom:8px solid rgba(0,0,0,.4);background:#173760;border-radius:50%;width:58px;height:58px;padding:0;font-family:var(--font-family);color:#fff;cursor:pointer;transition:all .05s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #0003;flex-shrink:0;outline:none}.audio-choice-btn:active:not(:disabled){transform:translateY(4px);border-bottom-width:4px}.audio-choice-btn:disabled{opacity:.5;cursor:default}.progress-bar-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100px;position:relative}.progress-column-fill{width:24px;border-radius:8px 8px 0 0;background:linear-gradient(to top,var(--btn-blue-bottom) 0%,var(--btn-blue-top) 100%);box-shadow:0 0 10px #2f80ed66;transition:height .6s cubic-bezier(.25,.8,.25,1);position:relative}.progress-column-fill.today{background:linear-gradient(to top,var(--btn-yellow-bottom) 0%,var(--btn-yellow-top) 100%);box-shadow:0 0 10px #ffd83d66}.sound-btn{width:66px;height:66px;border-radius:50%;background:linear-gradient(to bottom,var(--btn-blue-top) 0%,var(--btn-blue-bottom) 100%);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;outline:none;box-shadow:0 6px var(--btn-blue-shadow),0 10px 20px #0000004d;transition:transform .1s,box-shadow .1s;color:#fff}.sound-btn:active{transform:translateY(6px);box-shadow:0 0 var(--btn-blue-shadow),0 4px 10px #0003}.chest-container{display:flex;flex-direction:column;align-items:center;margin:30px 0;cursor:pointer}.chest-graphics{font-size:130px;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 15px 25px rgba(0,0,0,.4));transition:transform .1s ease}.chest-graphics:active{transform:scale(.9)}@keyframes shake{0%{transform:translate(0) rotate(0) scale(1)}15%{transform:translate(-5px,3px) rotate(-5deg) scale(1.05)}30%{transform:translate(5px,-3px) rotate(5deg) scale(1.05)}45%{transform:translate(-5px,-2px) rotate(-3deg) scale(1.05)}60%{transform:translate(5px,2px) rotate(3deg) scale(1.05)}75%{transform:translate(-3px,3px) rotate(-1.5deg) scale(1.05)}90%{transform:translate(3px,-3px) rotate(1.5deg) scale(1.05)}to{transform:translate(0) rotate(0) scale(1)}}.chest-shake{animation:shake .5s infinite ease-in-out}@keyframes popOpen{0%{transform:scale(1)}50%{transform:scale(1.4);filter:brightness(1.5)}to{transform:scale(1);opacity:0}}@keyframes popIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes slideInSoft{0%{transform:translate(50px) scale(.96);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.chest-open{animation:popOpen .4s forwards cubic-bezier(.175,.885,.32,1.275)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lobby-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px;min-height:154px;border-radius:24px;color:#fff;-webkit-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease;position:relative;border-top:1.5px solid rgba(255,255,255,.25);box-sizing:border-box}.lobby-card:hover{transform:scale(1.02);filter:brightness(1.06)}.lobby-card:active{transform:translateY(4px) scale(.98)}.card-new:active{box-shadow:0 2px #b32d15,0 4px 10px #0000004d!important}.card-review:active{box-shadow:0 2px #003673,0 4px 10px #0000004d!important}.card-hard:active{box-shadow:0 2px #0f541f,0 4px 10px #0000004d!important}.card-test:active{box-shadow:0 2px #431f7a,0 4px 10px #0000004d!important}.card-locked:active{transform:none}.card-reward-bar{display:flex;justify-content:space-between;align-items:center;background:#00000047;border-radius:12px;padding:5px 10px;width:100%;margin-top:8px;font-weight:800;font-size:11px;color:#fff;border:1px solid rgba(255,255,255,.05)}.shortcut-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;background:#132c5299;border:2px solid rgba(255,255,255,.06);border-radius:18px;cursor:pointer;color:#fff;transition:transform .1s ease,background .1s ease,box-shadow .1s ease;min-height:80px;box-shadow:0 4px 10px #00000026;position:relative;box-sizing:border-box}.shortcut-tile:hover{background:#132c52d9;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.shortcut-tile:active{transform:translateY(2px) scale(.97);box-shadow:0 2px 4px #00000026}.shortcut-tile span{font-size:11px;font-weight:800;color:#8aa3c2;text-align:center;white-space:nowrap}.badge-red{position:absolute;top:-4px;right:-4px;background:#ff3b30;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;border:1.5px solid #132c52}@keyframes rec-pulse-orange{0%{box-shadow:0 6px #b32d15,0 10px 20px #0000004d,0 0 #ff9f0a80}70%{box-shadow:0 6px #b32d15,0 10px 20px #0000004d,0 0 0 8px #ff9f0a00}to{box-shadow:0 6px #b32d15,0 10px 20px #0000004d,0 0 #ff9f0a00}}@keyframes rec-pulse-blue{0%{box-shadow:0 6px #003673,0 10px 20px #0000004d,0 0 #007aff80}70%{box-shadow:0 6px #003673,0 10px 20px #0000004d,0 0 0 8px #007aff00}to{box-shadow:0 6px #003673,0 10px 20px #0000004d,0 0 #007aff00}}@keyframes rec-pulse-purple{0%{box-shadow:0 6px #431f7a,0 10px 20px #0000004d,0 0 #af52de80}70%{box-shadow:0 6px #431f7a,0 10px 20px #0000004d,0 0 0 8px #af52de00}to{box-shadow:0 6px #431f7a,0 10px 20px #0000004d,0 0 #af52de00}}.rec-pulse-orange{animation:rec-pulse-orange 2s infinite}.rec-pulse-blue{animation:rec-pulse-blue 2s infinite}.rec-pulse-purple{animation:rec-pulse-purple 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 10px 20px #0006,0 0 #ffd83d59}50%{box-shadow:0 10px 20px #0006,0 0 0 8px #ffd83d00}}@keyframes spin-playful{0%{transform:rotate(0)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg)}}@keyframes pulse-glowing{0%,to{box-shadow:0 0 15px #fc36}50%{box-shadow:0 0 30px #2f80edb3}}.custom-startup-spinner{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.08);border-top:4px solid #ffcc33;border-right:4px solid #2f80ed;border-bottom:4px solid #38ef7d;animation:spin-playful 1.2s cubic-bezier(.68,-.55,.27,1.55) infinite,pulse-glowing 2s ease-in-out infinite}.modal-bottom{position:fixed;top:0;left:0;right:0;bottom:0;background:#050a14bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet-content{width:100%;max-width:440px;background:#101f35;border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:0 -12px 40px #0009;padding:24px 20px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.certificate-gold-glow{animation:goldGlow 3s infinite ease-in-out}@keyframes goldGlow{0%,to{box-shadow:0 6px 18px #00000040,0 0 4px #f59e0b33}50%{box-shadow:0 6px 18px #00000040,0 0 10px #f59e0b80}}.certificate-blue-highlight{animation:blueOutline 3s infinite ease-in-out}@keyframes blueOutline{0%,to{border-color:#2f80ed;box-shadow:0 6px 18px #00000040,0 0 4px #2f80ed33}50%{border-color:#58a6ff;box-shadow:0 6px 18px #00000040,0 0 10px #2f80ed80}}.shop-item-wrapper{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.shop-item-wrapper:hover{transform:scale(1.05)}.shop-item-wrapper:active{transform:scale(.95)}.horizontal-challenges-shelf::-webkit-scrollbar{display:none}.challenge-card{border-top:1.5px solid rgba(255,255,255,.25);transition:transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s ease,filter .2s ease;-webkit-user-select:none;user-select:none}.challenge-card:hover{transform:scale(1.03) translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 24px #0006}.challenge-card:active{transform:scale(.98) translateY(2px);box-shadow:0 4px 8px #0003}@keyframes aurora-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.aurora-bg{background-size:300% 300%;animation:aurora-animation 12s ease-in-out infinite}@keyframes float-particle{0%{transform:translateY(110%) translate(0) scale(.8);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-10%) translate(30px) scale(1.2);opacity:0}}.particle{position:absolute;pointer-events:none;border-radius:50%;opacity:0}@keyframes chest-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.chest-float{animation:chest-float 3s ease-in-out infinite}@keyframes coin-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.coin-pop{animation:coin-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards}.today-flip-card{perspective:1000px;width:100%;height:64px;cursor:pointer;-webkit-user-select:none;user-select:none}.today-flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;box-shadow:0 4px 12px #00000026;border-radius:16px}.today-flip-card.is-flipped .today-flip-card-inner{transform:rotateY(180deg)}.today-flip-card-front,.today-flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;align-items:center;box-sizing:border-box;padding:12px 18px}.today-flip-card-front{background-color:#fff;color:#132c52}.today-flip-card-back{background-color:#ffd83d;color:#0c1a2e;transform:rotateY(180deg);font-weight:900}@keyframes avatar-group-a-jump{0%,60%,72%,87%,to{transform:translateY(0) scale(1)}62%{transform:translateY(2px) scaleY(.88) scaleX(1.06)}66%{transform:translateY(-15px) scaleY(1.08) scaleX(.94)}70%{transform:translateY(0) scaleY(.9) scaleX(1.06)}77%{transform:translateY(2px) scaleY(.88) scaleX(1.06)}81%{transform:translateY(-15px) scaleY(1.08) scaleX(.94)}85%{transform:translateY(0) scaleY(.9) scaleX(1.06)}}.avatar-anim-group-a{animation:avatar-group-a-jump 5s infinite ease-in-out;transform-origin:bottom center}@keyframes avatar-group-b-spin{0%,60%,76%,to{transform:translateY(0) rotate(0) scale(1)}62%{transform:translateY(2px) rotate(-12deg) scaleY(.9) scaleX(1.05)}68%{transform:translateY(-13px) rotate(12deg) scaleY(1.06) scaleX(.94)}72%{transform:translateY(0) rotate(0) scaleY(.9) scaleX(1.05)}}.avatar-anim-group-b{animation:avatar-group-b-spin 5s infinite ease-in-out;transform-origin:bottom center}@keyframes avatar-group-c-wobble{0%,60%,80%,to{transform:scale(1) rotate(0) translateY(0)}63%{transform:scaleX(1.15) scaleY(.85) rotate(-10deg) translateY(2px)}67%{transform:scaleX(.88) scaleY(1.12) rotate(10deg) translateY(-8px)}71%{transform:scaleX(1.12) scaleY(.88) rotate(-6deg) translateY(1px)}75%{transform:scale(1) rotate(0) translateY(0)}}.avatar-anim-group-c{animation:avatar-group-c-wobble 5s infinite ease-in-out;transform-origin:bottom center}@keyframes avatar-group-d-pulse{0%,60%,86%,to{transform:translate(0) rotate(0)}62%{transform:translateY(2px) rotate(-8deg)}66%{transform:translate(-8px,-14px) rotate(-8deg)}70%{transform:translate(0) rotate(0)}74%{transform:translateY(2px) rotate(8deg)}78%{transform:translate(8px,-14px) rotate(8deg)}82%{transform:translate(0) rotate(0)}}.avatar-anim-group-d{animation:avatar-group-d-pulse 5s infinite ease-in-out;transform-origin:bottom center}@keyframes avatar-group-e-dance{0%,60%,81%,to{transform:translate(0) translateY(0) rotate(0)}63%{transform:translate(8px) translateY(-6px) rotate(6deg)}66%{transform:translate(0) translateY(0) rotate(0)}69%{transform:translate(-8px) translateY(-6px) rotate(-6deg)}73%{transform:translate(0) translateY(-13px) rotate(0)}77%{transform:translate(0) translateY(0) rotate(0)}}.avatar-anim-group-e{animation:avatar-group-e-dance 5s infinite ease-in-out;transform-origin:bottom center}@keyframes avatar-group-f-stretch{0%,60%,78%,to{transform:scale(1) translateY(0)}64%{transform:scaleY(.65) scaleX(1.15) translateY(4px)}72%{transform:scaleY(1.22) scaleX(.82) translateY(-12px)}75%{transform:scale(1) translateY(0)}}.avatar-anim-group-f{animation:avatar-group-f-stretch 5s infinite ease-in-out;transform-origin:bottom center}@keyframes avatar-group-g-shake{0%,60%,80%,to{transform:translate(0) translateY(0) scale(1)}61%{transform:translate(-3px) translateY(0)}63%{transform:translate(3px) translateY(0)}65%{transform:translate(-3px) translateY(0)}67%{transform:translate(3px) translateY(0)}69%{transform:translate(0) translateY(2px) scaleY(.9)}73%{transform:translate(0) translateY(-12px) scaleY(1.1)}77%{transform:translate(0) translateY(0) scale(1)}}.avatar-anim-group-g{animation:avatar-group-g-shake 5s infinite ease-in-out;transform-origin:bottom center}@keyframes avatar-group-h-hero{0%,60%,83%,to{transform:scale(1) translateY(0);filter:brightness(1) drop-shadow(0 0 0px transparent)}62%{transform:scale(.9) translateY(2px)}66%{transform:scale(1.18) translateY(-20px);filter:brightness(1.25) drop-shadow(0 0 12px #ffd83d)}69%{transform:scale(1) translateY(0);filter:brightness(1) drop-shadow(0 0 0px transparent)}72%{transform:scale(.9) translateY(2px)}76%{transform:scale(1.18) translateY(-20px);filter:brightness(1.25) drop-shadow(0 0 12px #ffd83d)}80%{transform:scale(1) translateY(0);filter:brightness(1) drop-shadow(0 0 0px transparent)}}.avatar-anim-group-h{animation:avatar-group-h-hero 5s infinite ease-in-out;transform-origin:bottom center}@keyframes softModalZoomIn{0%{transform:scale(.95) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.animate-slide-in-right{animation:softModalZoomIn .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes subtle-flip-pulse{0%,to{transform:scale(1) rotate(0);opacity:.55}50%{transform:scale(1.15) rotate(15deg);opacity:.85}}.flip-hint-icon{animation:subtle-flip-pulse 3.5s ease-in-out infinite}@keyframes finger-tap-promo{0%,to{transform:translateY(0) scale(1);opacity:.95}50%{transform:translateY(-6px) scale(.8);opacity:.45}}.finger-tap-indicator{position:absolute;top:50px;right:14px;font-size:26px;pointer-events:none;z-index:20;animation:finger-tap-promo 1.4s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes bulb-glow-pulse{0%,to{box-shadow:0 0 8px #ffcc0040;transform:scale(1)}50%{box-shadow:0 0 16px #fc09;transform:scale(1.06)}}.bulb-glow-animate{animation:bulb-glow-pulse 2s infinite ease-in-out}@keyframes quiz-slide-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-question-container{display:flex;flex-direction:column;flex:1;justify-content:space-between;animation:quiz-slide-fade .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes indicator-pop{0%{opacity:0;transform:translateY(-50%) scale(.5)}50%{transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}.indicator-pop-animate{animation:indicator-pop .28s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes mascot-emoji-jump{0%{transform:scale(.7) translateY(0);opacity:0}30%{transform:scale(1.15) translateY(-16px);opacity:1}60%{transform:scale(.9) translateY(4px)}80%{transform:scale(1.05) translateY(-2px)}to{transform:scale(1) translateY(0);opacity:1}}.mascot-emoji-animate{display:inline-block;animation:mascot-emoji-jump .48s cubic-bezier(.25,.8,.25,1.25) forwards;transform-origin:bottom center}@keyframes feedback-slide-down{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-banner{padding:12px;border-radius:12px;font-size:16px;font-weight:800;text-align:center;margin:10px 0;animation:feedback-slide-down .25s cubic-bezier(.34,1.56,.64,1) forwards;transition:all .2s ease-in-out}.feedback-banner.correct{background:#10b98126;color:#34d399;border:1.5px solid rgba(16,185,129,.3)}.feedback-banner.incorrect{background:#ef444426;color:#f87171;border:1.5px solid rgba(239,68,68,.3)}.btn-disabled-blue{background:linear-gradient(to bottom,#8ab4f8,#6ba2f7)!important;box-shadow:0 4px #5085d6,0 6px 12px #00000026!important;color:#ffffffb3!important;cursor:not-allowed!important;opacity:.8;transform:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-smooth{display:inline-block;animation:spin 1s linear infinite}.onboarding-overlay-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;pointer-events:none}.onboarding-overlay-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.onboarding-overlay-mask-bg{fill:#081426c7;pointer-events:auto}.onboarding-spotlight-glow{position:fixed;border-radius:12px;border:3.5px solid #ffcc33;box-shadow:0 0 15px #fc3,inset 0 0 15px #fc3;pointer-events:none;z-index:9999;animation:onboarding-glow-pulse 1.8s infinite alternate ease-in-out;transition:all .3s cubic-bezier(.25,1,.5,1)}@keyframes onboarding-glow-pulse{0%{opacity:.7;box-shadow:0 0 8px #fc3,inset 0 0 8px #fc3}to{opacity:1;box-shadow:0 0 18px #fc3,inset 0 0 18px #fc3}}.onboarding-bubble{background:#fff;border-radius:20px;border:3.5px solid #2f80ed;box-shadow:0 12px 32px #00000040,0 2px 4px #00000014;padding:16px 20px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;pointer-events:auto;transition:all .3s cubic-bezier(.25,1,.5,1)}.onboarding-arrow{position:absolute;width:0;height:0;border-style:solid;pointer-events:none;z-index:10001;transition:all .3s cubic-bezier(.25,1,.5,1)}.onboarding-avatar-container{display:flex;justify-content:center;align-items:center}@keyframes onboarding-bounce-once{0%{transform:translateY(0) scale(1)}20%{transform:translateY(4px) scaleY(.85) scaleX(1.15)}50%{transform:translateY(-20px) scaleY(1.05) scaleX(.95)}80%{transform:translateY(2px) scaleY(.97) scaleX(1.03)}to{transform:translateY(0) scale(1)}}.onboarding-anim-bounce{animation:onboarding-bounce-once .65s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:bottom center}@keyframes onboarding-wobble-once{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}to{transform:scale(1)}}.onboarding-anim-wobble{animation:onboarding-wobble-once .75s ease-in-out forwards;transform-origin:bottom center}@keyframes onboarding-spin-once{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-15px) rotate(15deg)}70%{transform:translateY(2px) rotate(-5deg)}to{transform:translateY(0) rotate(0)}}.onboarding-anim-spin{animation:onboarding-spin-once .6s cubic-bezier(.25,1,.5,1) forwards;transform-origin:bottom center}@keyframes onboarding-pop-once{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.1);opacity:1}90%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.onboarding-anim-pop{animation:onboarding-pop-once .5s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:center center}.onboarding-nav-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:4px}.onboarding-nav-btn{width:44px;height:44px;border-radius:50%;background:#2f80ed;border:none;box-shadow:0 4px #1b5bb5,0 4px 8px #0003;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;outline:none;transition:transform .1s ease,box-shadow .1s ease}.onboarding-nav-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #1b5bb5,0 1px 4px #0003}.onboarding-nav-btn:disabled{background:#c3d8f5;box-shadow:0 4px #9cb5db;color:#8da1c4;cursor:not-allowed;opacity:.7}.onboarding-nav-step-indicator{font-family:Fredoka,sans-serif;font-size:18px;font-weight:900;color:#132c52;direction:ltr}.onboarding-finish-btn{background:linear-gradient(to bottom,#fc3,#f90);color:#132c52;border:none;border-radius:20px;padding:10px 24px;font-family:Fredoka,sans-serif;font-size:16px;font-weight:900;box-shadow:0 4px #cc7a00,0 6px 12px #00000040;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .1s ease,box-shadow .1s ease}.onboarding-finish-btn:active{transform:translateY(3px);box-shadow:0 1px #cc7a00,0 2px 4px #0003}.perfect-celebration-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#081425f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#fff;animation:fadeIn .4s ease-out forwards}.perfect-title-glow{font-family:Fredoka,sans-serif;font-size:50px;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3);margin:0;animation:bounce 1.8s infinite ease-in-out}.perfect-subtitle{font-size:18px;font-weight:800;color:#a4bada;margin:0;max-width:325px;line-height:1.4;text-align:center}.perfect-xp-box{background:#08142599;border:4px solid #ffaa00;border-radius:30px;padding:24px 32px;width:90%;max-width:360px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 40px #00000080,0 0 35px #ffaa0059;position:relative;overflow:hidden;box-sizing:border-box}.perfect-xp-number-container{display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:80px!important;font-weight:900!important;color:#fa0!important;gap:12px;text-shadow:0 0 25px rgba(255,170,0,.6);direction:ltr!important}.perfect-xp-number-container span{font-size:80px!important;font-weight:900!important;color:#fa0!important;text-shadow:0 0 25px rgba(255,170,0,.6);direction:ltr!important;display:inline-block}.perfect-xp-bonus-tag{color:#38ef7d;font-size:42px;animation:pulse-glow-perfect 1s infinite alternate ease-in-out}@keyframes pulse-glow-perfect{0%{transform:scale(1);text-shadow:0 0 10px rgba(56,239,125,.5)}to{transform:scale(1.1);text-shadow:0 0 25px rgba(56,239,125,.9)}}.perfect-xp-merged{animation:coin-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards;color:#fa0;text-shadow:0 0 20px rgba(255,170,0,.5)}.perfect-fireworks-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1}@keyframes firework-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(.3);opacity:0}}.firework-particle{position:absolute;width:8px;height:8px;border-radius:50%;animation:firework-burst 1.2s cubic-bezier(.1,.8,.25,1) forwards}@keyframes avatar-celebrate-jump{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(4px) scaleY(.85) scaleX(1.15)}50%{transform:translateY(-24px) scaleY(1.08) scaleX(.92)}80%{transform:translateY(2px) scaleY(.97) scaleX(1.03)}}.avatar-celebrate-jump{animation:avatar-celebrate-jump 1s infinite ease-in-out;transform-origin:bottom center;display:inline-block}