:root{
  --bg1:#1A2744;--bg2:#1E3058;--bg3:#253868;--bg4:#304878;
  --surface:rgba(26,39,68,0.88);--surface2:rgba(30,48,88,0.82);
  --accent:#7BB8E8;--accent2:#5DD4C8;--green:#7DDBA8;
  --gold:#F0C060;--silver:#A8C0D8;--plat:#C8E0F8;
  --text:#F0F4FF;--text2:#C0D0E8;--text3:#8AA6CC;--muted:#4868A0;
  --danger:#E87878;
  --bdr:rgba(120,184,232,0.22);--bdr2:rgba(120,184,232,0.1);
  --card:rgba(26,39,68,0.82);--card2:rgba(30,48,88,0.75);
  --glow:0 0 18px rgba(120,184,232,0.25);
  --glow2:0 0 18px rgba(125,219,168,0.25);
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;
  --font-head:'Space Grotesk','Rajdhani',sans-serif;
  --card-hl:inset 0 1px 0 rgba(255,255,255,.20),inset 0 16px 20px -16px rgba(255,255,255,.10);
  --elev-1:0 2px 8px rgba(0,0,0,.22);
  --elev-2:0 6px 18px rgba(0,0,0,.3);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{
  background:linear-gradient(155deg,#1A2744 0%,#1E3058 40%,#253868 75%,#304878 100%);
  background-attachment:fixed;color:var(--text);font-family:'Rajdhani',sans-serif;
  min-height:100vh;overflow-x:hidden;user-select:none;
}
body::before{content:'';position:fixed;inset:0;
  background:url('/img/bg-galaxy5.webp') center/min(500px,100%) no-repeat,
             radial-gradient(ellipse at 20% 15%,rgba(120,184,232,0.07) 0%,transparent 55%),
             radial-gradient(ellipse at 80% 85%,rgba(93,212,200,0.05) 0%,transparent 55%);
  pointer-events:none;z-index:0;}
.stars{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.star{position:absolute;background:rgba(220,235,255,0.6);border-radius:50%;animation:twinkle var(--d) infinite;opacity:0;}
@keyframes twinkle{0%,100%{opacity:0}50%{opacity:var(--o)}}
.app{position:relative;z-index:1;max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;}

/* HEADER */
.header{padding:12px 15px 9px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bdr);background:rgba(26,39,68,0.95);backdrop-filter:blur(12px);}
.logo{font-family:'Orbitron',monospace;font-size:20px;font-weight:900;background:linear-gradient(135deg,#A0D0F0,#7DDBA8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;}
.hdr-right{display:flex;align-items:center;gap:7px;}
.balance-chip{display:flex;align-items:center;gap:4px;background:rgba(125,219,168,0.12);border:1px solid rgba(125,219,168,0.3);border-radius:15px;padding:5px 12px;font-family:'Orbitron',monospace;font-size:11px;font-weight:700;color:var(--green);box-shadow:var(--card-hl),0 0 14px rgba(125,219,168,.22);}
.chip-svg{width:14px;height:14px;flex-shrink:0;}
.level-badge-btn{background:rgba(240,192,96,0.12);border:1px solid rgba(240,192,96,0.3);border-radius:11px;padding:5px 10px;font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--gold);cursor:pointer;transition:all 0.2s;}
.level-badge-btn:active{transform:scale(0.95);}

/* TABS */
.tabs{position:relative;display:flex;padding:7px 11px;gap:5px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--bdr2);background:rgba(26,39,68,0.92);backdrop-filter:blur(10px);}
.tabs::-webkit-scrollbar{display:none;}
.tab-btn{flex:0 0 auto;padding:5px 12px;border-radius:14px;border:1px solid rgba(120,184,232,0.2);background:rgba(120,184,232,0.07);color:var(--text3);font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all 0.2s;text-transform:uppercase;white-space:nowrap;}
.tab-btn.active{background:rgba(120,184,232,0.18);border-color:var(--accent);color:var(--accent);box-shadow:var(--glow);}

/* PAGES */
.page{display:none;flex:1;padding:11px 15px 108px;}
.page.active{display:block;}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* SECTION */
.sec{font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--accent2);letter-spacing:2px;text-transform:uppercase;margin:20px 0 10px;display:flex;align-items:center;gap:7px;}
.sec-svg{width:15px;height:15px;flex-shrink:0;color:var(--accent2);}
.sec::after{content:'';flex:1;height:1px;background:rgba(120,184,232,0.2);}

/* SUB TABS */
.sub-tabs{display:flex;gap:3px;margin-bottom:var(--sp-4);background:rgba(0,0,0,0.18);border-radius:var(--r-md);padding:var(--sp-1);border:1px solid var(--bdr2);}
.sub-tab{flex:1;padding:9px 4px;text-align:center;background:transparent;border:none;border-radius:var(--r-sm);color:var(--text3);font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all 0.2s;text-transform:uppercase;}
.sub-tab.active{background:rgba(120,184,232,0.18);color:var(--accent);}
.st-ic{width:13px;height:13px;display:inline-block;vertical-align:-2px;margin-right:4px;}
.ic-inline{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:4px;}
.comm-svg{width:26px;height:26px;color:var(--accent);}
.hf-svg{width:14px;height:14px;vertical-align:middle;}
.token-list{font-size:10px;color:var(--text2);line-height:1.8;white-space:pre-line;}
.sub-tab-label{display:block;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-top:4px;color:var(--text3);transition:color 0.2s;line-height:1.2;}
.sub-tab.active .sub-tab-label{color:var(--accent);}

/* CLAIM */
.daily-banner{background:rgba(240,192,96,0.1);border:1px solid rgba(240,192,96,0.28);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:10px;cursor:pointer;transition:all 0.2s;box-shadow:var(--card-hl),var(--elev-1);}
.daily-banner:hover,.level-bar-wrap:hover{border-color:rgba(120,184,232,.4);}
.daily-banner:active{transform:scale(0.98);box-shadow:var(--card-hl),0 0 14px rgba(120,184,232,.25);}
.daily-title{font-size:12px;font-weight:700;color:var(--gold);letter-spacing:1px;}
.daily-sub{font-size:12px;color:var(--text2);margin-top:1px;}
.level-bar-wrap{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-3);cursor:pointer;transition:all 0.2s;box-shadow:var(--card-hl),var(--elev-1);}
.level-bar-wrap:active{transform:scale(0.99);box-shadow:var(--card-hl),0 0 14px rgba(120,184,232,.25);}
.lbw-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;}
.lbw-name{font-family:var(--font-head);font-size:12px;font-weight:700;}
.lbw-tap{font-size:11px;color:var(--accent2);letter-spacing:1px;}
.lbw-bars{display:flex;flex-direction:column;gap:9px;}
.lbw-bar-wrap{position:relative;height:24px;background:rgba(0,0,0,0.28);border-radius:8px;overflow:hidden;}
.lbw-fill{height:100%;border-radius:8px;transition:width 0.6s ease;position:absolute;top:0;left:0;}
.lbw-bar-text{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;z-index:1;}
.lbw-bar-label{font-size:10px;font-weight:700;color:rgba(255,255,255,0.92);letter-spacing:0.5px;text-shadow:0 1px 2px rgba(0,0,0,0.6);text-transform:uppercase;white-space:nowrap;}
.lbw-bar-val{font-family:'Orbitron',monospace;font-size:9px;color:rgba(255,255,255,0.85);text-shadow:0 1px 2px rgba(0,0,0,0.6);white-space:nowrap;}
.lbw-bar-pct{font-family:'Orbitron',monospace;font-size:10px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.6);white-space:nowrap;}
.lbw-bot{display:flex;justify-content:space-between;margin-top:6px;}
.lbw-xp{font-size:11px;color:var(--text3);}
.lbw-bonus{font-size:11px;color:var(--green);font-weight:700;}
.claim-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:160px;}
.ci-ring{position:absolute;inset:0;width:100%;height:100%;}
.ci-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.progress-svg{position:absolute;inset:0;transform:rotate(-90deg);}
.ring-bg{fill:none;stroke:rgba(120,184,232,0.1);stroke-width:9;}
.ring-fill{fill:none;stroke-width:9;stroke-linecap:round;stroke-dasharray:553;stroke-dashoffset:553;transition:stroke-dashoffset 1s linear;}
.claim-inner{position:absolute;inset:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(26,39,68,0.97),rgba(26,47,80,0.99));border:2px solid rgba(120,184,232,0.22);box-shadow:0 0 28px rgba(120,184,232,0.08),inset 0 0 18px rgba(0,0,0,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;}
.ci-label{font-size:10px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;}
.ci-timer{font-family:'Orbitron',monospace;font-size:17px;font-weight:700;color:var(--accent);line-height:1.1;}
.ci-div{width:36px;height:1px;background:var(--bdr);margin:3px 0;}
.ci-rl{font-size:10px;color:var(--text3);letter-spacing:1px;}
.ci-reward{font-family:'Orbitron',monospace;font-size:15px;font-weight:700;color:var(--green);}
.claim-btn-main{display:block;width:100%;max-width:275px;margin:0 auto 7px;padding:14px;border-radius:var(--r-lg);border:none;font-family:var(--font-head);font-size:13px;font-weight:900;cursor:pointer;letter-spacing:3px;transition:all 0.2s;}
.claim-btn-main.ready{background:linear-gradient(135deg,#5DAA80,#3D8860);color:#fff;box-shadow:0 4px 22px rgba(93,170,128,0.38);text-shadow:0 1px 2px rgba(0,0,0,0.25);}
.claim-btn-main.wait{background:rgba(26,39,68,0.9);color:var(--text3);border:1px solid var(--bdr);cursor:not-allowed;}
.claim-btn-main:active:not(.wait){transform:scale(0.96);}
.claim-hint{text-align:center;font-size:11px;color:var(--text3);letter-spacing:1px;margin-bottom:12px;min-height:13px;}
.claim-hint.rh{color:var(--green);font-weight:700;}
.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);}
.stat-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-md);padding:14px 9px;text-align:center;box-shadow:var(--card-hl),var(--elev-1);}
.stat-val{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:var(--accent);}
.stat-lbl{font-size:11px;color:var(--text3);letter-spacing:1px;margin-top:2px;text-transform:uppercase;}

