:root{--bg-0:#150b30;--bg-1:#1e1044;--panel:#241456;--panel-2:#2c1968;--line:rgba(180,168,222,0.16);--mint:#00e5a0;--mint-dim:#00b381;--gold:#ffc93c;--pink:#ff4d8d;--sky:#4fb2ff;--violet:#b98cff;--text-hi:#f5f3ff;--text-mid:#cdc3ef;--text-dim:#8779c4;--font-display:"Baloo 2",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--r-sm:10px;--r-md:18px;--r-lg:28px;--shadow-block:0 6px 0 rgba(0,0,0,0.28);--app-max:520px;--pad-x:clamp(14px,4.5vw,22px);--nav-h:74px}*,:after,:before{box-sizing:border-box}body,html{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100svh;background:radial-gradient(circle at 15% 8%,rgba(0,229,160,.1),transparent 40%),radial-gradient(circle at 85% 92%,rgba(255,77,141,.12),transparent 45%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 60%,#170a38);background-attachment:fixed;color:var(--text-hi);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}.display,h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:.2px}.mono{font-family:var(--font-mono)}button{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--mint);color:#0b1a17}.navbtn:focus-visible,.opt:focus-visible,.tile:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{max-width:var(--app-max);margin:0 auto;min-height:100svh;position:relative;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px) + 14px)}.app.no-nav{padding-bottom:env(safe-area-inset-bottom,0)}.page{padding:0 var(--pad-x) 26px}.page.flush{padding:0}.fade-in{animation:fadeSlideIn .45s cubic-bezier(.2,.8,.2,1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.topbar{gap:12px;padding:16px 0 10px;position:-webkit-sticky;position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--bg-0) 60%,rgba(21,11,48,0))}.back-btn,.topbar{display:flex;align-items:center}.back-btn{width:44px;height:44px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:var(--text-hi);font-size:20px;cursor:pointer;justify-content:center;box-shadow:var(--shadow-block);transition:transform .15s ease;text-decoration:none}.back-btn:active{transform:translateY(3px);box-shadow:none}.topbar h2{margin:0;font-size:clamp(19px,5.5vw,22px)}.coin-pill{margin-left:auto;display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);padding:8px 14px;border-radius:999px;font-family:var(--font-mono);font-weight:700;box-shadow:var(--shadow-block)}.coin-dot{width:16px;height:16px;border-radius:5px;background:linear-gradient(145deg,var(--gold),#e08e00);display:inline-block;box-shadow:0 0 0 2px rgba(255,201,60,.25)}.coin-bump{animation:coinBump .4s ease}@keyframes coinBump{0%{transform:scale(1);color:var(--gold)}40%{transform:scale(1.35);color:#fff}to{transform:scale(1)}}.voxel-mascot{position:relative;width:120px;height:130px;margin:0 auto}.voxel-mascot .cube{position:absolute;border-radius:6px;background:linear-gradient(150deg,var(--mint),var(--mint-dim));box-shadow:inset -4px -6px 0 rgba(0,0,0,.18),inset 3px 3px 0 rgba(255,255,255,.25)}.voxel-mascot .head{width:64px;height:56px;left:28px;top:0}.voxel-mascot .eye{position:absolute;width:9px;height:14px;background:#0d1f1a;border-radius:3px;top:20px}.voxel-mascot .eye.l{left:40px}.voxel-mascot .eye.r{left:63px}.voxel-mascot .torso{width:78px;height:48px;left:21px;top:52px;background:linear-gradient(150deg,var(--pink),#c72965)}.voxel-mascot .arm{width:20px;height:40px;top:56px;background:linear-gradient(150deg,var(--gold),#cf8f00)}.voxel-mascot .arm.l{left:2px;transform-origin:top center;animation:armWave 2.4s ease-in-out infinite}.voxel-mascot .arm.r{right:2px}.voxel-mascot .leg{width:22px;height:34px;top:98px;background:linear-gradient(150deg,var(--sky),#1f7fce)}.voxel-mascot .leg.l{left:26px}.voxel-mascot .leg.r{left:72px}@keyframes armWave{0%,to{transform:rotate(0deg)}50%{transform:rotate(-24deg)}}.mascot-float{animation:float 3.4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ad-top{margin:0 auto;padding:12px var(--pad-x) 4px;max-width:var(--app-max);position:relative}.ad-top-inner{position:relative;border:1px dashed var(--line);border-radius:16px;background:var(--panel);min-height:100px;max-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;text-align:center;color:var(--text-dim);font-size:12.5px;padding:18px 12px;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.025) 12px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 24px)}.ad-banner .ad-label,.ad-banner-lg .ad-label,.ad-top .ad-label{position:absolute;top:-9px;left:16px;background:var(--bg-1);padding:1px 8px;font-family:var(--font-mono);font-size:9px;letter-spacing:1.4px;color:var(--text-dim);text-transform:uppercase;border-radius:6px;border:1px solid var(--line);z-index:2}.ad-dim{font-size:9.5px;color:var(--text-dim);opacity:.7}.ad-banner{margin:20px 0;border:1px dashed var(--line);border-radius:14px;background:var(--panel);padding:14px 10px 10px;position:relative}.ad-banner-inner{min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-dim);font-size:12px;border-radius:10px;gap:4px;flex-direction:column;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.025) 10px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 20px)}.ad-banner-lg{margin:20px auto;border:1px dashed var(--line);border-radius:16px;background:var(--panel);padding:14px 10px 10px;position:relative;width:100%;max-width:400px}.ad-banner-lg-inner{aspect-ratio:1/1;max-height:400px;text-align:center;color:var(--text-dim);font-size:13px;border-radius:12px;gap:6px;flex-direction:column;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.025) 12px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 24px)}.ad-banner-lg-inner,.ad-reward-btn{width:100%;display:flex;align-items:center;justify-content:center}.ad-reward-btn{gap:8px;background:linear-gradient(180deg,#3a1c74,#2c1968);border:1px solid var(--line);color:var(--text-hi);font-family:var(--font-display);font-weight:700;font-size:14.5px;padding:14px 16px;border-radius:14px;cursor:pointer;margin-top:12px;box-shadow:var(--shadow-block);transition:transform .12s ease,box-shadow .12s ease}.ad-reward-btn:active{transform:translateY(3px);box-shadow:none}.ad-reward-btn .badge-count{font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim);font-weight:500}.ad-reward-btn:disabled{opacity:.4;cursor:not-allowed}.ad-modal-label{font-family:var(--font-mono);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.ad-video-mock{height:160px;border-radius:16px;margin:4px 0 18px;position:relative;overflow:hidden;background:linear-gradient(120deg,#1c2f7a,#3a1c74,#17235e,#1c2f7a);background-size:300% 300%;animation:adGradient 3.2s ease infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}@keyframes adGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ad-play-ic{font-size:28px;opacity:.9}.ad-progress-wrap{width:78%;height:6px;background:rgba(255,255,255,.22);border-radius:999px;overflow:hidden}.ad-progress-bar{height:100%;width:0;background:var(--mint)}.ad-timer{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.9)}.hero{position:relative;padding:34px var(--pad-x) 30px;text-align:center;overflow:hidden;min-height:78svh;display:flex;flex-direction:column;align-items:center;justify-content:center}.bg-cubes{position:absolute;inset:0;z-index:0;pointer-events:none}.bg-cubes span{position:absolute;display:block;border-radius:8px;opacity:.5;animation:drift 9s ease-in-out infinite}.eyebrow{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);color:var(--mint);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:8px 14px;border-radius:999px;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--mint);box-shadow:0 0 10px var(--mint);animation:blink 1.8s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-mascot-wrap{position:relative;z-index:2;margin:20px 0 6px}.hero-mascot-wrap .voxel-mascot{transform:scale(1.3)}.hero h1{position:relative;z-index:2;font-size:clamp(32px,9vw,46px);line-height:1.05;margin:16px 0 10px}.hero h1 .accent{color:var(--mint)}.hero p.lede{color:var(--text-mid);font-size:clamp(14px,4vw,16px);line-height:1.55;max-width:360px;margin:0 auto 24px}.hero p.lede,.stat-row{position:relative;z-index:2}.stat-row{display:flex;gap:10px;justify-content:center;margin-bottom:28px;flex-wrap:wrap}.stat-chip{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 16px;min-width:92px;box-shadow:var(--shadow-block)}.stat-chip b{display:block;font-family:var(--font-mono);font-size:19px;color:var(--gold)}.stat-chip span{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.cta-btn{position:relative;z-index:2;border:none;cursor:pointer;display:inline-block;text-align:center;background:linear-gradient(180deg,var(--mint),var(--mint-dim));color:#06241d;font-family:var(--font-display);font-weight:700;font-size:19px;padding:18px 46px;border-radius:18px;box-shadow:0 7px 0 #007a55,0 14px 30px rgba(0,229,160,.28);transition:transform .12s ease,box-shadow .12s ease;animation:pulseGlow 2.6s ease-in-out infinite}.cta-btn:active{transform:translateY(6px);box-shadow:0 1px 0 #007a55}.cta-btn:disabled{opacity:.5;cursor:not-allowed;animation:none}@keyframes pulseGlow{0%,to{box-shadow:0 7px 0 #007a55,0 14px 30px rgba(0,229,160,.28)}50%{box-shadow:0 7px 0 #007a55,0 14px 44px rgba(0,229,160,.55)}}.hero-foot{position:relative;z-index:2;margin-top:16px;color:var(--text-dim);font-size:12.5px}@keyframes drift{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-22px) rotate(12deg)}}.onboard{min-height:100svh;display:flex;flex-direction:column}.onboard-viewport{flex:1 1;overflow:hidden;display:flex;align-items:center}.onboard-track{display:flex;width:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.onboard-slide{flex:0 0 100%;text-align:center;padding:10px clamp(20px,8vw,30px)}.onboard-ic{width:104px;height:104px;margin:0 auto 26px;border-radius:32px;display:flex;align-items:center;justify-content:center;font-size:46px;box-shadow:inset 0 -6px 0 rgba(0,0,0,.2),var(--shadow-block);animation:onboardPop .6s cubic-bezier(.3,1.4,.4,1)}@keyframes onboardPop{0%{transform:scale(.4) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.onboard-slide h2{font-size:clamp(22px,6.5vw,25px);margin:0 0 12px}.onboard-slide p{color:var(--text-mid);font-size:clamp(13.5px,4vw,14.5px);line-height:1.6;max-width:320px;margin:0 auto}.onboard-dots{display:flex;justify-content:center;gap:8px;padding:24px 0 4px}.onboard-dot{width:8px;height:8px;border-radius:999px;background:var(--panel-2);transition:all .3s ease}.onboard-dot.active{width:26px;background:var(--mint)}.onboard-actions{display:flex;justify-content:center;padding:20px var(--pad-x) calc(env(safe-area-inset-bottom,0px) + 16px)}.onboard-actions .cta-btn{width:100%;max-width:320px}.hub-head{padding:18px 0 6px;display:flex;align-items:center;justify-content:space-between;gap:12px}.hub-head .greet{color:var(--text-dim);font-size:13px;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono)}.hub-head h1{margin:4px 0 2px;font-size:clamp(24px,7vw,28px)}.hub-mascot-mini{width:52px;height:56px;flex:0 0 auto}.hub-mascot-mini .voxel-mascot{transform:scale(.44) translateY(-38px)}.hub-stats{display:flex;gap:10px;margin:16px 0 4px}.hub-stat{flex:1 1;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;text-align:center;box-shadow:var(--shadow-block);transition:transform .15s ease}.hub-stat b{display:block;font-family:var(--font-mono);font-size:20px}.hub-stat.coins b{color:var(--gold)}.hub-stat.streak b{color:var(--pink)}.hub-stat.level b{color:var(--sky)}.hub-stat span{font-size:10.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.flame-ic{display:inline-block;animation:flicker 1.4s ease-in-out infinite}@keyframes flicker{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(-4deg)}}.section-label{display:flex;align-items:center;gap:10px;margin:22px 2px 2px;font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}.section-label:after{content:"";flex:1 1;height:1px;background:var(--line)}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}.tile{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 16px 16px;text-align:left;cursor:pointer;color:var(--text-hi);box-shadow:var(--shadow-block);overflow:hidden;display:block;opacity:0;transform:translateY(16px);animation:tileIn .5s cubic-bezier(.2,.8,.2,1) forwards;transition:transform .15s ease,box-shadow .15s ease}.tile:active{transform:translateY(4px) scale(.98)!important;box-shadow:none!important}@keyframes tileIn{to{opacity:1;transform:translateY(0)}}.tile .ic{position:relative;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18);transition:transform .2s cubic-bezier(.3,1.4,.4,1);overflow:hidden}.tile .ic:after{content:"";position:absolute;top:-30%;left:-30%;width:60%;height:60%;background:rgba(255,255,255,.35);border-radius:50%;filter:blur(6px)}.tile:active .ic{transform:scale(1.12) rotate(-6deg)}.tile h3{margin:0 0 4px;font-size:16.5px}.tile p{margin:0;font-size:12.5px;color:var(--text-mid);line-height:1.4}.tile .tag{position:absolute;top:14px;right:14px;font-family:var(--font-mono);font-size:10px;padding:4px 8px;border-radius:999px;font-weight:700;letter-spacing:.4px}.tile .dot-notify{position:absolute;top:13px;right:14px;width:11px;height:11px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 3px rgba(255,77,141,.25);animation:notifyPulse 1.5s ease-in-out infinite}@keyframes notifyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.tile.wheel{background:linear-gradient(155deg,#2c1968,#3a1c74)}.tile.wheel .ic{background:linear-gradient(150deg,var(--gold),#cf8f00)}.tile.quiz{background:linear-gradient(155deg,#17235e,#1c2f7a)}.tile.quiz .ic{background:linear-gradient(150deg,var(--sky),#1f7fce)}.tile.rewards{background:linear-gradient(155deg,#241456,#2c1968)}.tile.rewards .ic{background:linear-gradient(150deg,var(--pink),#c72965)}.tile.scratch{background:linear-gradient(155deg,#17235e,#1c2f7a)}.tile.scratch .ic{background:linear-gradient(150deg,var(--violet),#7a49d6)}.tag.hot{background:rgba(255,77,141,.18);color:var(--pink)}.tag.new{background:rgba(0,229,160,.18);color:var(--mint)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:var(--app-max);margin:0 auto;background:rgba(30,16,68,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 4px calc(12px + env(safe-area-inset-bottom, 0px))}.navbtn{background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-family:var(--font-body);font-weight:600;padding:6px 10px;border-radius:12px;transition:color .15s ease,transform .15s ease;text-decoration:none;min-width:56px}.navbtn .navic{font-size:19px;transition:transform .2s cubic-bezier(.3,1.4,.4,1)}.navbtn.active{color:var(--mint);transform:translateY(-2px)}.navbtn.active .navic{transform:scale(1.2)}.progress-wrap{background:var(--panel);border-radius:999px;height:12px;overflow:hidden;border:1px solid var(--line)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--mint),var(--sky));width:0;transition:width .5s ease;border-radius:999px}.q-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);margin:8px 0 20px}.q-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 18px;box-shadow:var(--shadow-block)}.q-card h3{font-size:clamp(17px,5vw,19px);margin:0 0 18px;line-height:1.35}.opt{gap:12px;width:100%;background:var(--bg-1);border:1px solid var(--line);color:var(--text-hi);padding:15px 16px;border-radius:14px;margin-bottom:10px;text-align:left;font-size:14.5px;cursor:pointer;transition:all .15s ease}.opt,.opt .k{display:flex;align-items:center}.opt .k{width:26px;height:26px;border-radius:8px;background:var(--panel-2);justify-content:center;font-family:var(--font-mono);font-size:12px;flex:0 0 auto}.opt:hover{border-color:var(--sky)}.opt.correct{background:rgba(0,229,160,.16);border-color:var(--mint);animation:pop .3s ease}.opt.wrong{background:rgba(255,77,141,.16);border-color:var(--pink);animation:shake .4s ease}.opt.disabled{pointer-events:none;opacity:.7}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.quiz-result{text-align:center;padding:20px 6px}.result-ring{width:150px;height:150px;margin:10px auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:conic-gradient(var(--mint) calc(var(--pct) * 1%),var(--panel) 0);animation:ringIn 1s ease}@keyframes ringIn{0%{filter:brightness(.4);transform:scale(.8)}to{filter:brightness(1);transform:scale(1)}}.result-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--bg-1)}.result-ring b{position:relative;font-family:var(--font-mono);font-size:30px;z-index:2}.reward-line{justify-content:center;gap:8px;font-family:var(--font-mono);color:var(--gold);font-size:18px;margin:14px 0 22px}.reward-line,.wheel-stage{display:flex;align-items:center}.wheel-stage{flex-direction:column;padding:10px 0 6px}.wheel-wrap{position:relative;width:min(300px,80vw);height:min(300px,80vw);margin:16px auto 26px}.wheel-pointer{position:absolute;top:-8px;left:50%;transform:translateX(-50%);z-index:6;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:24px solid var(--gold);filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.wheel{width:100%;height:100%;border-radius:50%;border:8px solid var(--panel-2);box-shadow:0 0 0 4px var(--bg-1),var(--shadow-block),0 20px 40px rgba(0,0,0,.35);position:relative;overflow:hidden;transition:transform 4.2s cubic-bezier(.11,.86,.15,1)}.wheel-spoke{position:absolute;left:50%;bottom:50%;width:2px;height:50%;transform-origin:bottom center;background:rgba(13,10,36,.3);z-index:2;pointer-events:none}.wheel-center{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px;background:linear-gradient(150deg,var(--gold),#cf8f00);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:5;box-shadow:0 0 0 5px var(--bg-1)}.seg-anchor{inset:0;z-index:3}.seg-anchor,.wheel-seg-label{position:absolute;pointer-events:none}.wheel-seg-label{top:15%;left:50%;display:flex;flex-direction:column;align-items:center;gap:1px;font-family:var(--font-mono);font-weight:800;color:#0d0a24;text-align:center;white-space:nowrap;transform-origin:center center;text-shadow:0 1px 0 rgba(255,255,255,.35)}.wheel-seg-label .seg-amt{font-size:15px;line-height:1}.wheel-seg-label .seg-sub{font-size:9px;line-height:1;opacity:.85;letter-spacing:.4px}.wheel-seg-label.is-word .seg-amt{font-size:12px;letter-spacing:.3px}.spin-btn{border:none;cursor:pointer;background:linear-gradient(180deg,var(--gold),#cf8f00);color:#2b1900;font-family:var(--font-display);font-weight:700;font-size:17px;padding:16px 42px;border-radius:16px;box-shadow:0 6px 0 #8a5c00;transition:transform .12s ease,box-shadow .12s ease}.spin-btn:active{transform:translateY(5px);box-shadow:0 1px 0 #8a5c00}.spin-btn:disabled{opacity:.45;cursor:not-allowed}.wheel-note{margin-top:16px;color:var(--text-dim);font-size:12.5px;text-align:center}.wheel-note b{color:var(--text-mid)}.confetti-piece{position:fixed;top:-10px;width:8px;height:14px;z-index:60;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:.3}}.modal-back{position:fixed;inset:0;background:rgba(10,5,26,.72);z-index:50;display:none;align-items:center;justify-content:center;padding:24px}.modal-back.show{display:flex;animation:fadeSlideIn .25s ease}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;text-align:center;max-width:340px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:pop .4s ease}.modal-card .big-ic{font-size:52px;margin-bottom:10px;animation:onboardPop .5s cubic-bezier(.3,1.4,.4,1)}.modal-card h3{margin:0 0 6px;font-size:22px}.modal-card p{color:var(--text-mid);font-size:13.5px;margin:0 0 20px}.modal-btn{border:none;cursor:pointer;width:100%;padding:14px;border-radius:14px;background:linear-gradient(180deg,var(--mint),var(--mint-dim));color:#06241d;font-family:var(--font-display);font-weight:700;font-size:16px;box-shadow:0 5px 0 #007a55}.modal-btn:active{transform:translateY(4px);box-shadow:none}.streak-banner{text-align:center;background:linear-gradient(155deg,#2c1968,#3a1c74);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 16px;margin-bottom:20px;box-shadow:var(--shadow-block)}.streak-banner .flame-big{font-size:40px;display:block;margin-bottom:6px;animation:flicker 1.4s ease-in-out infinite}.streak-banner h2{margin:0 0 4px;font-size:22px}.streak-banner p{margin:0;color:var(--text-mid);font-size:13px}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:20px}.day-cell{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 6px;text-align:center;opacity:0;transform:scale(.8);animation:dayPop .4s cubic-bezier(.3,1.4,.4,1) forwards}@keyframes dayPop{to{opacity:1;transform:scale(1)}}.day-cell .d-label{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-transform:uppercase}.day-cell .d-ic{font-size:20px;margin:6px 0 4px}.day-cell .d-amt{font-family:var(--font-mono);font-size:12px;color:var(--gold);font-weight:700}.day-cell.today{border-color:var(--mint);box-shadow:0 0 0 2px rgba(0,229,160,.3),var(--shadow-block)}.day-cell.past{opacity:.55}.day-cell.future{opacity:.35}.claim-btn{display:block;width:100%;border:none;cursor:pointer;background:linear-gradient(180deg,var(--mint),var(--mint-dim));color:#06241d;font-family:var(--font-display);font-weight:700;font-size:17px;padding:16px;border-radius:16px;box-shadow:0 6px 0 #007a55;transition:transform .12s ease,box-shadow .12s ease}.claim-btn:active{transform:translateY(5px);box-shadow:0 1px 0 #007a55}.claim-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--panel-2);color:var(--text-dim);box-shadow:none}.scratch-intro{text-align:center;color:var(--text-mid);font-size:13.5px;margin-bottom:6px}.scratch-wrap{position:relative;width:min(280px,78vw);height:min(280px,78vw);margin:22px auto;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-block);animation:scratchIn .5s cubic-bezier(.2,.8,.2,1)}@keyframes scratchIn{0%{transform:scale(.85) rotate(-3deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.scratch-prize{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#1c2f7a,#3a1c74);font-family:var(--font-display);gap:8px}.scratch-prize .sp-ic{font-size:44px}.scratch-prize .sp-amt{font-size:26px;color:var(--gold)}.scratch-canvas{position:absolute;inset:0;touch-action:none;cursor:pointer;width:100%;height:100%}.scratch-hint{text-align:center;color:var(--text-dim);font-size:12px;margin-top:-8px;margin-bottom:18px}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 22px);transform:translateX(-50%) translateY(20px);background:var(--panel);border:1px solid var(--mint);color:var(--text-hi);padding:12px 20px;border-radius:14px;font-size:13.5px;font-weight:600;z-index:70;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:88%;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:360px){.grid{gap:10px}.tile{padding:14px 12px}.stat-chip{min-width:82px;padding:10px 12px}.hero-mascot-wrap .voxel-mascot{transform:scale(1.15)}}:root{--ink-0:#0a0d1c;--ink-1:#0b0c15;--ink-2:#101119;--ink-3:#14151d;--ink-4:#191b25;--hair:rgba(255,255,255,0.06)}body{background:radial-gradient(circle at 12% 6%,rgba(79,178,255,.07),transparent 42%),radial-gradient(circle at 88% 96%,rgba(255,77,141,.07),transparent 45%),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjAiIGhlaWdodD0iMjIwIiB2aWV3Qm94PSIwIDAgMjIwIDIyMCI+PGcgZmlsbD0iIzkzYTZkOCIgZmlsbC1vcGFjaXR5PSIwLjA0NSIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI3MDAiPjx0ZXh0IHg9IjIyIiB5PSI0OCIgZm9udC1zaXplPSIzMCI+JiM5ODI5OzwvdGV4dD48dGV4dCB4PSIxNTAiIHk9IjQyIiBmb250LXNpemU9IjM0Ij4/PC90ZXh0Pjx0ZXh0IHg9Ijk0IiB5PSIxMjIiIGZvbnQtc2l6ZT0iMjYiPiYjMTAwMjI7PC90ZXh0Pjx0ZXh0IHg9IjE3OCIgeT0iMTUwIiBmb250LXNpemU9IjI2Ij4mIzEwMDEwOzwvdGV4dD48dGV4dCB4PSIyOCIgeT0iMTcyIiBmb250LXNpemU9IjMwIj4mIzk2NzA7PC90ZXh0Pjx0ZXh0IHg9IjEyMCIgeT0iMjAwIiBmb250LXNpemU9IjMwIj4mIzk3MzM7PC90ZXh0PjwvZz48ZyBzdHJva2U9IiM5M2E2ZDgiIHN0cm9rZS1vcGFjaXR5PSIwLjA1IiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTUwIDk2IGwyNiAyNiBNNzIgMTA4IGwxMCAtMTAgTTY0IDExNiBsMTAgMTAiLz48cGF0aCBkPSJNMTUwIDk4IGEyMCAyMCAwIDAgMSAwIDQwIi8+PC9nPjwvc3ZnPgo=") repeat,var(--ink-0);background-attachment:fixed,fixed,fixed,fixed}.app{background:linear-gradient(180deg,var(--ink-1),#090a11);box-shadow:0 0 60px rgba(0,0,0,.5)}.hubx-top{justify-content:space-between;padding:18px var(--pad-x) 6px}.hubx-hi,.hubx-top{display:flex;align-items:center}.hubx-hi{gap:11px}.hubx-av{width:42px;height:42px;border-radius:13px;flex:none;display:grid;place-items:center;font-size:22px;background:radial-gradient(circle at 45% 35%,#2a3350,#151a2c);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 10px -4px #000}.hubx-hi b{font-family:var(--font-display);font-size:16px;display:block;line-height:1.1}.hubx-hi span{font-size:12px;color:var(--text-dim)}.coin-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-weight:700;background:var(--ink-3);border:1px solid var(--hair);color:var(--gold);padding:8px 13px;border-radius:999px;font-size:15px}.coinico{width:16px;height:16px;border-radius:50%;display:inline-block;flex:none;background:radial-gradient(circle at 40% 32%,#ffe79a,#f5a623 70%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4),inset 0 -3px 4px rgba(150,80,0,.5)}.coinico.sm{width:14px;height:14px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;padding:12px var(--pad-x) 4px}.feature-card{--accent:#4fb2ff;--glow:rgba(79,178,255,.30);position:relative;border-radius:20px;padding:16px 12px;background:var(--ink-2);border:1.5px solid var(--accent);display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;overflow:hidden;cursor:pointer;width:100%;transition:transform .14s ease,box-shadow .25s ease,border-color .2s;-webkit-tap-highlight-color:transparent}.feature-card:before{background:radial-gradient(120% 80% at 78% 108%,var(--glow),transparent 62%);opacity:.9}.feature-card:after,.feature-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.feature-card:after{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.feature-card:hover{box-shadow:0 0 26px -6px var(--glow)}.feature-card:active{transform:scale(.966)}.fc-icon{width:88px;height:88px;border-radius:20px;display:grid;place-items:center;font-size:44px;position:relative;z-index:1;background:radial-gradient(circle at 50% 42%,var(--glow),transparent 68%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.25));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -10px 18px rgba(0,0,0,.4)}.fc-icon span{filter:drop-shadow(0 6px 8px rgba(0,0,0,.55));line-height:1}.fc-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff;z-index:1}.fc-sub{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-dim);z-index:1;margin-top:-3px}.fc-sub b{color:var(--text-mid);font-weight:600}.list-heading{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-weight:700;padding:20px var(--pad-x) 0;margin:0}.list-section{display:flex;flex-direction:column;gap:12px;padding:12px var(--pad-x) 4px}.list-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 15px;background:var(--ink-3);border:1px solid var(--hair);border-radius:16px;cursor:pointer;color:inherit;transition:background .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.list-row:hover{background:var(--ink-4)}.list-row:active{transform:scale(.99)}.lr-icon{width:46px;height:46px;display:grid;place-items:center;flex:none;font-weight:800;font-family:var(--font-display);font-size:20px;color:#fff;border-radius:13px}.lr-icon.rbx{-webkit-clip-path:polygon(50% 2%,94% 26%,94% 74%,50% 98%,6% 74%,6% 26%);clip-path:polygon(50% 2%,94% 26%,94% 74%,50% 98%,6% 74%,6% 26%);background:linear-gradient(160deg,#49a6ff,#1f5fd0);box-shadow:inset 0 2px 4px rgba(255,255,255,.35),0 5px 12px -4px rgba(31,95,208,.7)}.lr-icon.cash{border-radius:50%;color:#7a4a00;background:radial-gradient(circle at 40% 32%,#ffe79a,#f4a623 72%);box-shadow:inset 0 2px 4px rgba(255,255,255,.5),inset 0 -4px 6px rgba(150,80,0,.45),0 5px 12px -4px rgba(244,166,35,.6)}.lr-text{flex:1 1;min-width:0}.lr-title{font-family:var(--font-display);font-weight:700;font-size:15.5px;color:#fff}.lr-sub{font-size:12.5px;display:flex;align-items:center;gap:6px}.lr-chev,.lr-sub{color:var(--text-dim)}.lr-chev{font-size:20px;flex:none;line-height:1}.meme-card{background:var(--ink-3);border:1px solid var(--hair);border-radius:18px;overflow:hidden;margin-bottom:16px}.meme-img{position:relative;aspect-ratio:1/1;display:grid;place-items:center;text-align:center;padding:16px}.meme-emoji{font-size:96px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}.meme-text{position:absolute;left:0;right:0;padding:0 14px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;color:#fff;line-height:1.05;font-size:clamp(20px,6.4vw,28px);-webkit-text-stroke:2px #0a0a0a;paint-order:stroke fill;text-shadow:0 2px 6px rgba(0,0,0,.5)}.meme-top{top:14px}.meme-bottom{bottom:14px}.meme-foot{display:flex;align-items:center;gap:8px;padding:11px 14px}.meme-btn{display:inline-flex;align-items:center;gap:7px;background:var(--ink-2);border:1px solid var(--hair);color:var(--text-mid);font-weight:700;font-size:13px;padding:8px 13px;border-radius:999px;cursor:pointer;transition:transform .1s,background .15s}.meme-btn:active{transform:scale(.94)}.meme-btn.liked{color:var(--pink);border-color:rgba(255,77,141,.4);background:rgba(255,77,141,.08)}.meme-btn .lk{font-size:15px}.meme-spacer{flex:1 1}.meme-tag{font-size:11px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.cv-card{background:var(--ink-3);border:1px solid var(--hair);border-radius:20px;padding:18px 16px;margin-top:6px}.cv-field{background:var(--ink-1);border:1px solid var(--hair);border-radius:15px;padding:13px 15px;display:flex;align-items:center;gap:12px}.cv-field .cv-cur{display:inline-flex;align-items:center;gap:9px;flex:none;font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff}.cv-badge{width:36px;height:36px;display:grid;place-items:center;flex:none;font-weight:800;font-size:16px;color:#fff;border-radius:11px}.cv-badge.rbx{-webkit-clip-path:polygon(50% 2%,94% 26%,94% 74%,50% 98%,6% 74%,6% 26%);clip-path:polygon(50% 2%,94% 26%,94% 74%,50% 98%,6% 74%,6% 26%);background:linear-gradient(160deg,#49a6ff,#1f5fd0)}.cv-badge.cash{border-radius:50%;color:#7a4a00;background:radial-gradient(circle at 40% 32%,#ffe79a,#f4a623 72%)}.cv-input{min-width:0;background:transparent;border:0;color:#fff;outline:none;width:100%}.cv-input,.cv-out{flex:1 1;text-align:right;font-family:var(--font-mono);font-weight:700;font-size:22px}.cv-out{color:var(--mint)}.cv-swap{display:grid;place-items:center;margin:10px auto;width:40px;height:40px;border-radius:12px;background:var(--ink-2);border:1px solid var(--hair);color:var(--sky);font-size:18px;cursor:pointer;transition:transform .2s}.cv-swap:active{transform:rotate(180deg) scale(.9)}.cv-rate{font-size:13px;margin:12px 0 2px}.cv-note,.cv-rate{text-align:center;color:var(--text-dim)}.cv-note{font-size:11.5px;margin:14px 4px 0;line-height:1.5}.cv-btn{width:100%;margin-top:16px;border:0;cursor:pointer;border-radius:15px;padding:15px;font-family:var(--font-display);font-weight:700;font-size:16px;color:#08120f;background:linear-gradient(180deg,var(--mint),var(--mint-dim));box-shadow:0 8px 20px -8px rgba(0,229,160,.6);transition:transform .1s}.cv-btn:active{transform:translateY(2px)}.cv-quick{display:flex;gap:9px;margin-top:12px}.cv-quick button{flex:1 1;background:var(--ink-2);border:1px solid var(--hair);color:var(--text-mid);border-radius:11px;padding:9px 0;font-weight:700;font-size:13px;cursor:pointer;font-family:var(--font-mono)}.cv-quick button:active{transform:scale(.96)}.ad-unit{position:relative;width:100%;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:var(--ink-2,#101119);border:1px solid var(--hair,rgba(255,255,255,.06))}.ad-unit .adsbygoogle{display:block;width:100%}.ad-unit-label{position:absolute;top:6px;left:11px;z-index:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);opacity:.55;pointer-events:none}