:root{
  --bg:#080b0f;--bg2:#0b0f14;--surface:#10151b;--surface2:#141a21;--surface3:#0d1217;
  --line:#202832;--line2:#2a3540;--text:#f5f7f8;--muted:#7f8a96;--muted2:#5f6974;
  --accent:#d9ff43;--accent2:#8eff72;--accent3:#c4ff00;--cyan:#54e7ff;--danger:#ff6375;
  --shadow:0 20px 60px rgba(0,0,0,.34);--radius:24px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#080b0f 0%,#090d12 48%,#07090c 100%);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.glow{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.09;z-index:0}.glow-a{width:300px;height:300px;background:var(--accent);right:-160px;top:-90px}.glow-b{width:260px;height:260px;background:#1ad4ff;left:-170px;bottom:100px}.app{position:relative;z-index:2;max-width:680px;min-height:100vh;margin:0 auto;padding:0 16px 116px}.loading-screen{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#070a0d}.loading-mark{width:86px;height:86px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#111820,#080b0f);border:1px solid #27313b;box-shadow:0 22px 60px rgba(0,0,0,.45)}.loading-mark img{width:68px;height:68px}.loading-title{font-size:31px;font-weight:900;letter-spacing:8px;margin:20px 0 4px 7px}.loading-sub{font-size:10px;font-weight:800;letter-spacing:2.4px;color:#6f7a85}.loader-line{width:120px;height:2px;margin-top:24px;background:#151b21;border-radius:99px;overflow:hidden}.loader-line i{display:block;height:100%;width:38%;background:var(--accent);animation:load 1.1s ease-in-out infinite}@keyframes load{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between}.brand-lockup{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;color:var(--text);text-align:left}.brand-lockup img{width:40px;height:40px;border-radius:13px;filter:drop-shadow(0 10px 18px rgba(217,255,67,.06))}.brand-lockup>span{display:flex;flex-direction:column;gap:1px}.brand-lockup strong{font-size:15px;letter-spacing:2.5px;line-height:1}.brand-lockup small{font-size:8px;color:#65717d;font-weight:800;letter-spacing:1.25px;margin-top:4px}.top-actions{display:flex;align-items:center;gap:9px}.network-pill{height:30px;padding:0 9px;border:1px solid #222c35;border-radius:99px;background:#0d1217;color:#8c98a4;font-size:8px;font-weight:900;letter-spacing:1.2px;display:flex;align-items:center;gap:6px}.network-pill i{width:6px;height:6px;border-radius:50%;background:#6cff8f;box-shadow:0 0 10px rgba(108,255,143,.7)}.avatar-btn{width:40px;height:40px;border-radius:14px;border:1px solid #2a343e;background:linear-gradient(145deg,#151c23,#0c1014);color:var(--accent);font-size:15px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.26)}
.page{display:none;animation:pageIn .22s ease}.page.active{display:block}@keyframes pageIn{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}.hero-card{position:relative;overflow:hidden;border:1px solid #27313b;border-radius:30px;padding:20px;background:radial-gradient(circle at 88% 8%,rgba(217,255,67,.10),transparent 32%),linear-gradient(145deg,#141a20 0%,#0d1116 48%,#101611 100%);box-shadow:var(--shadow)}.hero-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 72%)}.hero-orb{position:absolute;width:170px;height:170px;border:1px solid rgba(217,255,67,.12);border-radius:50%;right:-70px;top:-65px;box-shadow:0 0 0 22px rgba(217,255,67,.02),0 0 0 48px rgba(217,255,67,.014)}.hero-head,.balance-row,.production-card{position:relative;z-index:1}.hero-head{display:flex;align-items:center;justify-content:space-between}.eyebrow,.kicker{font-size:9px;font-weight:900;letter-spacing:1.7px;color:#6f7b86}.hero-badges{display:flex;gap:6px}.level-badge,.premium-badge{height:26px;display:inline-flex;align-items:center;gap:4px;padding:0 9px;border-radius:99px;border:1px solid #2d3741;background:rgba(8,11,15,.58);font-size:9px;font-weight:900;letter-spacing:.8px;color:#9aa5af}.premium-badge{color:#0b0f11;background:linear-gradient(135deg,var(--accent),#a7ff56);border:0;padding-inline:10px}.balance-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px}.balance{font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:9px;font-size:46px;line-height:1;font-weight:950;letter-spacing:-2.2px}.balance small{font-size:15px;font-weight:900;letter-spacing:1.8px;color:var(--accent)}.rate-chip{display:flex;align-items:center;gap:6px;color:#c6cdd4;font-size:10px;font-weight:800;padding:8px 10px;border:1px solid #29333d;border-radius:12px;background:#0c1116}.rate-chip svg{width:14px;height:14px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.production-card{margin-top:22px;border:1px solid #27323c;border-radius:21px;background:linear-gradient(180deg,rgba(14,19,24,.9),rgba(9,13,17,.88));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.production-meta{min-width:0;display:flex;flex-direction:column}.production-meta>span{font-size:8px;font-weight:900;letter-spacing:1.35px;color:#6d7883}.production-meta strong{margin-top:4px;font-size:20px;letter-spacing:-.3px}.production-meta small{margin-top:3px;font-size:8px;color:#58636e;font-weight:700;letter-spacing:.4px}.btn{border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.7px;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.btn:active,.icon-btn:active,.action-tile:active,.card-action:active{transform:scale(.975)}.btn-primary{background:linear-gradient(135deg,#e0ff55 0%,#a6ff4f 100%);color:#090d0f;box-shadow:0 10px 28px rgba(197,255,69,.14)}.btn-claim{height:46px;min-width:118px;padding:0 16px;gap:7px;font-size:11px}.btn-claim svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn:disabled{opacity:.4;filter:saturate(.4)}
.section-label{display:flex;align-items:center;gap:12px;margin:18px 2px 10px}.section-label span{font-size:8px;font-weight:900;letter-spacing:1.6px;color:#66727d;white-space:nowrap}.section-label i{height:1px;flex:1;background:#171e25}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-tile{border:1px solid var(--line);background:linear-gradient(145deg,#11171d,#0d1217);color:var(--text);border-radius:20px;padding:13px;display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:10px;text-align:left;min-width:0;transition:.15s}.action-tile:hover{border-color:#2c3741}.tile-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#171e25;border:1px solid #242e38}.tile-icon svg,.tile-arrow{fill:none;stroke:#cbd2d8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tile-icon svg{width:19px;height:19px}.gift-icon svg{stroke:var(--accent)}.tile-arrow{width:15px;height:15px;stroke:#4f5a65}.tile-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.tile-copy b{font-size:11px}.tile-copy small{color:#697581;font-size:9px}.tile-copy small strong{color:#aeb7bf}.surface-card{margin-top:11px;border:1px solid var(--line);background:linear-gradient(145deg,#10161b,#0c1116);border-radius:22px;padding:16px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card-heading.compact{align-items:center}.card-heading h3{font-size:15px;margin:5px 0 3px}.card-heading p,.fair-note{font-size:10px;line-height:1.55;color:#6d7883;margin:0;max-width:380px}.count-badge{min-width:54px;padding:8px 8px 7px;border:1px solid #26313a;background:#0b1014;border-radius:13px;text-align:center}.count-badge b{display:block;font-size:16px;color:var(--accent)}.count-badge span{display:block;font-size:7px;color:#65717d;font-weight:900;letter-spacing:1px;margin-top:2px}.ref-control{margin-top:13px;display:flex;gap:8px}.ref-control input{height:44px;flex:1;min-width:0;border:1px solid #26303a;border-radius:13px;background:#090d11;color:#aeb8c0;padding:0 12px;font-size:10px;outline:none}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;border:1px solid #32404a;background:#151d23;color:var(--accent)}.icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.helper-row{display:flex;align-items:center;gap:7px;margin-top:9px;color:#5f6b76;font-size:8px}.helper-row .dot{width:5px;height:5px;border-radius:50%;background:#6cff8f}.fair-card{background:radial-gradient(circle at 100% 0%,rgba(217,255,67,.06),transparent 32%),#10161b}.verified-badge{height:27px;padding:0 8px;border-radius:10px;border:1px solid rgba(217,255,67,.18);background:rgba(217,255,67,.045);color:#bfe73c;font-size:7px;font-weight:900;letter-spacing:.8px;display:flex;align-items:center;gap:4px}.verified-badge svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2}.fair-value{display:flex;align-items:baseline;gap:7px;margin-top:13px;font-weight:950;font-size:30px;letter-spacing:-1px}.fair-value small{font-size:11px;color:var(--accent);letter-spacing:1.5px}.fair-note{margin-top:7px;max-width:none}
.page-heading{padding:11px 2px 17px}.page-heading h1{font-size:27px;letter-spacing:-.8px;margin:5px 0 6px}.page-heading p{margin:0;color:#727e89;font-size:11px;line-height:1.55}.stack{display:flex;flex-direction:column;gap:10px}.item-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#11171d,#0c1116);border-radius:21px;padding:14px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center}.item-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--accent),transparent);opacity:.45}.item-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#171e25;border:1px solid #26313b;font-size:20px}.item-main{min-width:0}.item-main h3{font-size:13px;margin:0 0 5px}.item-main p{font-size:9px;line-height:1.5;color:#6c7883;margin:0}.item-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.tag{display:inline-flex;height:23px;align-items:center;border:1px solid #27323b;background:#0b1014;border-radius:9px;padding:0 7px;font-size:8px;color:#8e99a3;font-weight:800}.tag.accent{border-color:rgba(217,255,67,.2);color:#cbe947;background:rgba(217,255,67,.035)}.card-action{height:38px;min-width:68px;padding:0 11px;border-radius:12px;border:1px solid #2a343d;background:#151c22;color:#78838d;font-size:9px;font-weight:900;letter-spacing:.35px}.card-action.ready{border:0;background:linear-gradient(135deg,var(--accent),#a3ff4d);color:#090d0e}.card-action:disabled{opacity:.42}.progress{height:4px;border-radius:99px;background:#202830;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#79ff92);box-shadow:0 0 10px rgba(217,255,67,.16)}
.league-banner{border:1px solid #2a343e;border-radius:21px;background:radial-gradient(circle at 90% 20%,rgba(217,255,67,.08),transparent 35%),linear-gradient(145deg,#151b21,#0c1116);padding:16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.league-banner div{display:flex;flex-direction:column;gap:4px}.league-banner span{font-size:8px;font-weight:900;letter-spacing:1.4px;color:#6a7580}.league-banner strong{font-size:15px}.league-banner svg{width:36px;height:36px;fill:none;stroke:var(--accent);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.leaderboard{display:flex;flex-direction:column;gap:8px}.rank-row{border:1px solid var(--line);background:#0f151a;border-radius:17px;padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.rank-row.me{border-color:rgba(217,255,67,.28);background:linear-gradient(145deg,rgba(217,255,67,.055),#0e1418)}.rank{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid #27313b;background:#0b1014;color:#8e99a4;font-size:9px;font-weight:900}.rank-user{display:flex;flex-direction:column;gap:3px}.rank-user b{font-size:11px}.rank-user small{font-size:8px;color:#64707b}.rank-score{font-size:10px;font-weight:900;color:#cbd1d6}.empty-state{padding:28px;text-align:center;color:#6e7a85;border:1px dashed #29343e;border-radius:18px;font-size:10px}
.shop-card{position:relative}.shop-card.premium-shop{background:radial-gradient(circle at 92% 10%,rgba(217,255,67,.09),transparent 35%),linear-gradient(145deg,#141a20,#0c1116)}.price-chip{font-size:9px;font-weight:900;color:#dce5eb}.terms-check{margin:14px 2px 0;display:flex;align-items:center;gap:9px;color:#77828d;font-size:10px}.terms-check input{accent-color:var(--accent)}.terms-check a{color:#c9e64e;text-decoration:none}.notice-card{margin-top:11px;padding:12px;border:1px solid #2b343e;border-radius:15px;background:#0d1217;color:#697580;font-size:9px;line-height:1.55;display:flex;gap:8px;align-items:flex-start}.notice-card svg{flex:0 0 auto;width:15px;height:15px;fill:none;stroke:#91a0ad;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile-card{border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#11171d,#0c1116);overflow:hidden}.profile-top{padding:17px;display:grid;grid-template-columns:54px 1fr 10px;gap:12px;align-items:center}.profile-avatar{width:54px;height:54px;border:1px solid #34414c;border-radius:17px;background:linear-gradient(145deg,#182128,#0b1014);display:grid;place-items:center;font-size:20px;color:var(--accent);font-weight:950}.profile-copy h2{font-size:15px;margin:0 0 4px}.muted{font-size:9px;color:#697580}.online-dot{width:8px;height:8px;border-radius:50%;background:#70ff94;box-shadow:0 0 12px rgba(112,255,148,.55)}.profile-brand{height:64px;border-top:1px solid #1c242b;background:#090d11;display:flex;align-items:center;padding:9px 15px}.profile-brand img{height:44px;width:auto;max-width:100%}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.stats-grid>div{border:1px solid var(--line);border-radius:17px;background:#0f151a;padding:13px}.stats-grid span{font-size:7px;letter-spacing:1px;font-weight:900;color:#697580}.stats-grid b{display:block;font-size:18px;margin-top:5px}.link-list{margin-top:10px;border:1px solid var(--line);border-radius:19px;background:#0f151a;overflow:hidden}.link-list a{height:49px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#b7c0c7;text-decoration:none;font-size:10px;border-bottom:1px solid #1b232a}.link-list a:last-child{border-bottom:0}.link-list svg{width:15px;height:15px;fill:none;stroke:#56616c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:30;width:min(680px,100%);height:78px;padding:8px 9px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(7,10,13,.94);backdrop-filter:blur(22px);border-top:1px solid #1c242b}.nav-btn{position:relative;border:0;background:none;color:#56616c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0}.nav-btn>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-btn>span{font-size:8px;font-weight:800;letter-spacing:.2px}.nav-btn.active{color:var(--accent)}.nav-main{margin-top:-22px}.nav-main .main-orb{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#99ff56);color:#0a0e10;border:5px solid #080b0f;box-shadow:0 10px 24px rgba(180,255,69,.16)}.nav-main .main-orb svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.nav-main>span:last-child{margin-top:-2px}.toast{position:fixed;left:50%;bottom:92px;z-index:120;transform:translate(-50%,16px);max-width:88%;padding:11px 14px;border:1px solid #303b45;border-radius:13px;background:#eaf0f2;color:#0a0d0f;box-shadow:0 16px 40px rgba(0,0,0,.35);font-size:10px;font-weight:800;text-align:center;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:390px){.app{padding-left:12px;padding-right:12px}.balance{font-size:40px}.production-card{padding:12px}.btn-claim{min-width:104px}.quick-grid{grid-template-columns:1fr}.action-tile{grid-template-columns:38px 1fr 16px}.item-card{grid-template-columns:42px minmax(0,1fr) auto;padding:12px;gap:9px}.item-icon{width:42px;height:42px}.card-action{min-width:60px;padding-inline:8px}.brand-lockup small{display:none}}
@media(min-width:600px){.app{padding-left:24px;padding-right:24px}.hero-card{padding:26px}.balance{font-size:56px}.bottom-nav{border-left:1px solid #1c242b;border-right:1px solid #1c242b;border-radius:22px 22px 0 0}}