/* TASKS + SHOP */
.task-item{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px;margin-bottom:var(--sp-2);display:flex;align-items:center;gap:10px;box-shadow:var(--card-hl),var(--elev-1);}
.task-item.done{opacity:0.38;}
.task-icon{font-size:22px;flex-shrink:0;}
.task-body{flex:1;}
.task-name{font-size:13px;font-weight:700;color:var(--text);}
.task-desc{font-size:12px;color:var(--text2);margin-top:1px;}
.task-reward{font-family:'Orbitron',monospace;font-size:11px;color:var(--green);margin-top:2px;font-weight:700;}
.task-btn{padding:7px 11px;border-radius:8px;border:1px solid var(--accent);background:rgba(120,184,232,0.1);color:var(--accent);font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;letter-spacing:1px;white-space:nowrap;flex-shrink:0;transition:all 0.2s;}
.task-btn:active{transform:scale(0.95);}
.task-btn.done-btn{border-color:var(--green);background:rgba(125,219,168,0.1);color:var(--green);pointer-events:none;}
/* ── USER TASKS TABS ── */
.tasks-tabs{display:flex;gap:6px;margin-bottom:10px;}
.tasks-tab{flex:1;padding:8px 4px;border-radius:10px;border:1px solid var(--bdr);background:var(--card);color:var(--text3);font-family:var(--font-head);font-size:10px;font-weight:700;cursor:pointer;letter-spacing:0.5px;transition:all 0.2s;}
.tasks-tab.tasks-tab-active{border-color:var(--accent);background:rgba(120,184,232,0.12);color:var(--accent);}
/* ── USER TASKS CARDS ── */
.ut-create-btn{width:100%;padding:10px;border-radius:10px;border:1px dashed var(--accent);background:rgba(120,184,232,0.07);color:var(--accent);font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;margin-bottom:10px;letter-spacing:1px;transition:all 0.2s;}
.ut-create-btn:active{transform:scale(0.97);}
.ut-need-hint{text-align:center;font-size:11px;color:var(--text3);padding:10px 0 6px;margin-bottom:6px;}
.ut-create-form{background:var(--card);border:1px solid var(--bdr);border-radius:12px;padding:14px;margin-bottom:12px;}
.ut-form-title{font-family:var(--font-head);font-size:11px;color:var(--accent);font-weight:700;margin-bottom:10px;letter-spacing:1px;}
.ut-field-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.ut-emoji-picker{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 10px;}
.ut-emoji-opt{font-size:18px;line-height:1;padding:6px 8px;border-radius:8px;border:1px solid var(--bdr);background:rgba(255,255,255,0.04);cursor:pointer;transition:all 0.15s;}
.ut-emoji-opt:active{transform:scale(0.9);}
.ut-emoji-opt.active{border-color:var(--accent);background:rgba(120,184,232,0.15);}
.ut-field-label{font-size:10px;color:var(--text3);min-width:72px;flex-shrink:0;}
.ut-field-sub{font-size:10px;color:var(--text3);}
.ut-input{background:rgba(255,255,255,0.05);border:1px solid var(--bdr);border-radius:7px;padding:6px 9px;color:#e6edf3;font-size:12px;flex:1;min-width:0;outline:none;}
.ut-input:focus{border-color:var(--accent);}
.ut-cost-hint{font-size:10px;color:var(--text3);margin-bottom:10px;text-align:center;}
.ut-bot-tag{display:inline-block;background:rgba(120,184,232,0.15);border:1px solid rgba(120,184,232,0.3);border-radius:6px;padding:1px 6px;color:var(--accent);font-family:var(--font-head);font-weight:700;cursor:pointer;white-space:nowrap;}
.ut-submit-btn{width:100%;padding:9px;border-radius:9px;border:1px solid var(--accent);background:rgba(120,184,232,0.15);color:var(--accent);font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;letter-spacing:1px;transition:all 0.2s;}
.ut-submit-btn:active{transform:scale(0.97);}
.ut-section-title{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin:10px 0 6px;padding-left:2px;}
.ut-empty{text-align:center;padding:30px;font-size:11px;color:var(--text3);}
.ut-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px;margin-bottom:var(--sp-2);box-shadow:var(--card-hl),var(--elev-1);}
.ut-card-done{opacity:0.45;}
.ut-card-mine{border-color:rgba(120,184,232,0.25);}
.ut-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;}
.ut-card-icon{font-size:22px;flex-shrink:0;line-height:1.2;}
.ut-card-info{flex:1;min-width:0;}
.ut-card-title{font-size:12px;font-weight:700;color:#e6edf3;margin-bottom:2px;}
.ut-card-desc{font-size:10px;color:var(--text3);margin-bottom:2px;}
.ut-card-reward{font-family:'Orbitron',monospace;font-size:12px;font-weight:700;color:var(--green);white-space:nowrap;flex-shrink:0;}
.ut-pool-bar-wrap{height:3px;background:rgba(255,255,255,0.08);border-radius:2px;margin-bottom:7px;overflow:hidden;}
.ut-pool-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:2px;transition:width 0.4s;}
.ut-card-meta{display:flex;gap:12px;font-size:10px;color:var(--text3);margin-bottom:8px;}
.ut-card-btns{display:flex;gap:7px;}
.ut-link-btn{flex:1;padding:7px 8px;border-radius:8px;border:1px solid var(--bdr);background:rgba(255,255,255,0.04);color:var(--text2);font-size:11px;text-align:center;text-decoration:none;cursor:pointer;}
.ut-claim-btn{padding:7px 14px;border-radius:8px;border:1px solid var(--green);background:rgba(125,219,168,0.1);color:var(--green);font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all 0.2s;}
.ut-claim-btn:active{transform:scale(0.95);}
.ut-claim-btn-full{width:100%;padding:10px;font-size:12px;}
.ut-done-badge{text-align:center;font-size:11px;color:var(--green);font-weight:700;padding:4px 0;}
.ut-status-badge{display:inline-block;font-size:9px;padding:2px 7px;border-radius:5px;font-weight:700;margin-top:2px;}
.ut-status-pending{background:rgba(240,192,96,0.15);color:#F0C060;}
.ut-status-active{background:rgba(125,219,168,0.15);color:var(--green);}
.ut-status-rejected{background:rgba(255,80,80,0.15);color:#FF5050;}
.ut-status-paused{background:rgba(160,160,160,0.15);color:#A0A0A0;}
.ut-topup-row{display:flex;gap:7px;align-items:center;margin-top:6px;flex-wrap:wrap;}
.ut-topup-btn{padding:6px 12px;border-radius:8px;border:1px solid var(--accent);background:rgba(120,184,232,0.1);color:var(--accent);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;}
.ut-pause-btn{padding:6px 10px;border-radius:8px;border:1px solid #A0A0A0;background:rgba(160,160,160,0.1);color:#A0A0A0;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;}
.ut-edit-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--bdr);background:rgba(255,255,255,0.04);color:var(--text2);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;}
.ut-edit-form{margin-top:8px;padding-top:8px;border-top:1px solid var(--bdr);}
.shop-bal-bar{background:rgba(120,184,232,0.09);border:1px solid rgba(120,184,232,0.2);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-3);display:flex;justify-content:space-between;align-items:center;}
.sbb-val{font-family:'Orbitron',monospace;font-size:18px;font-weight:900;color:var(--text);}
.sbb-lbl{font-size:11px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-bottom:2px;}
.boost-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px;margin-bottom:var(--sp-2);display:flex;align-items:center;gap:11px;box-shadow:var(--card-hl),var(--elev-1);}
.boost-icon{font-size:28px;flex-shrink:0;}
.boost-body{flex:1;}
.boost-name{font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--text);margin-bottom:2px;}
.boost-desc{font-size:10px;color:var(--text2);line-height:1.4;}
.boost-dur{font-size:11px;color:var(--accent2);margin-top:2px;letter-spacing:1px;}
.boost-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;}
.boost-price{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;color:var(--gold);}
.buy-btn{padding:6px 11px;border-radius:7px;border:1px solid rgba(240,192,96,0.4);background:rgba(240,192,96,0.1);color:var(--gold);font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;letter-spacing:1px;white-space:nowrap;transition:all 0.2s;}
.buy-btn:active{transform:scale(0.95);}
.buy-btn:disabled{opacity:0.28;cursor:not-allowed;transform:none;}
.buy-btn.owned{border-color:rgba(125,219,168,0.4);background:rgba(125,219,168,0.1);color:var(--green);}
.active-boosts{background:rgba(125,219,168,0.07);border:1px solid rgba(125,219,168,0.2);border-radius:11px;padding:11px;margin-bottom:9px;}
.ab-item{display:flex;align-items:center;gap:9px;padding:5px 0;border-bottom:1px solid var(--bdr2);}
.ab-item:last-child{border-bottom:none;}
.ab-icon{font-size:16px;}
.ab-name{font-size:12px;font-weight:700;color:var(--text);flex:1;}
.ab-time{font-family:'Orbitron',monospace;font-size:11px;color:var(--green);}

