@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap");:root{--bg-color:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#10b981;--danger:#ef4444;--glass-bg:rgba(30,41,59,.7);--glass-border:hsla(0,0%,100%,.1);--card-shadow:0 8px 32px 0 rgba(0,0,0,.37);--font-family:"Outfit",sans-serif;--h1-size:3rem;--gap-sm:3rem}@media (max-width:768px){:root{--h1-size:1.85rem;--gap-sm:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body,html{width:100%;position:relative}body{font-family:var(--font-family);background:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.15),transparent 25%);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.no-scroll{overflow:hidden!important;height:100%!important;height:100dvh!important;width:100%!important;position:fixed!important;top:0;left:0;overscroll-behavior:none!important}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.gradient-text{background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#60a5fa}.mobile-compact-desc{font-size:.95rem;line-height:1.4}@media (max-width:768px){.mobile-compact-desc{font-size:.85rem;line-height:1.3}.compact-margin-top{margin-top:1rem!important}.compact-margin-bottom{margin-bottom:1rem!important}.desktop-only,.mobile-hide{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}.main-wrapper{padding-top:6rem;width:100%;flex:1 1;display:flex;flex-direction:column}@media (max-width:768px){.main-wrapper{padding-top:5rem}}.main-wrapper.game-header-active{padding-top:5rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem 2rem;width:100%}@media (max-width:768px){.container{padding:0 1rem 1.5rem}}.btn{padding:10px 20px;border-radius:8px;border:none;font-family:var(--font-family);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--glass-border);background:rgba(15,23,42,.6);color:var(--text-primary);font-family:var(--font-family);font-size:1rem}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0;height:60px;display:flex;align-items:center;justify-content:center;width:100%!important;max-width:none!important;border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:16px!important;border-bottom-right-radius:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1);border-top:none!important;border-left:none;border-right:none;background:rgba(15,23,42,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-container{justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav-col-left,.nav-container{display:flex;align-items:center}.nav-col-left{flex:0 0 210px;justify-content:flex-start}.nav-col-center{flex:1 1;justify-content:center;text-align:center}.nav-col-center,.nav-col-right{display:flex;align-items:center}.nav-col-right{flex:0 0 210px;justify-content:flex-end;gap:1rem}@media (max-width:768px){.nav-col-left,.nav-col-right{flex:1 1}.nav-col-center{flex:2 1}}.nav-user-stats{gap:.75rem}.nav-stat-item,.nav-user-stats{display:flex;align-items:center}.nav-stat-item{gap:.3rem;padding:.35rem .6rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s;white-space:nowrap}.nav-stat-item:hover{background:hsla(0,0%,100%,.1)}.nav-stat-icon{font-size:.9rem}.nav-stat-value{font-weight:800;font-size:.85rem;color:#f59e0b}@media (max-width:480px){.nav-stat-item{padding:.3rem .45rem;gap:.2rem}.nav-stat-value{font-size:.8rem}}.nav-title-link{text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:center}.nav-page-name{font-weight:800;font-size:1.1rem;letter-spacing:-.5px;white-space:nowrap}.nav-logo{gap:.75rem;z-index:102}.nav-links,.nav-logo{display:flex;align-items:center}.nav-links{gap:2rem}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:.95rem;padding:.5rem 1rem;border-radius:9999px;transition:all .2s ease}.nav-links a:hover{color:var(--text-primary);background:hsla(0,0%,100%,.08)}.nav-links a.active{color:#fff;background:var(--primary);box-shadow:0 4px 14px 0 rgba(59,130,246,.3)}.nav-streak{gap:1rem;margin-left:1rem}.nav-streak,.streak-badge{display:flex;align-items:center}.streak-badge{gap:.4rem;padding:.4rem .8rem;border-radius:99px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);transition:all .5s ease}.streak-icon{font-size:1.1rem;filter:drop-shadow(0 0 4px rgba(245,158,11,.4));transition:filter .5s ease}.streak-icon.is-pending{filter:grayscale(1) opacity(.5)}.streak-count{font-weight:800;font-size:1rem;color:#f59e0b}.streak-countdown{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.countdown-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.countdown-timer{font-size:.85rem;font-weight:600;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.streak-countdown.goal-met .countdown-label{color:var(--accent);font-weight:800;font-size:.75rem;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}.menu-toggle{display:none;background:transparent;color:var(--text-primary);font-size:1.8rem;z-index:102;padding:5px}.desktop-only{display:block}.mobile-only{display:none!important}.nav-default-content{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-game-header{display:none}@media (max-width:768px){.container{padding:1rem}.container.game-header-active{padding-top:3.75rem}.nav-game-mode{height:60px;display:flex;align-items:center}.nav-logo h2{font-size:1.1rem}.nav-logo img{width:32px;height:32px}.menu-toggle{display:block}.desktop-only{display:none!important}.mobile-only{display:block!important}.nav-streak{margin-left:auto;margin-right:.5rem;gap:.5rem}.streak-badge{padding:.2rem .5rem}.streak-icon{font-size:.9rem}.streak-count{font-size:.85rem}.countdown-timer{font-size:.7rem}.prefix-suffix-grid{grid-template-columns:1fr}}.nav-game-mode{border-radius:0 0 16px 16px!important;width:100%!important;top:0;padding:0 1.5rem;height:60px}.nav-game-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.nav-game-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:var(--text-primary);font-size:1.1rem;text-decoration:none;transition:all .2s;flex-shrink:0}.nav-game-back-text{width:auto;height:32px;padding:0 12px;border-radius:12px;font-size:.75rem;font-weight:800;letter-spacing:.05em;background:rgba(239,68,68,.15);color:var(--danger);border:1px solid rgba(239,68,68,.3)}.nav-game-back:hover{background:hsla(0,0%,100%,.15)}.nav-game-back-text:hover{background:rgba(239,68,68,.25);transform:none}.nav-game-title{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1 1;justify-content:center}.nav-game-emoji{font-size:1.1rem;flex-shrink:0}.nav-page-title{font-weight:800;font-size:1.1rem;letter-spacing:-.01em}.nav-game-name,.nav-page-title{color:var(--text-primary);white-space:nowrap}.nav-game-name{font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.nav-game-level{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:hsla(0,0%,100%,.06);padding:1px 6px;border-radius:4px;flex-shrink:0}.nav-game-stats{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-game-score{font-weight:800;font-size:1rem;color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:70px;text-align:right}.nav-game-progress{font-size:.8rem;font-weight:600;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav-hide-on-mobile{display:none!important}.menu-toggle{background:none;border:none;padding:.5rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav-overlay{position:fixed;inset:0;z-index:999;background:rgba(15,23,42,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.mobile-nav-overlay.open{transform:translateX(0);visibility:visible}.mobile-nav-header{display:flex;justify-content:flex-end;align-items:center;height:60px;padding:0 1.5rem}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem 1rem;flex:1 1}.mobile-nav-links a{text-decoration:none;font-size:1.5rem;font-weight:600;color:var(--text-secondary);transition:all .2s ease}.mobile-nav-links a.active,.mobile-nav-links a:hover{color:#fff}.menu-close-btn{background:transparent;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.prefix-suffix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.5rem;gap:.5rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;width:100%}@media (max-width:400px){.grid{grid-template-columns:1fr}}@keyframes rocketLaunch{0%{transform:translate(-50%,100vh) rotate(0deg);opacity:0}10%{opacity:1}40%{transform:translate(-50%,40vh) rotate(5deg)}60%{transform:translate(-50%,30vh) rotate(-5deg)}to{transform:translate(-50%,-100vh) rotate(0deg);opacity:1}}@keyframes rocketTrail{0%{height:0;opacity:0}50%{height:50px;opacity:.8}to{height:100px;opacity:0}}.rocket-container{position:fixed;bottom:0;z-index:9999;pointer-events:none;font-size:5rem;animation:rocketLaunch 5s cubic-bezier(.1,.7,.1,1) forwards}.rocket-container,.rocket-trail{left:50%;transform:translateX(-50%)}.rocket-trail{position:absolute;top:100%;width:10px;background:linear-gradient(180deg,#f59e0b,transparent);border-radius:5px;animation:rocketTrail .2s infinite}.celebration-overlay{position:fixed;inset:0;z-index:9998;background:radial-gradient(circle at center,rgba(59,130,246,.2),transparent 70%);pointer-events:none;animation:fadeIn .5s ease-out forwards}.streak-overlay-container{position:fixed;inset:0;z-index:10000;background:radial-gradient(circle at center,rgba(15,23,42,.9) 0,rgba(2,6,23,.98) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .5s ease;pointer-events:none}.streak-overlay-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,#fff,transparent),radial-gradient(1.5px 1.5px at 150px 150px,#fff,transparent),radial-gradient(1px 1px at 200px 80px,#fff,transparent),radial-gradient(1px 1px at 300px 250px,#fff,transparent),radial-gradient(1.5px 1.5px at 100px 400px,#fff,transparent);background-size:400px 400px;background-repeat:repeat;opacity:.3;z-index:-1}.streak-overlay-container.visible{opacity:1;pointer-events:auto}.streak-overlay-content{text-align:center;max-width:90%;transform:scale(.8);transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.streak-overlay-container.visible .streak-overlay-content{transform:scale(1)}.streak-svg-wrapper{margin-bottom:2rem;filter:drop-shadow(0 0 20px rgba(254,60,61,.4))}.streak-animation-svg{width:100%;height:auto;max-width:500px}.streak-text-container{color:#fff;animation:fadeIn .8s ease-out 1.5s forwards;opacity:0}.streak-count-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#ff4d4d,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.streak-subtitle{font-size:1.2rem;color:#94a3b8}@media (max-width:768px){.streak-count-title{font-size:2rem}.streak-subtitle{font-size:1rem}}@keyframes flame-glow{0%{box-shadow:0 0 10px rgba(245,158,11,.4),0 0 20px rgba(245,158,11,.2)}50%{box-shadow:0 0 20px rgba(245,158,11,.6),0 0 35px rgba(234,88,12,.4)}to{box-shadow:0 0 10px rgba(245,158,11,.4),0 0 20px rgba(245,158,11,.2)}}@keyframes flame-intense{0%{box-shadow:0 0 15px #ef4444,0 0 30px #f97316,0 0 45px #f59e0b;outline-color:#f97316}33%{box-shadow:0 0 20px #f97316,0 0 45px #f59e0b,0 0 60px #ef4444;outline-color:#ef4444}66%{box-shadow:0 0 18px #f59e0b,0 0 35px #ef4444,0 0 55px #f97316;outline-color:#f59e0b}to{box-shadow:0 0 15px #ef4444,0 0 30px #f97316,0 0 45px #f59e0b;outline-color:#f97316}}.flame-light{animation:flame-glow 2s ease-in-out infinite;border-color:rgba(245,158,11,.6)!important}.flame-hot{animation:flame-intense .8s infinite alternate;outline:2px solid transparent!important;outline-offset:-2px}@keyframes flame-blue{0%{box-shadow:0 0 15px #3b82f6,0 0 30px #2dd4bf,0 0 45px #60a5fa;outline-color:#2dd4bf}50%{box-shadow:0 0 25px #2dd4bf,0 0 50px #60a5fa,0 0 70px #3b82f6;outline-color:#3b82f6}to{box-shadow:0 0 15px #3b82f6,0 0 30px #2dd4bf,0 0 45px #60a5fa;outline-color:#2dd4bf}}@keyframes flame-purple{0%{box-shadow:0 0 15px #a855f7,0 0 30px #d946ef,0 0 45px #6366f1;outline-color:#d946ef}50%{box-shadow:0 0 25px #d946ef,0 0 50px #6366f1,0 0 75px #a855f7;outline-color:#a855f7}to{box-shadow:0 0 15px #a855f7,0 0 30px #d946ef,0 0 45px #6366f1;outline-color:#d946ef}}.flame-cold{animation:flame-blue .8s infinite alternate;outline:2px solid transparent!important;outline-offset:-2px}.flame-void{animation:flame-purple 1.2s ease-in-out infinite;outline:2.5px solid transparent!important;outline-offset:-2.5px}.nav-starry{border-color:rgba(96,165,250,.5)!important;overflow:hidden;transition:border-color .8s ease,box-shadow .8s ease!important;box-shadow:var(--card-shadow),0 0 18px rgba(96,165,250,.2)!important}.nav-starry:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 8% 25%,hsla(0,0%,100%,.95),transparent),radial-gradient(1.5px 1.5px at 18% 70%,hsla(0,0%,100%,.85),transparent),radial-gradient(1px 1px at 30% 15%,hsla(0,0%,100%,.9),transparent),radial-gradient(1px 1px at 42% 80%,hsla(0,0%,100%,.7),transparent),radial-gradient(1.5px 1.5px at 55% 35%,hsla(0,0%,100%,.95),transparent),radial-gradient(1px 1px at 65% 65%,hsla(0,0%,100%,.8),transparent),radial-gradient(1.5px 1.5px at 75% 20%,hsla(0,0%,100%,.9),transparent),radial-gradient(1px 1px at 85% 75%,hsla(0,0%,100%,.75),transparent),radial-gradient(1px 1px at 92% 45%,hsla(0,0%,100%,.85),transparent),radial-gradient(1.5px 1.5px at 50% 55%,hsla(0,0%,100%,.6),transparent);background-size:100% 100%;background-repeat:no-repeat;animation:navStarTwinkle 3.5s ease-in-out infinite alternate}@keyframes navStarTwinkle{0%{opacity:.3;transform:translateX(0)}33%{opacity:.7}66%{opacity:.45}to{opacity:.8;transform:translateX(4px)}}.nav-gold{border-color:rgba(245,158,11,.7)!important;overflow:hidden;transition:border-color .8s ease,box-shadow .8s ease!important;box-shadow:var(--card-shadow),0 0 20px rgba(245,158,11,.35),0 0 50px rgba(245,158,11,.15)!important;animation:navGoldPulse 3s ease-in-out infinite alternate}.nav-gold:before{background-image:radial-gradient(1.5px 1.5px at 8% 25%,rgba(255,215,0,.9),transparent),radial-gradient(1px 1px at 18% 70%,rgba(255,230,100,.8),transparent),radial-gradient(2px 2px at 30% 15%,rgba(255,215,0,.95),transparent),radial-gradient(1px 1px at 42% 80%,rgba(255,200,50,.7),transparent),radial-gradient(1.5px 1.5px at 55% 35%,rgba(255,215,0,.9),transparent),radial-gradient(1px 1px at 65% 65%,rgba(255,230,100,.85),transparent),radial-gradient(2px 2px at 75% 20%,gold,transparent),radial-gradient(1px 1px at 85% 75%,rgba(255,200,50,.75),transparent),radial-gradient(1.5px 1.5px at 92% 45%,rgba(255,215,0,.9),transparent),radial-gradient(1px 1px at 22% 50%,rgba(255,230,100,.65),transparent);background-size:100% 100%;background-repeat:no-repeat;animation:navGoldTwinkle 2.5s ease-in-out infinite alternate}.nav-gold:after,.nav-gold:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}.nav-gold:after{background:linear-gradient(105deg,transparent 30%,rgba(255,215,0,.18) 45%,rgba(255,235,130,.25) 50%,rgba(255,215,0,.18) 55%,transparent 70%);animation:navGoldSweep 3s ease-in-out infinite}@keyframes navGoldTwinkle{0%{opacity:.4;transform:scale(1)}40%{opacity:.9}70%{opacity:.55}to{opacity:1;transform:scale(1.02)}}@keyframes navGoldSweep{0%{transform:translateX(-120%)}60%{transform:translateX(120%)}to{transform:translateX(120%)}}@keyframes navGoldPulse{0%{box-shadow:var(--card-shadow),0 0 15px rgba(245,158,11,.3),0 0 40px rgba(245,158,11,.1)}to{box-shadow:var(--card-shadow),0 0 30px rgba(245,158,11,.5),0 0 70px rgba(245,158,11,.25)}}.mod-shake{animation:modShake .4s linear infinite!important;--mod-shake-intensity:2px}@keyframes modShake{0%{transform:translate(calc(var(--mod-shake-intensity) * -1))}25%{transform:translate(var(--mod-shake-intensity),calc(var(--mod-shake-intensity) * -1))}50%{transform:translate(calc(var(--mod-shake-intensity) * -1),var(--mod-shake-intensity))}75%{transform:translate(var(--mod-shake-intensity))}to{transform:translate(0)}}.mod-tiny,.mod-tiny .glass{font-size:.6rem!important}.mod-tiny h1,.mod-tiny h2,.mod-tiny h3{font-size:.8rem!important}.mod-tiny input{font-size:.6rem!important}.mod-invert{filter:invert(1) hue-rotate(180deg)!important}.mod-invert img,.mod-invert video{filter:invert(1) hue-rotate(180deg)}@keyframes floatUpAndFade{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-30px)}}@keyframes modCardEntrance{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}