*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;height:100%;background:#05060c}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f4f4f8;overscroll-behavior:none}#root{display:flex;justify-content:center;min-height:100vh;min-height:100dvh}.app{width:100%;max-width:480px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 0%,rgba(123,92,255,.25),transparent 55%),radial-gradient(circle at 85% 15%,rgba(34,211,238,.18),transparent 50%),linear-gradient(180deg,#0b0c14,#0d0e1a 55%,#08090f);position:relative;overflow:hidden}.topbar{padding:max(14px,env(safe-area-inset-top)) 16px 10px;display:flex;flex-direction:column;gap:8px;z-index:5}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.league-chip{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:6px 12px 6px 8px}.league-icon{font-size:22px;filter:drop-shadow(0 0 6px rgba(255,209,102,.5))}.league-text{display:flex;flex-direction:column;line-height:1.1}.league-name{font-size:12px;font-weight:600;color:#cfd2e8}.level-label{font-size:11px;color:#8a8ea8}.balance-block{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:800;letter-spacing:.3px;color:#ffd166;text-shadow:0 0 18px rgba(255,209,102,.35)}.coin-icon{font-size:20px}.xp-bar-track{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.xp-bar-track.wide{height:10px;margin-top:10px}.xp-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7b5cff,#22d3ee);transition:width .4s ease}.topbar-sub{display:flex;justify-content:space-between;font-size:12px;color:#9195b2}.app-content{flex:1;overflow-y:auto;padding:4px 16px calc(96px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.section-title{font-size:15px;font-weight:700;margin:18px 0 10px;color:#e6e7f5}.tap-view{display:flex;flex-direction:column;align-items:center;padding-top:20px}.tap-stage{position:relative;width:100%;display:flex;justify-content:center;padding:10px 0 8px}.hamster-btn{width:220px;height:220px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 28%,#3a2f6b,#1a1530 70%);border:4px solid rgba(123,92,255,.45);box-shadow:0 0 0 10px #7b5cff0f,0 0 60px #7b5cff59,inset 0 0 40px #0006;cursor:pointer;transition:transform .08s ease;touch-action:manipulation}.hamster-btn.pressed{transform:scale(.92)}.hamster-btn.tired{filter:grayscale(.6);border-color:#ff5a5a80}.hamster-emoji{font-size:110px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.floating-coin{position:absolute;transform:translate(-50%,-50%);font-size:20px;font-weight:800;color:#ffd166;text-shadow:0 0 10px rgba(255,209,102,.7);pointer-events:none;animation:floatUp .9s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-140%) scale(1.15)}}.tap-info{margin-top:14px}.tap-value-chip{background:#22d3ee1f;border:1px solid rgba(34,211,238,.35);color:#7fe9ff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px}.energy-bar{width:100%;margin-top:22px}.energy-bar-label{display:flex;justify-content:space-between;font-size:12px;color:#9195b2;margin-bottom:6px}.energy-bar-track{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.energy-bar-fill{height:100%;background:linear-gradient(90deg,#ffd166,#ff8f4d);transition:width .3s ease}.energy-bar-fill.low{background:linear-gradient(90deg,#ff5a5a,#ff2e6c)}.shop-category{margin-bottom:6px}.shop-category-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#7d81a0;margin:14px 0 8px}.shop-grid{display:flex;flex-direction:column;gap:10px}.upgrade-card{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px 12px}.upgrade-icon{font-size:30px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#7b5cff1f;border-radius:12px;flex-shrink:0}.upgrade-info{flex:1;min-width:0}.upgrade-name{font-size:14px;font-weight:600;color:#f0f1fa}.upgrade-meta{font-size:12px;color:#8a8ea8;margin-top:2px}.upgrade-buy-btn{display:flex;align-items:center;gap:5px;flex-shrink:0;background:linear-gradient(135deg,#7b5cff,#22d3ee);color:#0b0c14;border:none;border-radius:12px;padding:10px 14px;font-weight:800;font-size:13px}.upgrade-buy-btn:disabled{background:#ffffff14;color:#62667e}.league-hero{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px 16px;margin-top:8px}.league-hero-icon{font-size:52px;filter:drop-shadow(0 0 14px rgba(255,209,102,.45))}.league-hero-name{font-size:20px;font-weight:800;margin-top:6px}.league-hero-sub{font-size:12px;color:#9195b2;margin-top:4px}.league-ladder{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 4px}.league-ladder-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px 12px;min-width:74px;opacity:.55}.league-ladder-item.done{opacity:1}.league-ladder-item.active{border-color:#7b5cff99;background:#7b5cff1f}.league-ladder-icon{font-size:22px}.league-ladder-name{font-size:11px;font-weight:600}.league-ladder-lvl{font-size:10px;color:#8a8ea8}.leaderboard{display:flex;flex-direction:column;gap:6px}.leaderboard-row{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:9px 12px;font-size:13px}.leaderboard-row.me{border-color:#22d3ee80;background:#22d3ee1a}.leaderboard-rank{width:28px;color:#8a8ea8;font-weight:700}.leaderboard-name{flex:1;font-weight:600}.leaderboard-coins{color:#ffd166;font-weight:700}.daily-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.daily-day{flex:0 0 auto;min-width:68px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 8px;opacity:.6}.daily-day.claimed{opacity:.85;border-color:#22d3ee66}.daily-day.current{opacity:1;border-color:#ffd16699;background:#ffd1661a}.daily-day-label{font-size:10px;color:#9195b2}.daily-day-reward{font-size:12px;font-weight:700;color:#ffd166}.claim-daily-btn{width:100%;margin-top:12px;padding:13px;border:none;border-radius:14px;background:linear-gradient(135deg,#7b5cff,#22d3ee);color:#0b0c14;font-weight:800;font-size:14px}.claim-daily-btn:disabled{background:#ffffff14;color:#62667e}.task-list{display:flex;flex-direction:column;gap:10px}.task-card{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px}.task-card.claimed{opacity:.55}.task-icon{font-size:24px;width:40px;text-align:center}.task-info{flex:1;min-width:0}.task-title{font-size:13px;font-weight:600;margin-bottom:6px}.task-progress-track{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.task-progress-fill{height:100%;background:linear-gradient(90deg,#7b5cff,#22d3ee)}.task-progress-label{font-size:10px;color:#8a8ea8;margin-top:4px}.task-claim-btn{flex-shrink:0;border:none;border-radius:12px;padding:9px 12px;font-weight:800;font-size:12px;background:linear-gradient(135deg,#ffd166,#ff8f4d);color:#26170a}.task-claim-btn:disabled{background:#ffffff14;color:#62667e}.bottom-nav{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:#0c0d16eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);padding:8px 8px calc(10px + env(safe-area-inset-bottom));z-index:10}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#71758f;padding:4px 0;font-size:10px}.bottom-nav-icon{font-size:21px;filter:grayscale(1);opacity:.6}.bottom-nav-item.active{color:#cdd0ff}.bottom-nav-item.active .bottom-nav-icon{filter:none;opacity:1;transform:translateY(-1px)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#030409b8;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:320px;background:linear-gradient(180deg,#191b2c,#10111c);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px 22px 22px;text-align:center;box-shadow:0 20px 60px #00000080;animation:popIn .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal-icon{font-size:48px}.modal-title{font-size:18px;font-weight:800;margin:10px 0 4px}.modal-text{font-size:13px;color:#9195b2;margin:0}.modal-highlight{margin-top:14px;font-size:24px;font-weight:800;color:#ffd166;text-shadow:0 0 18px rgba(255,209,102,.4)}.modal-close-btn{width:100%;margin-top:20px;padding:13px;border:none;border-radius:14px;background:linear-gradient(135deg,#7b5cff,#22d3ee);color:#0b0c14;font-weight:800;font-size:14px}