/* METALS */
.ms-balance-card{background:rgba(120,184,232,0.1);border:1px solid rgba(120,184,232,0.22);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-3);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--card-hl),var(--elev-1);}
.ms-bal-val{font-family:'Orbitron',monospace;font-size:19px;font-weight:900;color:var(--text);}
.ms-bal-label{font-size:11px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-bottom:2px;}
.ms-bal-sub{font-size:11px;color:var(--text2);margin-top:1px;}
.rate-note{font-size:11px;color:var(--text3);text-align:center;margin-bottom:10px;letter-spacing:1px;}
.rate-note span{color:var(--accent);font-weight:700;}
.metal-card-full{background:var(--card);border-radius:var(--r-lg);margin-bottom:var(--sp-3);border:1px solid var(--bdr);position:relative;overflow:hidden;box-shadow:var(--card-hl),var(--elev-1);}
.metal-card-full::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}
.mcf-header{display:flex;align-items:center;gap:11px;padding:13px 13px 0;}
.mcf-icon{flex-shrink:0;width:88px;height:88px;display:flex;align-items:center;justify-content:center;}
.mcf-info{flex:1;}
.mcf-name{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--text);}
.mcf-price-row{display:flex;align-items:baseline;gap:4px;margin-top:2px;}
.mcf-price{font-family:'Orbitron',monospace;font-size:12px;font-weight:700;color:var(--accent2);}
.mcf-price-usd{font-family:'Rajdhani',sans-serif;font-size:11px;color:var(--text3);}
.mcf-value-badge{background:rgba(125,219,168,0.07);border:1px solid rgba(125,219,168,0.2);border-radius:8px;padding:6px 10px;text-align:right;flex-shrink:0;}
.mcf-val-label{font-size:10px;color:#ffffff;letter-spacing:1px;text-transform:uppercase;}
.mcf-val-num{font-family:'Orbitron',monospace;font-size:12px;font-weight:700;color:var(--green);text-shadow:0 0 6px rgba(125,219,168,0.35);margin-top:2px;}
.apy-badge{background:rgba(125,219,168,0.12);border:1px solid rgba(125,219,168,0.28);border-radius:6px;padding:2px 6px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;color:var(--green);display:inline-block;margin-left:0;letter-spacing:0.5px;}
.mcf-tabs{display:flex;gap:4px;padding:7px 0 0;}
.mcf-tab{flex:1;padding:8px 6px;text-align:center;background:rgba(0,0,0,0.15);border:1px solid var(--bdr);border-radius:7px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;color:var(--text3);cursor:pointer;transition:all 0.2s;letter-spacing:0.3px;}
.mcf-tab.active-tab{background:rgba(120,184,232,0.15);border-color:var(--accent);color:var(--accent);}
.mcf-tabs-top{padding:9px 11px 0;margin:0;border-top:none;}
.mcf-value-strip{display:flex;gap:6px;}
.mvs-item{flex:1;min-width:0;background:rgba(125,219,168,0.06);border:1px solid rgba(125,219,168,0.18);border-radius:7px;padding:5px 6px;text-align:center;overflow:hidden;}
.mvs-label{display:block;font-size:9px;color:var(--text3);letter-spacing:0.3px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mvs-num{display:block;font-family:'Orbitron',monospace;font-size:12px;font-weight:700;color:var(--green);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mvs-num-plain{color:var(--text);}
.mvs-num-stk{color:var(--accent2);}
.mcf-panel{padding:11px 13px 13px;display:none;}
.mcf-panel.show{display:block;}
.mcf-held-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;padding:7px 9px;background:rgba(0,0,0,0.18);border-radius:7px;border:1px solid var(--bdr2);}
.mcf-held-label{font-family:'Rajdhani',sans-serif;font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;}
.mcf-held-val{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;color:var(--text);}
.mcf-input-row{display:flex;gap:6px;align-items:center;}
.mcf-input{flex:1;min-width:0;background:rgba(0,0,0,0.2);border:1px solid var(--bdr);border-radius:7px;padding:8px 8px;color:var(--text);font-family:'Rajdhani',sans-serif;font-size:13px;outline:none;transition:border-color 0.2s;}
.mcf-input:focus{border-color:var(--accent);}
.mcf-input::placeholder{color:var(--text3);font-size:11px;}
.mcf-cost{font-family:'Rajdhani',sans-serif;font-size:11px;color:var(--text3);margin-top:4px;min-height:13px;}
.mcf-cost span{color:var(--accent2);font-weight:700;font-family:'Orbitron',monospace;}
.mcf-btn{padding:8px 9px;border-radius:7px;border:none;font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:0.5px;white-space:nowrap;transition:all 0.2s;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.3);flex-shrink:0;}
.mcf-btn:active{transform:scale(0.95);}
.mcf-btn:disabled{opacity:0.25;cursor:not-allowed;transform:none;}
.btn-danger{background:rgba(255,160,50,0.15);border:1px solid rgba(255,160,50,0.45);color:#FFA032;}
.btn-danger:not(:disabled){box-shadow:0 0 6px rgba(255,160,50,0.25);}
.stake-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:9px;}
.ss-item{background:rgba(0,0,0,0.18);border-radius:7px;padding:7px 4px;text-align:center;}
.ss-val{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:var(--accent2);}
.ss-label{font-size:10px;color:var(--text3);margin-top:1px;letter-spacing:1px;text-transform:uppercase;}
.portfolio-card{background:var(--card2);border:1px solid var(--bdr);border-radius:12px;padding:13px;margin-top:4px;box-shadow:var(--card-hl),var(--elev-1);}
.portfolio-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--bdr2);}
.portfolio-row:last-child{border-bottom:none;}
.pr-left{display:flex;align-items:center;gap:6px;}
.pr-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.pr-name{font-size:11px;color:var(--text2);}
.pr-amount{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:var(--text);}
.stk-total-card{background:rgba(125,219,168,0.07);border:1px solid rgba(125,219,168,0.18);border-radius:var(--r-md);padding:12px;margin-top:var(--sp-3);}
.st-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--bdr2);}
.st-row:last-child{border-bottom:none;}
.st-label{font-size:11px;color:var(--text2);}
.st-val{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;color:var(--green);}

/* CRAFT */
.craft-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:10px;box-shadow:var(--card-hl),var(--elev-1);}
.craft-from{text-align:center;flex:1;}
.craft-arrow{font-size:18px;color:var(--accent2);flex-shrink:0;}
.craft-to{text-align:center;flex:1;}
.craft-metal-name{font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--text);margin-top:3px;}
.craft-metal-qty{font-size:10px;color:var(--text3);}
.craft-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--accent2);background:rgba(93,212,200,0.1);color:var(--accent2);font-family:var(--font-head);font-size:9px;font-weight:700;cursor:pointer;letter-spacing:1px;transition:all 0.2s;flex-shrink:0;}
.craft-btn:active{transform:scale(0.95);}
.craft-btn:disabled{opacity:0.25;cursor:not-allowed;transform:none;}

/* ACHIEVEMENTS */
.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);}
.ach-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px;text-align:center;transition:all 0.2s;box-shadow:var(--card-hl),var(--elev-1);}
.ach-card.unlocked{border-color:rgba(240,192,96,0.4);background:rgba(240,192,96,0.07);}
.ach-icon{font-size:28px;margin-bottom:5px;}
.ach-name{font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--text);letter-spacing:1px;}
.ach-desc{font-size:10px;color:var(--text3);margin-top:2px;line-height:1.4;}
.ach-reward{font-family:'Orbitron',monospace;font-size:11px;color:var(--gold);margin-top:4px;font-weight:700;}
.ach-locked{font-size:10px;color:var(--muted);margin-top:3px;}

/* PROFILE */
.profile-hero{background:linear-gradient(135deg,rgba(120,184,232,0.15),rgba(93,212,200,0.08));border:1px solid rgba(120,184,232,0.25);border-radius:16px;padding:18px;padding-top:58px;text-align:center;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:var(--card-hl),var(--elev-1);}
.profile-avatar{width:300px;height:300px;border-radius:0;background:none;margin:0 auto 10px;display:flex;align-items:flex-end;justify-content:center;font-size:30px;border:none;overflow:hidden;padding:0;}
.profile-name{font-family:var(--font-head);font-size:15px;font-weight:900;color:var(--text);margin-bottom:3px;}
.profile-level{font-size:11px;color:var(--gold);}
.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin:var(--sp-3) 0;}
.profile-stat{background:rgba(0,0,0,0.2);border-radius:var(--r-md);padding:12px 6px;text-align:center;}
.profile-stat-val{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:var(--accent);}
.profile-stat-label{font-size:10px;color:var(--text3);margin-top:2px;letter-spacing:1px;text-transform:uppercase;}
.share-profile-btn{width:100%;padding:13px;border-radius:var(--r-md);border:1px solid rgba(120,184,232,0.3);background:rgba(120,184,232,0.12);color:var(--accent);font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;letter-spacing:2px;transition:all 0.2s;}
.share-profile-btn:active{transform:scale(0.97);}

/* TOURNAMENT */
.tournament-banner{background:linear-gradient(135deg,rgba(240,192,96,0.12),rgba(232,140,60,0.07));border:1px solid rgba(240,192,96,0.28);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-3);box-shadow:var(--card-hl),var(--elev-1);}
.tournament-title{font-family:var(--font-head);font-size:12px;font-weight:900;color:var(--gold);letter-spacing:2px;margin-bottom:4px;}
.tournament-timer{font-family:'Orbitron',monospace;font-size:10px;color:var(--text2);margin-bottom:10px;}
.tournament-prizes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;}
.prize-card{background:rgba(0,0,0,0.2);border-radius:8px;padding:8px 4px;text-align:center;}
.prize-pos{font-size:16px;}
.prize-val{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:var(--gold);margin-top:2px;}
.prize-desc{font-size:10px;color:var(--text3);}


