@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root,[data-theme=dark]{--color-primary:#d97706;--color-secondary:#f59e0b;--color-accent:#7c3aed;--bg:#030404;--shell-bg:#080909;--surface:#111212;--surface-2:#191a1a;--text:#f4f4f2;--text-strong:#f7f7f5;--muted:#6f7074;--muted-2:#7e7f83;--border:#202121;--nav-bg:#121313eb;--ambient-gold:#ffc40012;--font-display:"Space Grotesk", "Manrope", sans-serif;--font-ui:"Manrope", "SF Pro Rounded", "Segoe UI", sans-serif;--motion-fast:.15s;--motion-base:.22s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f3efe6;--shell-bg:#f7f3ea;--surface:#fff;--surface-2:#fffdf8;--text:#1c1914;--text-strong:#12100c;--muted:#6d675c;--muted-2:#7a7468;--border:#e5dece;--nav-bg:#fffcf6f0;--ambient-gold:#d977061f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{font-family:var(--font-ui);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}body{overscroll-behavior:none;background:var(--bg);min-width:320px;min-height:100svh;transition:background-color var(--motion-base) ease, color var(--motion-base) ease;margin:0}button,input{font:inherit}h1,h2,.balance h1{font-family:var(--font-display)}.app-shell{width:min(100%,480px);min-height:100svh;padding:max(20px, env(safe-area-inset-top)) 20px calc(108px + env(safe-area-inset-bottom));box-sizing:border-box;background:radial-gradient(circle at 50% 37%, var(--ambient-gold), transparent 34%), var(--shell-bg);transition:background var(--motion-base) ease;margin:0 auto;position:relative;overflow:hidden auto}.ambient{filter:blur(90px);pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute}.ambient-one{background:#8b5cf61f;top:180px;left:-170px}.ambient-two{background:#faba001f;top:330px;right:-190px}.topbar,.profile,.profile span,.balance,.league-copy,.energy-row,.quick-actions button,.bottom-nav,.bottom-nav button{align-items:center;display:flex}.topbar{z-index:2;justify-content:space-between;position:relative}.profile{text-align:left;gap:11px}.profile strong{color:var(--text-strong);font-size:15px;display:block}.profile span{color:var(--muted-2);gap:4px;margin-top:2px;font-size:11px}.profile span svg{color:#ffc400}.avatar{color:#0b0a04;background:linear-gradient(145deg,#ffe557,#f2a900);border:1px solid #ffd10047;border-radius:14px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid;box-shadow:0 8px 24px #ffbb0029}.icon-button{border:1px solid var(--border);width:41px;height:41px;color:var(--muted-2);background:var(--surface);border-radius:14px;place-items:center;padding:0;display:grid}.settings-wrap{position:relative}.icon-button.is-open{color:#ffd320;border-color:#ffd32059}.settings-panel{z-index:20;border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:16px;width:220px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000059}.settings-panel>strong{color:var(--text-strong);margin-bottom:10px;font-size:13px;display:block}.theme-toggle{border:1px solid var(--border);width:100%;color:inherit;text-align:left;background:var(--shell-bg);border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.theme-toggle span:nth-child(2){flex:1;min-width:0}.theme-toggle strong,.theme-toggle small{display:block}.theme-toggle strong{color:var(--text-strong);font-size:12px}.theme-toggle small{color:var(--muted);margin-top:2px;font-size:10px}.balance-section{z-index:1;text-align:center;margin-top:31px;position:relative}.eyebrow{color:var(--muted);font-size:12px;font-weight:600}.balance{justify-content:center;gap:12px;margin-top:3px}.balance h1{color:var(--text-strong);letter-spacing:-2.5px;margin:0;font-size:clamp(38px,11vw,50px);font-weight:800;line-height:1.2}.mini-coin{box-sizing:border-box;color:#896000;aspect-ratio:1;background:linear-gradient(145deg,#ffe55a,#eba000);border:3px solid #ffd836;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:19px;font-weight:900;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #cb8700,0 5px 18px #ffb6003d}.league-progress{width:min(260px,72%);margin:13px auto 0}.league-copy{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:10px}.league-copy strong{color:var(--muted-2);font-weight:600}.progress-track{background:var(--border);border-radius:999px;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#f0a900,#ffe13a);height:100%;transition:width .25s;display:block;box-shadow:0 0 14px #ffcf0066}.coin-stage{place-items:center;min-height:300px;margin-top:2px;display:grid;position:relative}.coin-stage>p{color:var(--muted);letter-spacing:.02em;margin:0;font-size:11px;font-weight:600;position:absolute;bottom:1px}.orbit{pointer-events:none;border:1px solid #ffcc0012;border-radius:50%;position:absolute}.orbit-one{width:276px;height:276px}.orbit-two{border-color:#ffcc001c;width:238px;height:238px}.coin-wrap{z-index:1;position:relative}.main-coin{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:210px;height:210px;transition:transform var(--motion-fast) var(--ease-spring), filter var(--motion-base) ease;will-change:transform;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.main-coin:before{content:"";background:radial-gradient(circle,#ffc60030,#0000 65%);border-radius:50%;animation:2.5s ease-in-out infinite breathe;position:absolute;inset:-25px}.main-coin:hover{filter:brightness(1.05)}.main-coin:focus-visible{outline-offset:8px;outline:2px solid #ffe13a}.main-coin.is-pressed{animation:coin-bounce .42s var(--ease-spring)}.main-coin.is-pressed .coin-flash{animation:.32s ease-out coin-flash}.main-coin.is-empty{filter:grayscale(.35)brightness(.85);cursor:not-allowed}.coin-rim,.coin-face{border-radius:50%;place-items:center;display:grid;position:absolute}.coin-rim{transition:box-shadow var(--motion-base) ease;background:linear-gradient(145deg,#ffd735 4%,#b96b00 52%,#f5b900 86%);border:5px solid #ffdc36;inset:0;box-shadow:inset 0 0 0 5px #c37a00,inset -14px -18px 22px #723a008c,inset 13px 14px 16px #fff58d8c,0 18px 38px #0000008c,0 0 50px #ffb30029}.main-coin.is-pressed .coin-rim{box-shadow:inset 0 0 0 5px #c37a00,inset -14px -18px 22px #723a008c,inset 13px 14px 16px #fff58d8c,0 10px 22px #00000073,0 0 70px #ffc40073}.coin-face{color:#996000;text-shadow:0 2px #ffef77b3;background:radial-gradient(circle at 36% 30%,#fff699b8,#0000 27%),linear-gradient(145deg,#ffd938,#e99b00 70%);border:3px solid #ffe552c7;inset:20px;box-shadow:inset 8px 10px 12px #fff28066,inset -10px -12px 14px #8a460052}.coin-flash{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff8c,#0000 62%);border-radius:50%;position:absolute;inset:8px}.floating-point{z-index:4;color:#ffdc32;font-family:var(--font-display);pointer-events:none;animation:float-away .72s var(--ease-out) forwards;text-shadow:0 3px 18px #ffc400a6;transform:translate(-50%, -50%) rotate(var(--rot,0deg));font-size:22px;font-weight:700;position:absolute}.tap-ripple{z-index:2;pointer-events:none;width:28px;height:28px;animation:ripple-out .62s var(--ease-out) forwards;border:2px solid #ffdc3cd9;border-radius:50%;margin:-14px 0 0 -14px;position:absolute}.tap-spark{z-index:3;pointer-events:none;width:7px;height:7px;animation:spark-fly .56s var(--ease-out) forwards;background:#ffe56a;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;box-shadow:0 0 10px #ffd228e6}.balance.is-pulse h1{animation:balance-pop .28s var(--ease-spring)}.regen-hint{color:#5f6064;margin-top:8px;font-size:10px;display:block}.pressable{cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), background-color var(--motion-base) ease, border-color var(--motion-base) ease, box-shadow var(--motion-base) ease, color var(--motion-base) ease, opacity var(--motion-base) ease;-webkit-tap-highlight-color:transparent}.pressable:not(:disabled):hover{filter:brightness(1.06)}.pressable:not(:disabled):active{transform:scale(.96)}.pressable:focus-visible{outline-offset:2px;outline:2px solid #ffe13a}.page-enter{animation:page-in .36s var(--ease-out)}.upgrade-btn.is-flash{animation:.5s upgrade-glow}.energy-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:15px 16px 14px;position:relative;box-shadow:0 12px 35px #0000001f}.energy-row{color:var(--text-strong);gap:9px;font-size:14px}.energy-row span{color:var(--muted)}.energy-icon{place-items:center;display:grid;color:#ffd21f!important}.per-tap{margin-left:auto;font-size:11px}.energy-track{height:6px;margin-top:11px}.quick-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.quick-actions button{border:1px solid var(--border);min-width:0;color:var(--muted);text-align:left;background:var(--surface);cursor:pointer;border-radius:16px;gap:9px;padding:13px 10px}.quick-actions button:not(:disabled):active{transform:scale(.96)}.bottom-nav button{cursor:pointer}.bottom-nav button.active{transform:translateY(-1px)}.bottom-nav .tap-nav>span{transition:transform var(--motion-fast) var(--ease-spring), box-shadow var(--motion-base) ease}.bottom-nav .tap-nav:active>span{transform:scale(.92)}.bottom-nav .tap-nav.active>span{box-shadow:0 7px 21px #ffb90059,0 0 24px #ffc82859}.list-item.pressable:not(:disabled):active,.primary-btn:active,.referral-box>button:active,.wallet-card.pressable:active,.icon-button:active{transform:scale(.97)}.quick-actions button:disabled{cursor:default;opacity:.55}.quick-actions button>span:nth-child(2){flex:1;min-width:0}.quick-actions strong,.quick-actions small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.quick-actions strong{color:var(--text-strong);font-size:11px;font-weight:650}.quick-actions small{color:var(--muted);margin-top:3px;font-size:9px}.action-icon{border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.action-icon.purple{color:#b39afb;background:#7c5ce426}.action-icon.yellow{color:#ffd326;background:#ffc9001f}.bottom-nav{z-index:10;right:max(14px,50vw - 226px);bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:23px;justify-content:space-around;height:72px;position:fixed;left:max(14px,50vw - 226px);box-shadow:0 16px 45px #00000047}.bottom-nav button{width:62px;height:58px;color:var(--muted);font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;padding:4px 0}.bottom-nav button span{font-size:9px;font-weight:600}.bottom-nav button.active{color:#ffd320}.bottom-nav .tap-nav{align-self:flex-end;height:82px}.bottom-nav .tap-nav>span{border:5px solid var(--shell-bg);color:#171000;background:linear-gradient(145deg,#ffe44b,#f5aa00);border-radius:50%;place-items:center;width:57px;height:57px;display:grid;box-shadow:0 7px 21px #ffb90040}.page{z-index:1;text-align:left;margin-top:22px;position:relative}.page-heading h2{color:var(--text-strong);letter-spacing:-.8px;margin:0;font-size:28px;font-weight:800}.page-heading p{color:var(--muted);margin:6px 0 0;font-size:13px}.promo-card,.stat-card,.info-card,.wallet-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin-top:16px;padding:16px}.promo-card strong,.stat-card strong,.wallet-card strong,.info-card h3{color:var(--text-strong);display:block}.promo-card p,.stat-card span,.wallet-card span,.info-card li,.promo-card small{color:var(--muted)}.promo-card p{color:#ffd320;margin:8px 0 12px;font-size:18px;font-weight:700}.promo-card small{margin-top:10px;font-size:12px;display:block}.stat-card,.wallet-card{align-items:center;gap:12px;display:flex}.stat-card strong,.wallet-card strong{color:#ffd320;letter-spacing:-1px;margin-top:4px;font-size:28px}.stat-card>div:not(.action-icon),.wallet-card>div:not(.mini-coin){flex:1;min-width:0}.wallet-card{cursor:pointer;text-align:left;width:100%}.info-card h3{margin:0 0 10px;font-size:15px}.info-card ol{gap:8px;margin:0;padding-left:18px;font-size:13px;display:grid}.referral-box{gap:8px;margin-top:12px;display:flex}.referral-link{border:1px solid var(--border);min-width:0;color:var(--muted-2);background:var(--surface);border-radius:14px;flex:1;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.referral-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.referral-box>button,.primary-btn{color:#171000;cursor:pointer;background:linear-gradient(145deg,#ffe44b,#f5aa00);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.referral-box>button{flex:none;height:46px;padding:0 14px;font-size:12px}.primary-btn{width:100%;height:52px;margin-top:14px;font-size:15px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.stats-grid>div{border:1px solid var(--border);color:#ffd320;background:var(--surface);text-align:center;border-radius:16px;justify-items:center;gap:6px;padding:14px 8px;display:grid}.stats-grid strong{color:var(--text-strong);font-size:14px}.stats-grid span{color:var(--muted);font-size:10px}.list{gap:8px;margin-top:14px;display:grid}.list-item{border:1px solid var(--border);width:100%;color:inherit;text-align:left;background:var(--surface);cursor:pointer;font:inherit;border-radius:16px;align-items:center;gap:10px;padding:13px 12px;display:flex}.list-item.static{cursor:default}.list-item:disabled{cursor:default;opacity:.7}.list-copy{flex:1;min-width:0}.list-copy strong,.list-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.list-copy strong{color:var(--text-strong);font-size:13px}.list-copy small{color:var(--muted);margin-top:3px;font-size:11px}.list-reward{color:#ffd320;white-space:nowrap;font-size:12px;font-weight:700}@keyframes breathe{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes float-away{0%{transform:translate(-50%, -20%) rotate(var(--rot,0deg)) scale(.8);opacity:1}to{transform:translate(-50%, -108px) rotate(var(--rot,0deg)) scale(1.2);opacity:0}}@keyframes ripple-out{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(4.2)}}@keyframes spark-fly{0%{transform:rotate(var(--angle)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--angle)) translateY(calc(var(--dist) * -1)) scale(.2);opacity:0}}@keyframes coin-bounce{0%{transform:scale(.9)rotate(-2.5deg)}55%{transform:scale(1.06)rotate(1.5deg)}to{transform:scale(1)rotate(0)}}@keyframes coin-flash{0%{opacity:.8}to{opacity:0}}@keyframes balance-pop{0%{transform:scale(1)}40%{color:#ffe56a;transform:scale(1.08)}to{transform:scale(1)}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes upgrade-glow{0%{box-shadow:0 0 #7c5ce400}40%{border-color:#b39afb8c;box-shadow:0 0 24px #7c5ce473}to{box-shadow:0 0 #7c5ce400}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.main-coin:before,.orbit{animation:none!important}}@media (height<=740px){.balance-section{margin-top:18px}.coin-stage{min-height:263px}.main-coin{width:186px;height:186px}.orbit-one{width:244px;height:244px}.orbit-two{width:211px;height:211px}}@media (width>=600px){body{background:var(--bg)}.app-shell{border-inline:1px solid var(--border);box-shadow:0 0 80px #00000059}}[data-theme=light] .orbit{border-color:#d9770624}[data-theme=light] .settings-panel{box-shadow:0 16px 40px #3c280a1f}