@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.topCard{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;overflow:hidden}.topCard:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%);animation:holographicShine 8s linear infinite}@keyframes holographicShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.avatar{width:52px;height:52px;border-radius:16px;background:radial-gradient(circle at 30% 30%,var(--blue2) 0%,var(--purple) 100%);border:2px solid rgba(77,124,255,.3);display:grid;place-items:center;font-weight:900;font-size:20px;color:#fff;box-shadow:0 0 30px var(--blue-glow),0 8px 24px #0006;position:relative;z-index:2;animation:avatarPulse 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 30px var(--blue-glow),0 8px 24px #0006}50%{box-shadow:0 0 50px var(--blue-glow),0 12px 32px #00000080}}.balanceRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.balanceItem{display:flex;gap:8px;align-items:center;padding:9px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:800;font-size:14px;color:var(--text);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;position:relative}.balanceItem:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:999px;padding:1px;background:linear-gradient(135deg,var(--gold),var(--gold2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.balanceItem:hover:before{opacity:1}.balanceItem:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 6px 16px #0006,0 0 20px #ffc04333}.energyCard{padding:14px 16px}.energyBar{height:16px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.12);position:relative;box-shadow:inset 0 2px 8px #0000004d}.energyBar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:energyShimmer 2s linear infinite}@keyframes energyShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.energyFill{height:100%;background:linear-gradient(90deg,var(--green) 0%,var(--green2) 50%,var(--green) 100%);background-size:200% 100%;box-shadow:inset 0 0 0 1px #ffffff4d,0 0 20px var(--green-glow);transition:width .6s cubic-bezier(.4,0,.2,1);animation:energyFlow 3s linear infinite;position:relative}@keyframes energyFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.energyFill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:energyPulse 1.5s ease-in-out infinite}@keyframes energyPulse{0%,to{opacity:0}50%{opacity:1}}.energyText{margin-top:12px;text-align:center;font-weight:800;font-size:14px;color:var(--muted);text-shadow:0 0 10px rgba(0,255,136,.3)}.upgradeCard{padding:16px;flex:1;display:flex;flex-direction:column;gap:14px;min-height:200px;position:relative;transform-style:preserve-3d;transition:transform .3s ease}.upgradeCard:hover{transform:translateY(-4px) rotateX(2deg)}.upgradeCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:linear-gradient(135deg,var(--blue-glow),var(--purple-glow));opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(20px)}.upgradeCard:hover:before{opacity:.5}.cardHead{display:flex;justify-content:space-between;align-items:center;gap:12px}.cardTitle{font-size:20px;font-weight:900;letter-spacing:-.3px;background:linear-gradient(135deg,var(--text-bright),var(--blue2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.iconStub{flex:1;border-radius:18px;border:2px dashed rgba(77,124,255,.3);background:#4d7cff0d;display:grid;place-items:center;min-height:100px;position:relative;overflow:hidden}.iconStub:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:linear-gradient(45deg,transparent,rgba(77,124,255,.1),transparent);animation:iconStubShine 3s linear infinite}@keyframes iconStubShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.iconStub svg{width:64px;height:64px;color:var(--blue);filter:drop-shadow(0 0 10px var(--blue-glow));position:relative;z-index:1}.tasksCard{padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:all .3s ease}.tasksCard:hover{background:#141928f2;border-color:#ffffff26}.bigAction{width:100%;min-height:64px;padding:0 24px;border-radius:20px;font-size:20px;letter-spacing:.5px;font-weight:900;box-shadow:0 12px 32px #00000080;position:relative;overflow:hidden}.bigAction:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.bigAction:hover:after{transform:translate(100%)}.notice{padding:14px 16px;border-radius:18px;border:2px solid rgba(77,124,255,.4);background:#4d7cff1a;color:var(--blue2);font-weight:800;font-size:14px;box-shadow:0 0 20px #4d7cff33,inset 0 0 20px #4d7cff1a;position:relative;overflow:hidden}.notice:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);animation:noticeShine 4s linear infinite}@keyframes noticeShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:grid;place-items:center;padding:24px;z-index:1000;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.overlayCard{width:min(420px,100%);background:#141928f2;border-radius:24px;padding:24px;border:2px solid rgba(255,255,255,.15);box-shadow:0 24px 80px #000c,0 0 40px #4d7cff33;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:overlayCardSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes overlayCardSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.fixedActionWrap{position:fixed;left:0;right:0;bottom:calc(92px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none;z-index:60}.fixedActionInner{width:min(420px,100%);padding:0 16px;pointer-events:auto}.shootTrack{position:relative;height:36px;border-radius:999px;background:#ffffff14;border:2px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:inset 0 4px 12px #0006}.shootZone{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#0f83,#0f86,#0f83);border-left:2px solid var(--green);border-right:2px solid var(--green);box-shadow:0 0 20px var(--green-glow),inset 0 0 20px #00ff884d;transition:all .3s cubic-bezier(.4,0,.2,1)}.shootBullet{position:absolute;top:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;border-radius:50%;background:radial-gradient(circle,var(--text-bright),var(--blue2));border:2px solid rgba(255,255,255,.4);box-shadow:0 0 30px var(--blue-glow),0 4px 12px #00000080;transition:all .1s linear;animation:bulletGlow 1s ease-in-out infinite}@keyframes bulletGlow{0%,to{box-shadow:0 0 30px var(--blue-glow),0 4px 12px #00000080}50%{box-shadow:0 0 50px var(--blue-glow),0 6px 16px #0009}}.successNotice{border-color:var(--green);background:#00ff8826;color:var(--green2);box-shadow:0 0 30px var(--green-glow),inset 0 0 20px #0f83}.errorNotice{border-color:var(--danger);background:#ff4d6a26;color:#ff8fa3;box-shadow:0 0 30px #ff4d6a4d,inset 0 0 20px #ff4d6a33}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--text-bright);border-radius:50%;animation:spin .8s linear infinite}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--tap: 44px;--bg: #0a0e1a;--bg-gradient: linear-gradient(135deg, #0a0e1a 0%, #151b2e 100%);--card: rgba(20, 25, 40, .85);--card-border: rgba(255, 255, 255, .1);--card-glow: rgba(100, 150, 255, .15);--text: #e8edf5;--text-bright: #ffffff;--muted: #8b95b0;--muted2: #5f6b85;--stroke: rgba(255, 255, 255, .08);--stroke2: rgba(255, 255, 255, .12);--blue: #4d7cff;--blue2: #6b92ff;--blue-glow: rgba(77, 124, 255, .5);--green: #00ff88;--green2: #5affb4;--green-glow: rgba(0, 255, 136, .4);--purple: #b84dff;--purple2: #d580ff;--purple-glow: rgba(184, 77, 255, .4);--gold: #ffc043;--gold2: #ffd66b;--gold-glow: rgba(255, 192, 67, .4);--danger: #ff4d6a;--warning: #ffb843;--radius: 20px;--radius2: 16px;--shadow-1: 0 8px 24px rgba(0, 0, 0, .4);--shadow-2: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--card-glow)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(77,124,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(184,77,255,.08) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(0,255,136,.05) 0%,transparent 50%);pointer-events:none;z-index:0;animation:backgroundPulse 15s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.7}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}#root{position:relative;z-index:1}button{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid rgba(77,124,255,.5);outline-offset:2px}.safe{padding:var(--sp-4);padding-top:max(var(--sp-4),env(safe-area-inset-top));padding-left:max(var(--sp-4),env(safe-area-inset-left));padding-right:max(var(--sp-4),env(safe-area-inset-right));padding-bottom:calc(96px + env(safe-area-inset-bottom));max-width:420px;margin:0 auto}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-1),var(--shadow-glow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:.5}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2),0 0 30px var(--card-glow)}.row{display:flex;gap:var(--sp-3)}.col{display:flex;flex-direction:column;gap:var(--sp-3)}.h1{font-size:28px;font-weight:900;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-bright) 0%,var(--blue2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(77,124,255,.3);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.h2{font-size:20px;font-weight:800;margin:0;letter-spacing:-.3px;color:var(--text-bright)}.muted{color:var(--muted)}.btn{border:0;border-radius:var(--radius2);min-height:var(--tap);padding:0 20px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btnPrimary{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;box-shadow:0 8px 24px var(--blue-glow),0 0 20px var(--blue-glow);border:1px solid rgba(255,255,255,.1)}.btnPrimary:hover:not(:disabled){box-shadow:0 12px 32px var(--blue-glow),0 0 40px var(--blue-glow);transform:translateY(-2px)}.btnGreen{background:linear-gradient(135deg,var(--green2),var(--green));color:#0a0e1a;box-shadow:0 8px 24px var(--green-glow),0 0 20px var(--green-glow);border:1px solid rgba(255,255,255,.2);font-weight:900}.btnGreen:hover:not(:disabled){box-shadow:0 12px 32px var(--green-glow),0 0 40px var(--green-glow);transform:translateY(-2px)}.btnPurple{background:linear-gradient(135deg,var(--purple2),var(--purple));color:#fff;box-shadow:0 8px 24px var(--purple-glow),0 0 20px var(--purple-glow);border:1px solid rgba(255,255,255,.1)}.btnPurple:hover:not(:disabled){box-shadow:0 12px 32px var(--purple-glow),0 0 40px var(--purple-glow);transform:translateY(-2px)}.btnSoft{background:#ffffff0d;color:var(--text);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btnSoft:hover:not(:disabled){background:#ffffff1a;border-color:var(--stroke2)}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;font-weight:700;color:var(--text);box-shadow:0 4px 12px #0000004d;transition:all .2s ease}.pill:hover{background:#ffffff1f;transform:translateY(-1px);box-shadow:0 6px 16px #0006}.bottomNav{position:fixed;left:0;right:0;bottom:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;background:#0a0e1acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);z-index:50;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bottomNavInner{width:min(420px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:#141928b3;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px;box-shadow:0 8px 32px #00000080,0 0 20px #4d7cff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navItem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:10px 8px;border-radius:16px;font-size:11px;font-weight:700;color:var(--muted2);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;position:relative}.navItem:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--purple));opacity:0;transition:opacity .3s ease}.navItem:active{transform:scale(.95)}.navItemActive{color:var(--text-bright);background:#4d7cff26;box-shadow:inset 0 0 0 1px #4d7cff4d,0 0 20px #4d7cff33}.navItemActive:before{opacity:.1}.navIcon{width:24px;height:24px;display:grid;place-items:center;position:relative;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.navItemActive .navIcon{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--blue-glow))}.navIcon svg{display:block;width:24px;height:24px}.navLabel{line-height:1;opacity:.8;position:relative;z-index:1;transition:all .2s ease}.navItemActive .navLabel{opacity:1;font-weight:800}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.safe.col>*{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) backwards}.safe.col>*:nth-child(1){animation-delay:.05s}.safe.col>*:nth-child(2){animation-delay:.1s}.safe.col>*:nth-child(3){animation-delay:.15s}.safe.col>*:nth-child(4){animation-delay:.2s}.safe.col>*:nth-child(5){animation-delay:.25s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#4d7cff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4d7cff80}