/* WEBP METAL ICONS */
.levelIcon{width:28px;height:28px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 6px rgba(255,255,255,.25));}
.progressMetalIcon{width:56px;height:56px;object-fit:contain;z-index:2;position:relative;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,255,255,.3));}
.metalIcon{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.25));}
.boxIcon{width:100px;height:100px;object-fit:contain;transition:.25s;filter:drop-shadow(0 0 16px rgba(255,255,255,.2));}
.boxIcon:hover,.boxIcon:active{transform:scale(1.06);}
/* BOXES & WHEEL */
.box-card{position:relative;background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px;margin-bottom:var(--sp-3);overflow:hidden;transition:transform 0.15s;box-shadow:var(--card-hl),var(--elev-1);}
.box-card:active{transform:scale(0.98);}
.box-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.box-icon{display:flex;align-items:center;justify-content:center;width:108px;height:108px;flex-shrink:0;}
.box-name{font-family:var(--font-head);font-size:13px;font-weight:700;}
.box-price{font-family:'Orbitron',monospace;font-size:16px;font-weight:900;color:var(--green);}
.box-odds{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px;}
.box-odd{padding:3px 7px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:1px;}
.box-btn{width:100%;padding:11px;border-radius:10px;border:none;font-family:var(--font-head);font-size:12px;font-weight:700;cursor:pointer;letter-spacing:2px;transition:all 0.2s;}
.boost-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(93,212,200,0.08);border:1px solid rgba(93,212,200,0.2);border-radius:8px;margin-bottom:6px;}
.boost-timer{font-family:'Orbitron',monospace;font-size:9px;color:var(--accent2);}
#rewardPopup{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;}
#rewardPopup.show{opacity:1;pointer-events:all;}
.reward-card{background:linear-gradient(155deg,#1E3058,#253868);border:1px solid rgba(120,184,232,0.3);border-radius:20px;padding:28px;text-align:center;max-width:300px;width:90%;animation:rewardPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}
@keyframes rewardPop{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}
.reward-icon{font-size:60px;margin-bottom:10px;}
.reward-rarity{font-family:var(--font-head);font-size:11px;letter-spacing:3px;margin-bottom:6px;}
.reward-main{font-family:var(--font-head);font-size:22px;font-weight:900;margin-bottom:6px;}
.reward-sub{font-size:11px;color:var(--text3);}
#wheelCanvas{cursor:pointer;box-shadow:0 0 30px rgba(120,184,232,0.2);}

/* LEADERBOARD */
.lb-tabs{display:flex;gap:5px;margin-bottom:11px;}
.lb-tab{flex:1;padding:8px;border-radius:10px;border:1px solid var(--bdr);background:var(--card);color:var(--text3);font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all 0.2s;text-align:center;}
.lb-tab.active{background:rgba(120,184,232,0.14);border-color:var(--accent);color:var(--accent);}
.lb-my-rank{background:rgba(120,184,232,0.09);border:1px solid rgba(120,184,232,0.22);border-radius:12px;padding:12px;margin-bottom:11px;display:flex;align-items:center;gap:11px;}
.lb-rank-num{font-family:'Orbitron',monospace;font-size:21px;font-weight:900;color:var(--gold);min-width:36px;text-align:center;}
.lb-rank-info{flex:1;}
.lb-rank-name{font-size:13px;font-weight:700;color:var(--text);}
.lb-rank-sub{font-size:9px;color:var(--text3);margin-top:2px;}
.lb-rank-val{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;color:var(--green);}
.lb-item{display:flex;align-items:center;gap:9px;padding:10px 11px;background:var(--card);border:1px solid var(--bdr);border-radius:10px;margin-bottom:6px;}
.lb-item.top1{border-color:rgba(240,192,96,0.38);}
.lb-item.top2{border-color:rgba(168,192,216,0.28);}
.lb-item.top3{border-color:rgba(200,140,80,0.28);}
.lb-pos{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;min-width:22px;text-align:center;color:var(--text3);}
.lb-item.top1 .lb-pos{color:var(--gold);}
.lb-item.top2 .lb-pos{color:var(--silver);}
.lb-item.top3 .lb-pos{color:#C87840;}
.lb-avatar{width:30px;height:30px;border-radius:50%;background:rgba(120,184,232,0.15);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
.lb-name{font-size:12px;font-weight:700;flex:1;color:var(--text);}
.lb-val{font-family:'Orbitron',monospace;font-size:10px;color:var(--green);}

/* COMMUNITY + HISTORY */
.community-hero{background:rgba(120,184,232,0.09);border:1px solid rgba(120,184,232,0.2);border-radius:var(--r-lg);padding:var(--sp-4);text-align:center;margin-bottom:var(--sp-3);position:relative;overflow:hidden;box-shadow:var(--card-hl),var(--elev-1);}
.community-hero::before{content:'';position:absolute;top:-15px;right:-15px;width:70px;height:70px;background:radial-gradient(circle,rgba(120,184,232,0.1),transparent);border-radius:50%;}
.ch-title{font-family:var(--font-head);font-size:14px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px;}
.ch-sub{font-size:10px;color:var(--text2);}
.comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-3);}
.comm-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-md);padding:14px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--card-hl),var(--elev-1);}
.comm-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;}
.comm-card.c1::after{background:linear-gradient(90deg,var(--accent),var(--green));}
.comm-card.c2::after{background:linear-gradient(90deg,var(--gold),#E08040);}
.comm-card.c3::after{background:linear-gradient(90deg,#C098D8,#E070A0);}
.comm-card.c4::after{background:linear-gradient(90deg,var(--silver),var(--plat));}
.comm-icon{font-size:23px;margin-bottom:5px;}
.comm-val{font-family:'Orbitron',monospace;font-size:15px;font-weight:700;color:var(--accent);}
.comm-label{font-size:10px;color:var(--text3);margin-top:2px;letter-spacing:1px;text-transform:uppercase;}
.metal-dist{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px;margin-bottom:var(--sp-3);box-shadow:var(--card-hl),var(--elev-1);}
.md-bar-wrap{margin-bottom:8px;}
.md-bar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.md-bar-name{font-size:11px;color:var(--text2);}
.md-bar-pct{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:var(--text);}
.md-bar{height:5px;background:rgba(0,0,0,0.25);border-radius:3px;overflow:hidden;}
.md-fill{height:100%;border-radius:3px;}
.activity-chart{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px;margin-bottom:var(--sp-3);box-shadow:var(--card-hl),var(--elev-1);}
.ac-bars{display:flex;align-items:flex-end;gap:4px;height:52px;}
.ac-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;}
.ac-bar{background:linear-gradient(180deg,var(--accent),rgba(120,184,232,0.15));border-radius:3px 3px 0 0;width:100%;}
.my-contrib{background:rgba(125,219,168,0.06);border:1px solid rgba(125,219,168,0.16);border-radius:11px;padding:12px;}
.history-filters{display:flex;gap:4px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none;}
.history-filters::-webkit-scrollbar{display:none;}
.hf-btn{flex:0 0 auto;padding:5px 10px;border-radius:12px;border:1px solid var(--bdr);background:rgba(120,184,232,0.07);color:var(--text3);font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;cursor:pointer;transition:all 0.2s;white-space:nowrap;}
.hf-btn.active{background:rgba(120,184,232,0.18);border-color:var(--accent);color:var(--accent);}
.hist-item{display:flex;align-items:center;gap:9px;padding:10px 11px;background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-md);margin-bottom:var(--sp-2);}
.hi-icon-wrap{width:32px;height:32px;border-radius:50%;background:rgba(120,184,232,0.1);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.hi-body{flex:1;}
.hi-name{font-size:12px;font-weight:700;color:var(--text);}
.hi-date{font-size:9px;color:var(--text3);margin-top:1px;}
.hi-amount{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;}
.hi-amount.pos{color:var(--green);}
.hi-amount.neg{color:var(--danger);}
.hist-empty{text-align:center;padding:32px 20px;}
.hist-empty-icon{font-size:32px;margin-bottom:8px;}
.hist-empty-text{font-size:12px;color:var(--text3);}

/* AIRDROP */
.airdrop-hero{background:rgba(120,184,232,0.09);border:1px solid rgba(120,184,232,0.2);border-radius:var(--r-lg);padding:var(--sp-4);text-align:center;margin-bottom:var(--sp-3);position:relative;overflow:hidden;box-shadow:var(--card-hl),var(--elev-1);}
.airdrop-hero::before{content:'';position:absolute;top:-12px;right:-12px;width:65px;height:65px;background:radial-gradient(circle,rgba(120,184,232,0.1),transparent);border-radius:50%;}
.airdrop-emoji{font-size:36px;display:block;margin-bottom:7px;}
.airdrop-title{font-family:var(--font-head);font-size:14px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px;}
.airdrop-desc{font-size:11px;color:var(--text2);line-height:1.5;}
.token-info{background:var(--card2);border:1px solid rgba(240,192,96,0.15);border-radius:10px;padding:11px;margin-bottom:9px;}
.token-info-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--bdr2);}
.token-info-row:last-child{border-bottom:none;}
.ti-label{font-size:11px;color:var(--text2);}
.ti-val{font-family:'Orbitron',monospace;font-size:11px;color:var(--gold);}
.chain-wallet{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--sp-3);box-shadow:var(--card-hl),var(--elev-1);}
.chain-wallet-header{padding:11px 13px 9px;border-bottom:1px solid var(--bdr2);background:rgba(0,0,0,0.14);}
.cwh-title{font-family:var(--font-head);font-size:10px;font-weight:700;color:var(--accent2);letter-spacing:2px;text-transform:uppercase;}
.cwh-sub{font-size:9px;color:var(--text3);margin-top:2px;}
.chain-item{border-bottom:1px solid var(--bdr2);padding:11px 13px;}
.chain-item:last-child{border-bottom:none;}
.chain-top{display:flex;align-items:center;gap:9px;margin-bottom:8px;}
.chain-logo{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;font-weight:700;font-family:var(--font-head);}
.chain-logo.usdt{background:rgba(80,160,110,0.18);border:1px solid rgba(80,160,110,0.35);color:#7DC090;}
.chain-logo.bnb{background:rgba(220,170,60,0.15);border:1px solid rgba(220,170,60,0.3);color:var(--gold);}
.chain-logo.ton{background:rgba(120,184,232,0.15);border:1px solid rgba(120,184,232,0.3);color:var(--accent);}
.chain-logo.eth{background:rgba(140,120,210,0.15);border:1px solid rgba(140,120,210,0.3);color:#A890D0;}
.chain-info{flex:1;}
.chain-name{font-family:var(--font-head);font-size:10px;font-weight:700;color:var(--text);}
.chain-network{font-size:11px;color:var(--text3);margin-top:1px;letter-spacing:1px;}
.chain-badge{background:rgba(0,0,0,0.18);border:1px solid var(--bdr);border-radius:6px;padding:2px 7px;font-size:10px;font-family:'Orbitron',monospace;color:var(--text3);letter-spacing:1px;}
.chain-badge.rec{border-color:rgba(125,219,168,0.3);color:var(--green);background:rgba(125,219,168,0.08);}
.chain-addr-wrap{display:flex;gap:5px;align-items:center;}
.chain-input{flex:1;background:rgba(0,0,0,0.2);border:1px solid var(--bdr);border-radius:7px;padding:7px 9px;color:var(--text);font-family:'Orbitron',monospace;font-size:10px;outline:none;transition:border-color 0.2s;}
.chain-input:focus{border-color:var(--accent);}
.chain-input::placeholder{color:var(--text3);font-size:9px;}
.chain-btn{padding:7px 10px;border-radius:7px;border:1px solid var(--accent);background:rgba(120,184,232,0.1);color:var(--accent);font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all 0.2s;}
.chain-btn:active{transform:scale(0.96);}
.chain-connected{display:flex;align-items:center;gap:7px;background:rgba(125,219,168,0.07);border:1px solid rgba(125,219,168,0.2);border-radius:7px;padding:7px 9px;}
.chain-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;}
.chain-addr-text{font-family:'Orbitron',monospace;font-size:9px;color:var(--green);flex:1;word-break:break-all;}
.chain-disconnect{background:none;border:none;color:var(--danger);font-size:11px;cursor:pointer;padding:2px;flex-shrink:0;}
.chains-why{background:var(--card2);border:1px solid var(--bdr);border-radius:var(--r-md);padding:12px;margin-bottom:var(--sp-3);}
.cw-row{display:flex;gap:9px;align-items:flex-start;padding:5px 0;border-bottom:1px solid var(--bdr2);}
.cw-row:last-child{border-bottom:none;}
.cw-icon{font-size:15px;flex-shrink:0;margin-top:1px;}
.cw-text{font-size:10px;color:var(--text2);line-height:1.4;}
.cw-text strong{color:var(--text);}

/* REFERRAL */
.ref-hero{background:rgba(125,219,168,0.07);border:1px solid rgba(125,219,168,0.18);border-radius:var(--r-lg);padding:var(--sp-4);text-align:center;margin-bottom:var(--sp-3);box-shadow:var(--card-hl),var(--elev-1);}
.ref-levels{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px;margin-bottom:var(--sp-3);box-shadow:var(--card-hl),var(--elev-1);}
.ref-level-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--bdr2);}
.ref-level-row:last-child{border-bottom:none;}
.ref-level-icon{font-size:18px;flex-shrink:0;}
.ref-level-body{flex:1;}
.ref-level-name{font-size:12px;font-weight:700;color:var(--text);}
.ref-level-desc{font-size:10px;color:var(--text2);}
.ref-level-reward{font-family:'Orbitron',monospace;font-size:10px;color:var(--green);font-weight:700;flex-shrink:0;}
.ref-reward-banner{background:rgba(125,219,168,0.07);border:2px solid rgba(125,219,168,0.2);border-radius:12px;padding:12px;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
.rrb-icon{font-size:28px;flex-shrink:0;}
.rrb-body{flex:1;}
.rrb-title{font-family:var(--font-head);font-size:10px;font-weight:700;color:var(--green);letter-spacing:1px;margin-bottom:2px;}
.rrb-desc{font-size:10px;color:var(--text2);line-height:1.4;}
.rrb-amount{font-family:'Orbitron',monospace;font-size:20px;font-weight:900;color:var(--green);text-align:right;flex-shrink:0;line-height:1;}
.rrb-amount span{display:block;font-size:10px;color:var(--text3);}
.ref-code-box{background:var(--card2);border:2px dashed rgba(125,219,168,0.22);border-radius:9px;padding:11px 13px;margin:9px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.ref-code{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:var(--green);letter-spacing:3px;}
.copy-btn{background:rgba(125,219,168,0.1);border:1px solid rgba(125,219,168,0.25);border-radius:7px;padding:5px 10px;color:var(--green);font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;cursor:pointer;transition:all 0.2s;}
.share-btn{width:100%;padding:13px;border-radius:11px;border:none;background:linear-gradient(135deg,#5DAA80,#3D8860);color:#fff;font-family:var(--font-head);font-size:12px;font-weight:700;cursor:pointer;letter-spacing:2px;box-shadow:0 4px 16px rgba(93,170,128,0.3);transition:all 0.2s;text-shadow:0 1px 2px rgba(0,0,0,0.2);}
.share-btn:active{transform:scale(0.97);}
.ref-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0;}
.ref-stat{background:var(--card);border:1px solid var(--bdr);border-radius:10px;padding:12px;text-align:center;}
.ref-stat-val{font-family:'Orbitron',monospace;font-size:18px;font-weight:700;color:var(--green);}
.ref-stat-label{font-size:11px;color:var(--text3);margin-top:2px;letter-spacing:1px;}
.ref-how{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);padding:14px;box-shadow:var(--card-hl),var(--elev-1);}
.ref-step{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--bdr2);}
.ref-step:last-child{border-bottom:none;}
.ref-step-num{width:21px;height:21px;border-radius:50%;background:rgba(125,219,168,0.1);border:1px solid rgba(125,219,168,0.25);display:flex;align-items:center;justify-content:center;font-family:'Orbitron',monospace;font-size:10px;color:var(--green);flex-shrink:0;}
.ref-step-text{font-size:11px;color:var(--text2);line-height:1.5;padding-top:2px;}
.ref-step-text strong{color:var(--text);}
.hi2{color:var(--green);font-weight:700;}
.friends-list{margin-top:3px;}
.friend-item{display:flex;align-items:center;gap:8px;padding:9px;background:var(--card);border:1px solid var(--bdr);border-radius:9px;margin-bottom:5px;}
.friend-avatar{width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--green));display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
.friend-name{font-size:12px;font-weight:700;flex:1;color:var(--text);}
.friend-reward{font-family:'Orbitron',monospace;font-size:9px;color:var(--green);}

/* BOTTOM NAV */
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:rgba(26,39,68,0.97);backdrop-filter:blur(14px);border-top:1px solid var(--bdr);display:flex;z-index:50;padding:5px 0 max(7px,env(safe-area-inset-bottom));}
.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 0;background:none;border:none;cursor:pointer;transition:all 0.2s;}
.nav-icon{display:flex;align-items:center;justify-content:center;height:22px;transition:transform 0.2s;}
.nav-svg{width:22px;height:22px;display:block;color:var(--text3);transition:color 0.2s;}
.nav-label{font-size:9px;font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:0.3px;color:var(--text3);text-transform:uppercase;}
.nav-btn.active .nav-label{color:var(--accent);}
.nav-btn.active .nav-icon{transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(120,184,232,0.6));}
.nav-btn.active .nav-svg{color:var(--accent);}

/* MODALS */
.modal-overlay{position:fixed;inset:0;background:rgba(20,32,56,0.85);backdrop-filter:blur(6px);z-index:100;display:none;align-items:flex-end;justify-content:center;}
.modal-overlay.open{display:flex;}
#mintModal{z-index:150;}
.modal{background:linear-gradient(175deg,var(--bg2) 0%,var(--bg1) 100%);border:1px solid var(--bdr);border-radius:19px 19px 0 0;padding:17px 15px 46px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;animation:slideUp 0.23s ease;}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;}
.modal-title{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--accent);}
.modal-close{background:rgba(0,0,0,0.25);border:1px solid var(--bdr);border-radius:50%;width:26px;height:26px;color:var(--text3);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.days-grid{display:block;overflow:hidden;}
.day-card{position:relative;background:var(--card2);border:1px solid var(--bdr);border-radius:9px;padding:7px 3px;text-align:center;min-width:0;overflow:hidden;transition:all .2s;}
.day-card.done{opacity:.55;}
.day-card.today{background:rgba(240,192,96,0.14);border:1.5px solid var(--gold);box-shadow:0 0 12px rgba(240,192,96,.3);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 12px rgba(240,192,96,0.3)}50%{box-shadow:0 0 20px rgba(240,192,96,0.55)}}
.day-num{font-size:10px;color:var(--text3);font-weight:700;line-height:1.2;}
.day-reward{font-size:9px;font-weight:700;color:var(--accent);margin-top:1px;}
.day-card.today .day-reward{color:var(--gold);}
.day-card.done .day-reward{color:var(--green);}
.day-status{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.day-status svg{width:9px;height:9px;display:block;}
.day-status.s-done{background:var(--green);color:#0F2A1C;}
.day-status.s-today{background:var(--gold);color:#3A2705;}
.modal-action-btn{width:100%;margin-top:13px;padding:13px;border-radius:11px;border:none;font-family:var(--font-head);font-size:12px;font-weight:700;cursor:pointer;letter-spacing:2px;transition:all 0.2s;}
.modal-action-btn:active{transform:scale(0.97);}
.modal-action-btn:disabled{opacity:0.3;cursor:not-allowed;transform:none;}
.btn-gold-grad{background:linear-gradient(135deg,var(--gold),#C07820);color:#fff;box-shadow:0 4px 14px rgba(240,192,96,0.22);text-shadow:0 1px 2px rgba(0,0,0,0.3);}
.level-modal-item{background:var(--card2);border:1px solid var(--bdr);border-radius:var(--r-md);padding:12px;margin-bottom:var(--sp-2);display:flex;align-items:center;gap:11px;position:relative;overflow:hidden;}
.level-modal-item.current{border-color:rgba(120,184,232,0.4);}
.level-modal-item.unlocked{opacity:0.42;}
.lmi-icon{font-size:27px;flex-shrink:0;}
.lmi-body{flex:1;}
.lmi-name{font-family:var(--font-head);font-size:12px;font-weight:700;color:var(--text);margin-bottom:3px;}
.lmi-cond{font-size:10px;color:var(--text2);line-height:1.5;}
.lmi-bonus{font-size:10px;color:var(--green);margin-top:3px;font-weight:700;}
.lmi-badge{font-size:12px;flex-shrink:0;}
.mint-modal-info{background:rgba(0,0,0,0.2);border-radius:9px;padding:11px;margin-bottom:10px;border:1px solid var(--bdr);}
.mint-modal-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;border-bottom:1px solid var(--bdr2);}
.mint-modal-row:last-child{border-bottom:none;}
.mint-modal-row span:first-child{color:var(--text2);}
.mint-modal-row span:last-child{font-family:'Orbitron',monospace;font-weight:700;color:var(--text);}

/* TOAST & FLOAT */
.toast{position:fixed;top:62px;left:50%;transform:translateX(-50%);background:rgba(26,39,68,0.97);border:1px solid var(--accent);border-radius:15px;padding:7px 15px;font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;color:var(--accent);z-index:200;opacity:0;transition:opacity 0.3s;white-space:nowrap;box-shadow:var(--glow);}
.toast.show{opacity:1;}
.float{position:fixed;font-family:'Orbitron',monospace;font-size:18px;font-weight:700;color:var(--green);pointer-events:none;z-index:999;animation:floatUp 1s ease forwards;white-space:nowrap;}
@keyframes floatUp{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-72px) scale(0.8)}}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-thumb{background:rgba(120,184,232,0.2);border-radius:2px;}

/* ── ARTIFACTS ──────────────────────────────── */
.artifact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 0;}
.artifact-card{position:relative;background:linear-gradient(155deg,#1A2744,#1E3058);border:1px solid var(--bdr);border-radius:18px;padding:20px 16px;text-align:center;overflow:hidden;transition:transform .2s;}
.artifact-card:active{transform:scale(0.98);}
.artifact-card.common{border-color:rgba(160,160,160,.5);}
.artifact-card.rare{border-color:rgba(80,140,255,.6);box-shadow:0 0 14px rgba(80,140,255,.15);}
.artifact-card.epic{border-color:rgba(160,80,255,.6);box-shadow:0 0 14px rgba(160,80,255,.2);}
.artifact-card.legendary{border-color:rgba(240,192,96,.65);box-shadow:0 0 18px rgba(240,192,96,.2);}
.artifact-card.mythic{border-color:rgba(255,60,60,.75);animation:mythicPulse 2.5s infinite;background:linear-gradient(155deg,#2A1A1A,#3A1A1A);}
@keyframes mythicPulse{0%,100%{box-shadow:0 0 12px rgba(255,60,60,.5);}50%{box-shadow:0 0 30px rgba(255,60,60,.9),0 0 50px rgba(255,120,0,.4);}}
.artifact-img{width:100%;max-width:120px;height:120px;object-fit:contain;margin:0 auto 10px;display:block;filter:drop-shadow(0 0 12px rgba(255,255,255,.25));}
.artifact-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:8px;background:rgba(125,219,168,.18);color:#7DD8A0;border:1px solid rgba(125,219,168,.3);}
.artifact-name{font-family:var(--font-head);font-size:12px;font-weight:900;color:var(--text1);margin-bottom:4px;line-height:1.3;}
.artifact-rarity{font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:10px;}
.artifact-rarity.common{color:#A0A0A0;}
.artifact-rarity.rare{color:#508CFF;}
.artifact-rarity.epic{color:#A050FF;}
.artifact-rarity.legendary{color:var(--gold);}
.artifact-rarity.mythic{color:#FF3C3C;}
.artifact-effect-box{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px 12px;margin-bottom:10px;}
.artifact-effect{font-size:11px;color:var(--text2);line-height:1.4;}
.artifact-meta{display:flex;justify-content:center;gap:14px;font-size:10px;color:var(--text3);margin-top:6px;}
.enc-section{margin-top:20px;}
.enc-title{font-family:var(--font-head);font-size:9px;letter-spacing:2px;color:var(--text3);margin-bottom:10px;text-align:center;padding:6px;background:var(--card);border-radius:8px;}
.enc-list{display:flex;flex-direction:column;gap:8px;}
.enc-card{background:var(--card);border:1px solid var(--bdr);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;}
.enc-card.owned{border-color:rgba(125,219,168,.35);background:rgba(125,219,168,.05);}
.enc-img{width:44px;height:44px;object-fit:contain;flex-shrink:0;opacity:.7;}
.enc-card.owned .enc-img{opacity:1;filter:drop-shadow(0 0 6px rgba(255,255,255,.2));}
.enc-body{flex:1;min-width:0;}
.enc-name{font-size:12px;font-weight:700;color:var(--text1);margin-bottom:2px;}
.enc-effect{font-size:11px;color:var(--text3);margin-bottom:4px;}
.enc-tags{display:flex;gap:4px;flex-wrap:wrap;}
.enc-tag{font-size:10px;padding:2px 5px;border-radius:8px;background:rgba(120,184,232,.08);color:var(--text3);border:1px solid rgba(120,184,232,.12);}
.enc-owned-badge{font-size:10px;color:#7DD8A0;font-weight:700;}
.artifact-empty{text-align:center;padding:40px 20px;color:var(--text3);}
.artifact-empty-icon{font-size:52px;margin-bottom:12px;}
.artifact-count{background:var(--card);border:1px solid var(--bdr);border-radius:10px;padding:8px 14px;font-size:10px;color:var(--text3);text-align:center;margin-bottom:12px;}
.artifact-popup-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background .5s;pointer-events:none;}
.artifact-popup-overlay.show{background:rgba(0,0,0,0.9);pointer-events:all;}
.artifact-popup-box{background:linear-gradient(155deg,#1E3058,#253868);border-radius:22px;padding:28px 22px;max-width:300px;width:90%;text-align:center;transform:scale(0.7);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);}
.artifact-popup-box.show{transform:scale(1);opacity:1;}
.artifact-popup-img{width:130px;height:130px;object-fit:contain;margin:0 auto 14px;display:block;animation:artifactSpin 1s ease-out;}
@keyframes artifactSpin{from{transform:rotate(-15deg) scale(0.8);}to{transform:rotate(0deg) scale(1);}}
.artifact-popup-found{font-size:10px;color:var(--text3);letter-spacing:2px;margin-bottom:8px;}
.artifact-popup-name{font-family:var(--font-head);font-size:14px;font-weight:900;margin-bottom:6px;}
.artifact-popup-effect{font-size:11px;color:var(--text2);margin-bottom:18px;line-height:1.5;}
.artifact-popup-btn{background:linear-gradient(135deg,#208060,#78D0A8);border:none;border-radius:10px;padding:12px 30px;font-family:var(--font-head);font-size:11px;font-weight:700;color:#fff;cursor:pointer;width:100%;}


/* ── MINE SYSTEM ────────────────────────────── */
.mine-bg{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:14px;}
.mine-bg img{width:100%;height:100%;object-fit:cover;opacity:0.18;transition:opacity .5s;}
.mine-overlay{position:relative;z-index:1;}
.mine-card{position:relative;background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--sp-3);padding:14px;box-shadow:var(--card-hl),var(--elev-1);}
.mine-card.active{border-color:rgba(125,219,168,.4);}
.mine-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.mine-icon-wrap{width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;background:rgba(0,0,0,.3);}
.mine-icon-wrap img{width:100%;height:100%;object-fit:cover;}
.mine-title{font-family:var(--font-head);font-size:13px;font-weight:700;}
.mine-lvl{font-size:11px;color:var(--text3);margin-top:2px;}
.mine-reward{font-family:'Orbitron',monospace;font-size:13px;font-weight:900;color:var(--green);}
.mine-progress{height:5px;background:rgba(255,255,255,.08);border-radius:3px;margin:6px 0;}
.mine-progress-fill{height:100%;border-radius:3px;transition:width .5s;}
.mine-cost{font-size:11px;color:var(--text3);margin-top:4px;}
.mine-upgrade-btn{width:170px;min-width:170px;max-width:170px;height:34px;padding:0 6px;border-radius:9px;border:none;font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;box-sizing:border-box;transition:all .2s;}
.mine-upgrade-btn.can{
  background:linear-gradient(135deg,#208060,#78D0A8);
  color:#fff;
  border:1px solid rgba(120,219,168,0.5);
  animation:mineUpgradePulse 2s ease-in-out infinite;
}
.mine-upgrade-btn.can:active{transform:scale(0.96);animation:none;}
.mine-upgrade-btn.cannot{background:rgba(0,0,0,.25);color:var(--text3);cursor:not-allowed;}
.mine-upgrade-btn.maxed{background:linear-gradient(135deg,#4C1D95,#8B5CF6);color:#fff;cursor:default;}
@keyframes mineUpgradePulse{
  0%,100%{
    box-shadow:0 0 6px rgba(120,219,168,0.4),0 0 12px rgba(120,219,168,0.2);
    border-color:rgba(120,219,168,0.4);
    filter:brightness(1);
  }
  50%{
    box-shadow:0 0 14px rgba(120,219,168,0.9),0 0 28px rgba(120,219,168,0.5),0 0 44px rgba(120,219,168,0.2);
    border-color:rgba(160,255,200,0.85);
    filter:brightness(1.18);
  }
}
/* Mine modal */
.mine-modal-img{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px;opacity:.9;}
.mine-modal-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--bdr2);font-size:14px;}
.mine-modal-row:last-child{border:none;}

/* ── BOX INVENTORY ───────────────────────────── */
.box-inv-count{font-family:'Orbitron',monospace;font-size:11px;color:var(--text2);margin:6px 0;}
.box-inv-count span{color:var(--gold);font-weight:700;}
.box-actions{display:flex;gap:8px;margin-top:10px;}
.box-buy-btn{flex:1;padding:9px;border-radius:9px;border:1px solid rgba(120,184,232,.3);background:rgba(120,184,232,.08);color:var(--accent);font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;}
.box-open-btn{flex:1;padding:9px;border-radius:9px;border:none;background:linear-gradient(135deg,#208060,#78D0A8);color:#fff;font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;}
.box-open-btn:disabled{background:rgba(0,0,0,.3);color:var(--text3);cursor:not-allowed;}
/* Box open popup */
.box-popup-overlay{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;}
.box-popup-inner{text-align:center;padding:20px;}
.box-popup-img{width:160px;height:160px;object-fit:contain;transition:all .3s ease;}
.box-popup-rarity{font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:2px;margin-top:14px;}
.box-popup-reward{font-size:14px;color:#fff;margin-top:8px;font-weight:700;}

/* ── BOX OPEN ANIMATIONS ─────────────────────────────────── */
@keyframes boxShake{
  0%,100%{transform:translate(0,0) rotate(0deg);}
  15%{transform:translate(-6px,0) rotate(-4deg);}
  30%{transform:translate(6px,0) rotate(4deg);}
  45%{transform:translate(-5px,0) rotate(-3deg);}
  60%{transform:translate(5px,0) rotate(3deg);}
  75%{transform:translate(-3px,0) rotate(-2deg);}
  90%{transform:translate(3px,0) rotate(2deg);}
}
@keyframes flashOut{
  0%{opacity:0.9;}
  100%{opacity:0;}
}
@keyframes particleFly{
  0%{transform:translate(0,0) scale(1);opacity:1;}
  100%{transform:translate(var(--px),var(--py)) scale(0);opacity:0;}
}
@keyframes boxPopIn{
  0%{transform:scale(0.5);opacity:0;}
  60%{transform:scale(1.08);}
  100%{transform:scale(1);opacity:1;}
}
.box-shake{animation:boxShake 0.5s ease-in-out;}

/* ── APP NOTIFICATIONS ───────────────────────────────────── */
@keyframes notifPopIn{0%{opacity:0;transform:scale(0.85) translateY(20px);}100%{opacity:1;transform:scale(1) translateY(0);}}
.notif-overlay{position:fixed;inset:0;z-index:11000;background:rgba(0,0,0,0.88);display:flex;align-items:center;justify-content:center;padding:16px;}
.notif-box{background:linear-gradient(155deg,#1A2744,#1E3058);border:1px solid rgba(120,184,232,0.3);border-radius:20px;width:100%;max-width:340px;overflow:hidden;animation:notifPopIn 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards;}
.notif-img{width:100%;max-height:200px;object-fit:cover;display:block;}
.notif-body{padding:18px 20px;text-align:center;}
.notif-title{font-family:var(--font-head);font-size:13px;font-weight:700;color:#e6edf3;margin-bottom:8px;text-align:center;}
.notif-text{font-size:12px;color:#8b949e;line-height:1.5;margin-bottom:16px;text-align:center;}
.notif-dots{display:flex;justify-content:center;gap:6px;margin-bottom:14px;}
.notif-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.2);transition:background 0.3s;}
.notif-dot.active{background:#58a6ff;}
.notif-btns{display:flex;gap:8px;justify-content:center;}
.notif-btn-ok{flex:1;padding:11px;border-radius:10px;border:none;background:linear-gradient(135deg,#1f6feb,#58a6ff);color:#fff;font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;text-align:center;}
.notif-btn-next{flex:1;padding:11px;border-radius:10px;border:none;background:linear-gradient(135deg,#208060,#78D0A8);color:#fff;font-family:var(--font-head);font-size:11px;font-weight:700;cursor:pointer;text-align:center;}
.notif-btn-back{padding:11px 14px;border-radius:10px;border:1px solid rgba(120,184,232,0.3);background:transparent;color:#8b949e;font-family:var(--font-head);font-size:11px;cursor:pointer;}
.notif-btn-close{width:100%;padding:9px;border-radius:10px;border:1px solid rgba(120,184,232,0.2);background:transparent;color:#8b949e;font-family:var(--font-head);font-size:10px;cursor:pointer;margin-top:6px;text-align:center;}

/* ── MAINTENANCE ─────────────────────────────────────────── */
@keyframes maintPulse{0%,100%{opacity:1;}50%{opacity:0.6;}}
.maint-screen{position:fixed;inset:0;z-index:99999;background:linear-gradient(135deg,#0D1B2E 0%,#1A2744 50%,#0D1B2E 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);}

@keyframes loadPulse{0%,100%{opacity:.45;transform:scale(1);filter:drop-shadow(0 0 14px rgba(120,184,232,.22));}50%{opacity:.72;transform:scale(1.03);filter:drop-shadow(0 0 30px rgba(120,184,232,.5));}}
#loadingScreen.fade-out{animation:fadeOutScreen 0.5s ease forwards;}
@keyframes fadeOutScreen{from{opacity:1}to{opacity:0;pointer-events:none;visibility:hidden}}

/* ── MINE RANK LEADERBOARD ───────────────────────────────── */
.mr-header{background:var(--card);border:1px solid var(--bdr);border-radius:12px;padding:12px;margin-bottom:10px;}
.mr-header-title{font-family:var(--font-head);font-size:12px;font-weight:900;letter-spacing:2px;color:var(--accent);text-align:center;margin-bottom:8px;}
.mr-header-row{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.mr-header-img{width:90px;height:90px;object-fit:contain;flex-shrink:0;}
.mr-header-center{flex:1;text-align:center;}
.mr-header-sub{font-size:11px;color:var(--text3);letter-spacing:0.5px;margin-bottom:3px;}
.mr-header-name{font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:1px;}
.mr-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 2px;}
.mr-nav-btn{background:rgba(120,184,232,0.1);border:1px solid var(--bdr);border-radius:8px;color:var(--text);padding:6px 14px;font-size:18px;line-height:1;cursor:pointer;}
.mr-dots{display:flex;justify-content:center;gap:5px;flex:1;}
.mr-dot{height:6px;border-radius:3px;transition:all 0.25s;}
.mr-rank-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:72px;}
.mr-rank-lvl{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;}
.mr-rank-bal{font-size:11px;font-weight:700;color:var(--green);}
.mr-rank-bar-bg{width:54px;height:4px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden;}
.mr-rank-bar-fill{height:100%;border-radius:2px;}

/* BUTTON SYSTEM — 3 типа, фиксированные размеры */
.btn-primary,.btn-secondary,.btn-ghost{font-family:var(--font-head);font-weight:700;border-radius:var(--r-md);cursor:pointer;transition:all .15s;letter-spacing:1px;padding:12px 16px;font-size:12px;border:1px solid transparent;text-align:center;}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0a1428;box-shadow:var(--card-hl),0 0 14px rgba(120,184,232,.3);}
.btn-primary:active{transform:scale(.97);box-shadow:0 0 20px rgba(120,184,232,.5);}
.btn-secondary{background:rgba(120,184,232,.1);border-color:rgba(120,184,232,.4);color:var(--accent);}
.btn-secondary:active{transform:scale(.97);background:rgba(120,184,232,.18);}
.btn-ghost{background:transparent;color:var(--text2);}
.btn-ghost:active{transform:scale(.97);background:rgba(255,255,255,.04);}

/* PREMIUM: shimmer на балансе + кнопке клейма */
@keyframes shimmerText{to{background-position:-200% center;}}
#headerBalance{background:linear-gradient(110deg,#7DDBA8 20%,#EAFFF6 42%,#A0E8C8 52%,#7DDBA8 70%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerText 3.2s linear infinite;}
@keyframes btnShimmer{0%{left:-70%;}55%,100%{left:130%;}}
.claim-btn-main.ready{position:relative;overflow:hidden;}
.claim-btn-main.ready::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);animation:btnShimmer 2.8s ease-in-out infinite;pointer-events:none;}
.modal-action-btn.btn-gold-grad{position:relative;overflow:hidden;}
.modal-action-btn.btn-gold-grad:not(:disabled)::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);animation:btnShimmer 2.8s ease-in-out infinite;pointer-events:none;}

/* PREMIUM: shimmer на топовых артефактах */
.artifact-card.legendary,.artifact-card.mythic{position:relative;overflow:hidden;}
.artifact-card.legendary::after,.artifact-card.mythic::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);animation:btnShimmer 3.6s ease-in-out infinite;pointer-events:none;}

/* PREMIUM: stagger fade-in (только артефакты — список без частых ре-рендеров) */
@keyframes fadeInUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.artifact-card{animation:fadeInUp .34s ease both;}
.artifact-card:nth-child(2){animation-delay:.05s;}
.artifact-card:nth-child(3){animation-delay:.1s;}
.artifact-card:nth-child(4){animation-delay:.15s;}
.artifact-card:nth-child(5){animation-delay:.2s;}
.artifact-card:nth-child(n+6){animation-delay:.25s;}

/* PREMIUM: туманность-галактика (CSS, без нагрузки) */
.stars::before{content:"";position:absolute;width:65%;height:55%;top:-12%;left:-15%;background:radial-gradient(ellipse at center,rgba(140,100,220,.22),transparent 65%);animation:nebula1 55s ease-in-out infinite alternate;pointer-events:none;}
.stars::after{content:"";position:absolute;width:60%;height:50%;bottom:-12%;right:-15%;background:radial-gradient(ellipse at center,rgba(80,160,220,.20),transparent 65%);animation:nebula2 65s ease-in-out infinite alternate;pointer-events:none;}
@keyframes nebula1{from{transform:translate(0,0);}to{transform:translate(8%,6%);}}
@keyframes nebula2{from{transform:translate(0,0);}to{transform:translate(-7%,-5%);}}
/* PREMIUM: падающие звёзды со шлейфом */
.shooting{position:absolute;width:58px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));opacity:0;animation:shoot 9s linear infinite;pointer-events:none;will-change:transform,opacity;}
.shooting::after{content:"";position:absolute;right:0;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px rgba(255,255,255,.85);}
@keyframes shoot{0%{opacity:0;transform:rotate(var(--ang)) translateX(0);}4%{opacity:1;}14%{opacity:1;}20%,100%{opacity:0;transform:rotate(var(--ang)) translateX(var(--dist));}}
/* PREMIUM: конфетти на крупных выигрышах */
.confetti-p{position:fixed;width:8px;height:8px;border-radius:1px;pointer-events:none;z-index:99999;animation:confettiBurst 1.6s cubic-bezier(.2,.6,.4,1) forwards;}
@keyframes confettiBurst{0%{transform:translate(0,0) rotate(0);opacity:1;}25%{transform:translate(var(--tx),var(--ty)) rotate(calc(var(--rot)*.4));opacity:1;}100%{transform:translate(var(--tx),calc(var(--ty) + var(--fall))) rotate(var(--rot));opacity:0;}}

/* ═══════════════════════════════════════════════════════════
   STEP 1 — ПЕРЕХОДЫ СТРАНИЦ/ТАБОВ + COUNT-UP
   ═══════════════════════════════════════════════════════════ */

/* ── Вход страницы: stagger секций волной ─────────────────── */
@keyframes secEnter{from{opacity:0;transform:translateY(11px);}to{opacity:1;transform:translateY(0);}}
.page.active.pg-anim>*{animation:secEnter .42s cubic-bezier(.22,.61,.36,1) both;will-change:opacity,transform;}
.page.active.pg-anim>*:nth-child(1){animation-delay:.03s;}
.page.active.pg-anim>*:nth-child(2){animation-delay:.07s;}
.page.active.pg-anim>*:nth-child(3){animation-delay:.11s;}
.page.active.pg-anim>*:nth-child(4){animation-delay:.15s;}
.page.active.pg-anim>*:nth-child(5){animation-delay:.19s;}
.page.active.pg-anim>*:nth-child(6){animation-delay:.23s;}
.page.active.pg-anim>*:nth-child(n+7){animation-delay:.27s;}

/* ── Кроссфейд панели сабтаба ─────────────────────────────── */
@keyframes panelEnter{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.panel-enter{animation:panelEnter .3s cubic-bezier(.22,.61,.36,1) both;}

/* ── Count-up: пульс баланса при росте ────────────────────── */
@keyframes numBump{0%{transform:scale(1);}28%{transform:scale(1.13);}100%{transform:scale(1);}}
.balance-chip.bump{animation:numBump .5s cubic-bezier(.34,1.56,.64,1);}

/* ── Скользящий индикатор: нижняя навигация ───────────────── */
.nav-indicator{position:absolute;top:0;left:0;height:2px;width:0;border-radius:0 0 2px 2px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  box-shadow:0 0 8px rgba(120,184,232,.6);opacity:0;pointer-events:none;
  transition:transform .34s cubic-bezier(.22,.61,.36,1),width .34s cubic-bezier(.22,.61,.36,1),opacity .2s;}

/* ── Скользящий индикатор: верхние табы ───────────────────── */
.tab-indicator{position:absolute;left:0;bottom:0;height:2px;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  box-shadow:0 0 7px rgba(120,184,232,.55);opacity:0;pointer-events:none;
  transition:transform .32s cubic-bezier(.22,.61,.36,1),width .32s cubic-bezier(.22,.61,.36,1),opacity .2s;}

/* ── Уважение к prefers-reduced-motion ────────────────────── */
@media (prefers-reduced-motion:reduce){
  .page.active.pg-anim>*{animation:none!important;}
  .panel-enter{animation:none!important;}
  .balance-chip.bump{animation:none!important;}
  .nav-indicator,.tab-indicator{transition:none!important;}
}

/* ═══════════════════════════════════════════════════════════
   STEP 2 — РЕВИЛ ЛУТБОКСА (canvas-хореография)
   ═══════════════════════════════════════════════════════════ */
#boxRevealOverlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;
  background:rgba(8,14,28,0);transition:background .35s ease;}
#boxRevealOverlay.dim{background:rgba(8,14,28,.93);}
.brv-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:340px;padding:20px;}
.brv-glow{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(34px);opacity:0;pointer-events:none;transition:opacity .4s ease;}
.brv-glow.on{opacity:.55;animation:brvGlowPulse 1.1s ease-in-out infinite;}
@keyframes brvGlowPulse{0%,100%{transform:scale(1);opacity:.42;}50%{transform:scale(1.13);opacity:.7;}}
.brv-box{width:150px;height:150px;object-fit:contain;position:relative;z-index:2;transform:scale(.4);opacity:0;}
.brv-box.in{animation:brvBoxIn .5s cubic-bezier(.34,1.56,.64,1) forwards;}
@keyframes brvBoxIn{0%{transform:scale(.4) translateY(10px);opacity:0;}100%{transform:scale(1) translateY(0);opacity:1;}}
.brv-box.shake{animation:brvShake .6s ease-in-out;}
@keyframes brvShake{0%,100%{transform:translate(0,0) rotate(0);}10%{transform:translate(-7px,0) rotate(-5deg);}
  20%{transform:translate(7px,0) rotate(5deg);}30%{transform:translate(-8px,0) rotate(-6deg);}
  45%{transform:translate(8px,0) rotate(6deg);}60%{transform:translate(-6px,0) rotate(-4deg);}
  75%{transform:translate(5px,0) rotate(3deg);}90%{transform:translate(-3px,0) rotate(-2deg);}}
.brv-box.out{animation:brvBoxOut .35s ease-out forwards;}
@keyframes brvBoxOut{0%{transform:scale(1);opacity:1;filter:brightness(1);}
  40%{transform:scale(1.35);opacity:1;filter:brightness(2.2);}100%{transform:scale(1.7);opacity:0;}}
.brv-flash{position:fixed;inset:0;z-index:10002;pointer-events:none;opacity:0;}
.brv-flash.go{animation:brvFlash .5s ease-out forwards;}
@keyframes brvFlash{0%{opacity:0;}15%{opacity:.85;}100%{opacity:0;}}
.brv-card{position:relative;z-index:3;background:linear-gradient(155deg,#1E3058,#253868);border:2px solid var(--accent);
  border-radius:20px;padding:26px 22px;max-width:300px;width:92%;text-align:center;transform:scale(.7);opacity:0;
  box-shadow:var(--card-hl),0 18px 50px rgba(0,0,0,.5);}
.brv-card.show{animation:brvCardIn .42s cubic-bezier(.34,1.56,.64,1) forwards;}
@keyframes brvCardIn{0%{transform:scale(.7) translateY(14px);opacity:0;}100%{transform:scale(1) translateY(0);opacity:1;}}
.brv-rarity{font-family:'Orbitron',monospace;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:10px;}
.brv-reward{font-size:19px;font-weight:700;color:#fff;margin:6px 0 4px;line-height:1.3;word-break:break-word;}
.brv-meta{font-size:11px;color:var(--text3);margin:8px 0 18px;letter-spacing:.5px;}
.brv-ok{width:100%;padding:12px;border-radius:11px;border:none;background:linear-gradient(135deg,#208060,#78D0A8);
  color:#fff;font-family:'Orbitron',monospace;font-size:12px;font-weight:700;letter-spacing:2px;cursor:pointer;
  box-shadow:0 4px 16px rgba(120,219,168,.3);transition:transform .15s;}
.brv-ok:active{transform:scale(.97);}
@media (prefers-reduced-motion:reduce){
  .brv-box.in,.brv-box.shake,.brv-box.out,.brv-flash.go,.brv-card.show,.brv-glow.on{animation:none!important;}
  .brv-box{transform:scale(1);opacity:1;}
  .brv-card{transform:scale(1);opacity:1;}
}

/* ═══════════════════════════════════════════════════════════
   STEP 3 — MICRO-INTERACTIONS + БАРЫ + КОЛЬЦО КЛЕЙМА
   ═══════════════════════════════════════════════════════════ */

/* ── Hover-полировка (только desktop/Telegram Desktop; мобилки не трогаем) ── */
@media (hover:hover) and (pointer:fine){
  .stat-card,.task-item,.boost-card,.mine-card,.metal-card-full,.box-card,.ach-card,
  .comm-card,.ut-card,.craft-card,.lb-item,.daily-banner,.level-bar-wrap{
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  }
  .stat-card:hover,.task-item:hover,.boost-card:hover,.mine-card:hover,.metal-card-full:hover,
  .box-card:hover,.ach-card:hover,.comm-card:hover,.ut-card:hover,.craft-card:hover,.lb-item:hover,
  .daily-banner:hover,.level-bar-wrap:hover{
    transform:translateY(-2px);border-color:rgba(120,184,232,.45);box-shadow:var(--card-hl),var(--elev-2);
  }
  .artifact-card:hover{transform:translateY(-3px);}            /* без перебивания цветного glow редкости */
  .btn-primary:hover,.btn-secondary:hover,.buy-btn:hover,.task-btn:hover,.craft-btn:hover,
  .mcf-btn:hover,.chain-btn:hover,.share-profile-btn:hover,.box-open-btn:hover,.box-buy-btn:hover{
    filter:brightness(1.08);
  }
  .tab-btn:hover:not(.active),.sub-tab:hover:not(.active),.lb-tab:hover:not(.active),
  .hf-btn:hover:not(.active){color:var(--text2);border-color:rgba(120,184,232,.35);}
  .nav-btn:hover .nav-svg{color:var(--accent);}
}
/* ── Press-feedback (тач + desktop) ── */
.btn-primary:active,.buy-btn:active,.box-open-btn:active,.brv-ok:active{filter:brightness(.94);}

/* ── Бары: глянцевый блик (статичный, нулевая нагрузка) ── */
.mine-progress-fill,.md-fill,.ut-pool-bar,.mr-rank-bar-fill,#ringFill{position:relative;overflow:hidden;}
.lbw-fill{overflow:hidden;}
.lbw-fill::after,.mine-progress-fill::after,.md-fill::after,.ut-pool-bar::after,
.mr-rank-bar-fill::after,#ringFill::after{
  content:'';position:absolute;left:0;right:0;top:0;height:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));
  border-radius:inherit;pointer-events:none;}

/* ── Бар клейма в состоянии READY: свечение + бегущий блик ── */
#ringFill.bar-ready{box-shadow:0 0 10px rgba(125,219,168,.55);}
#ringFill.bar-ready::before{content:'';position:absolute;top:0;left:-40%;width:35%;height:100%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-18deg);animation:barSheen 2.2s ease-in-out infinite;pointer-events:none;z-index:1;}
@keyframes barSheen{0%{left:-40%;}55%,100%{left:120%;}}

/* ── Круг клейма в состоянии READY: мягкий пульс свечения ── */
.claim-wrap.is-ready .claim-inner{border-color:rgba(125,219,168,.5);animation:claimReadyPulse 1.8s ease-in-out infinite;}
@keyframes claimReadyPulse{
  0%,100%{box-shadow:0 0 22px rgba(125,219,168,.16),inset 0 0 18px rgba(0,0,0,.18);}
  50%{box-shadow:0 0 36px rgba(125,219,168,.5),inset 0 0 18px rgba(0,0,0,.18);}
}

@media (prefers-reduced-motion:reduce){
  #ringFill.bar-ready::before{animation:none!important;display:none;}
  .claim-wrap.is-ready .claim-inner{animation:none!important;}
}

/* ═══════════════════════════════════════════════════════════
   STEP 4 — REDUCED-MOTION аудит фоновых анимаций
   Гасим непрерывное декоративное движение для пользователей,
   запросивших меньше анимаций (батарея + комфорт).
   ═══════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion:reduce){
  .star{animation:none!important;opacity:.35!important;}
  .stars::before,.stars::after{animation:none!important;}
  .shooting{animation:none!important;display:none!important;}
  #headerBalance{animation:none!important;}
  .claim-btn-main.ready::after,
  .modal-action-btn.btn-gold-grad:not(:disabled)::after,
  .artifact-card.legendary::after,.artifact-card.mythic::after{animation:none!important;display:none!important;}
  .artifact-card,.artifact-card.mythic{animation:none!important;}
  .mine-upgrade-btn.can{animation:none!important;}
  .day-card.today{animation:none!important;}
  .brv-glow.on{animation:none!important;}
}

/* ═══════════════════════════════════════════════════════════
   STEP 4 — SVG/WEBP иконки наград + спиннер загрузчика
   ═══════════════════════════════════════════════════════════ */
/* Иконки наград (инлайн в тексте награды) */
.rw-ic{width:20px;height:20px;object-fit:contain;vertical-align:-4px;margin-right:5px;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.3));}
.rw-svg{width:18px;height:18px;vertical-align:-3px;margin-right:5px;color:var(--accent2);}
/* Крупные иконки наград (#rewardPopup) */
.rw-ic-lg{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.3));}
.rw-svg-lg{width:56px;height:56px;color:var(--accent2);}
.reward-icon{display:flex;align-items:center;justify-content:center;}

/* Спиннер шагов загрузчика */
.ld-spin{width:15px;height:15px;color:var(--accent);display:inline-block;vertical-align:-2px;
  animation:ldSpin .9s linear infinite;}
@keyframes ldSpin{to{transform:rotate(360deg);}}
.ld-check{width:15px;height:15px;color:var(--green);display:inline-block;vertical-align:-2px;}

@media (prefers-reduced-motion:reduce){
  .ld-spin{animation:none!important;}
}