@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --bg:#080808; --surface:#0f0f0f; --card:#161616; --card2:#1c1c1c;
  --border:#242424; --border2:#2e2e2e;
  --green:#16a34a; --green2:#22c55e; --green3:#4ade80;
  --gold:#d97706; --gold2:#f59e0b; --gold3:#fbbf24;
  --purple:#7c3aed; --purple2:#a855f7;
  --red:#dc2626; --red2:#ef4444;
  --blue:#2563eb; --blue2:#3b82f6;
  --white:#ffffff; --muted:#6b7280; --muted2:#9ca3af;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:#000}
body{font-family:'Inter',sans-serif;color:var(--white);display:flex;justify-content:center;align-items:flex-start}

.phone{width:100%;max-width:420px;min-height:100vh;background:var(--bg);position:relative;overflow:hidden}
.page{display:none;flex-direction:column;min-height:100vh;position:relative}
.page.active{display:flex}
.scroll{flex:1;overflow-y:auto;padding-bottom:72px;scrollbar-width:none}
.scroll::-webkit-scrollbar{display:none}

/* ── BUTTONS ── */
.btn{border:none;border-radius:14px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;width:100%;font-family:inherit;transition:all .15s;letter-spacing:.2px}
.btn:active{transform:scale(.97)}
.btn-g{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 0 24px rgba(34,197,94,.25)}
.btn-o{background:transparent;color:var(--green2);border:1.5px solid var(--green2)}
.btn-r{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff}
.btn-sm{padding:7px 16px;font-size:12px;border-radius:10px;width:auto}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold3));color:#000;font-weight:800}
.btn:disabled{opacity:.5;cursor:not-allowed}

/* ── INPUTS ── */
.inp-wrap{position:relative;margin-bottom:12px}
.inp-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--muted)}
.inp-wrap input{width:100%;background:var(--card);border:1px solid var(--border2);border-radius:13px;padding:13px 13px 13px 42px;color:var(--white);font-size:15px;font-family:inherit;outline:none;transition:border .2s}
.inp-wrap input:focus{border-color:var(--green2)}
.inp-wrap input::placeholder{color:var(--muted)}

/* ── TOAST ── */
.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-80px);background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:12px 20px;font-size:13px;font-weight:600;z-index:9999;transition:transform .3s ease;max-width:340px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast.success{border-color:var(--green2);color:var(--green2)}
.toast.error{border-color:var(--red2);color:var(--red2)}
.toast.info{border-color:var(--border2);color:var(--white)}

/* ── LOADING SPINNER ── */
.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:6px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── BOTTOM NAV ── */
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:420px;background:var(--surface);border-top:1px solid var(--border);display:flex;z-index:200;padding:6px 0 10px}
.ni{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 0}
.ni .ic{font-size:21px;transition:all .2s}
.ni .lb{font-size:10px;color:var(--muted);font-weight:500;transition:color .2s}
.ni.on .lb{color:var(--green2)}
.ni.on .ic{filter:drop-shadow(0 0 8px var(--green2))}

/* ── TOP BAR ── */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}
.lv-box{cursor:pointer;background:var(--card);border:1px solid var(--border2);border-radius:12px;padding:8px 12px;min-width:120px}
.lv-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}
.lv-dot{width:8px;height:8px;border-radius:50%;background:var(--green2);box-shadow:0 0 6px var(--green2)}
.lv-name{font-size:13px;font-weight:700}
.lv-num{font-size:11px;font-weight:700;color:var(--lv-color,var(--muted))!important}
.lv-pbar{height:3px;background:var(--border2);border-radius:99px;overflow:hidden}
.lv-pfill{height:100%;background:linear-gradient(90deg,var(--green),var(--green2));border-radius:99px;transition:width .5s ease}
.tr-right{display:flex;align-items:center;gap:8px}
.vm-pill{display:flex;align-items:center;gap:5px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);border-radius:20px;padding:6px 12px;cursor:pointer}
.vm-pill span{font-size:13px;font-weight:700;color:var(--purple2)}
.bell{width:36px;height:36px;border-radius:50%;background:var(--card);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;position:relative}
.bell-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--red2);border-radius:50%;border:1.5px solid var(--bg);display:none}
.bell-dot.show{display:block}

/* ── PROFIT ROW ── */
.profit-row{padding:0 16px 12px;display:flex;justify-content:flex-end}
.profit-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:25px;padding:6px 14px}
.profit-pill-inner{display:flex;align-items:center;gap:5px}
.profit-label{font-size:11px;color:var(--muted)}
.profit-pill strong{font-size:13px;color:#22c55e;font-weight:800}

/* ── QUICK CARDS ── */
.qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 14px}
.qcard{background:var(--card);border:1px solid var(--border2);border-radius:13px;padding:10px 6px;text-align:center;cursor:pointer;transition:all .2s;position:relative}
.qcard:active{transform:scale(.95);border-color:var(--green2)}
.qcard .qi{font-size:22px;margin-bottom:4px}
.qcard .ql{font-size:10px;font-weight:700;color:var(--white)}
.qcard .qt{font-size:9px;color:var(--muted);margin-top:2px}
.qcard .qtimer{font-size:9px;color:var(--gold3);font-weight:700;margin-top:3px;min-height:12px}
.qcard .qdot{position:absolute;top:5px;right:5px;width:16px;height:16px;background:var(--green2);border-radius:50%;font-size:8px;color:#000;font-weight:900;display:flex;align-items:center;justify-content:center}

/* ── COIN AREA ── */
.coin-area{display:flex;flex-direction:column;align-items:center;padding:0 16px 8px}
.coin-num{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.coin-big-img{width:52px;height:52px;object-fit:contain}
.coin-num span{font-size:46px;font-weight:900;letter-spacing:-1.5px;color:var(--gold3)}
.char-ring{width:188px;height:188px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#1a2e1a,#0a0a0a);border:2px solid rgba(34,197,94,.2);box-shadow:0 0 50px rgba(34,197,94,.08),inset 0 0 50px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;font-size:88px;cursor:pointer;position:relative;overflow:hidden;transition:all .1s}
.char-ring:active{transform:scale(.96)}
.ripple{position:absolute;border-radius:50%;background:rgba(34,197,94,.15);animation:rpl .5s ease-out forwards;pointer-events:none}
@keyframes rpl{from{width:0;height:0;opacity:1;top:50%;left:50%}to{width:200px;height:200px;opacity:0;top:-12px;left:-12px}}
.float-coin{position:absolute;font-size:18px;font-weight:900;color:var(--gold3);pointer-events:none;animation:flt .9s ease-out forwards;z-index:50}
@keyframes flt{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-70px) scale(1.2)}}

/* ── ENERGY & TAP LEVEL ── */
.bottom-stats{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 0;width:100%;max-width:188px;align-self:center}
.energy-txt{font-size:12px;color:var(--muted2)}
.energy-txt strong{color:var(--gold3);font-weight:700}
.taplv-btn{background:var(--card);border:1px solid var(--border2);border-radius:10px;padding:5px 12px;cursor:pointer;transition:all .2s}
.taplv-btn:active{border-color:var(--green2)}
.taplv-btn span{font-size:10px;color:var(--muted);display:block}
.taplv-btn strong{font-size:13px;color:var(--green2);font-weight:800}

/* ── SECTION LABELS ── */
.slabel{padding:16px 16px 8px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.8px;text-transform:uppercase}
.stitle{padding:14px 16px 6px;font-size:20px;font-weight:800}
.ssub{padding:0 16px 14px;font-size:13px;color:var(--muted)}

/* ── CARDS ── */
.gcard{background:var(--card);border:1px solid var(--border2);border-radius:16px;padding:16px;margin:0 16px 10px}
.gcard2{background:linear-gradient(135deg,rgba(34,197,94,.06),rgba(34,197,94,.02));border:1px solid rgba(34,197,94,.15);border-radius:16px;padding:16px;margin:0 16px 10px}

/* ── MINE ── */
.mine-claim{display:flex;align-items:center;justify-content:space-between;padding:0 16px 14px}
.mine-claim-info .cl{font-size:11px;color:var(--muted)}
.mine-claim-info .ca{font-size:15px;font-weight:800;color:var(--gold3)}
.cat-row{display:flex;gap:7px;padding:0 16px 14px;overflow-x:auto;scrollbar-width:none}
.cat-row::-webkit-scrollbar{display:none}
.cat-t{white-space:nowrap;background:var(--card);border:1px solid var(--border2);border-radius:20px;padding:6px 13px;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .2s}
.cat-t.on{background:rgba(34,197,94,.12);border-color:var(--green2);color:var(--green2)}
.cards-g{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}
.mc{background:var(--card);border:1px solid var(--border2);border-radius:14px;padding:12px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}
.mc:active{transform:scale(.97);border-color:var(--green2)}
.mc .mc-lv{position:absolute;top:8px;right:8px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:2px 7px;font-size:9px;color:var(--gold3);font-weight:700}
.mc .mc-e{font-size:26px;margin-bottom:6px}
.mc .mc-n{font-size:12px;font-weight:700;margin-bottom:3px}
.mc .mc-p{font-size:10px;color:var(--muted)}
.mc .mc-p strong{color:var(--gold3)}
.mc .mc-c{margin-top:8px;font-size:10px;color:var(--green2);font-weight:700;display:flex;align-items:center;gap:3px}
.mc.lk{opacity:.45}
.mc.lk::after{content:'🔒';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}

/* ── EVENTS ── */
.ev-tabs{display:flex;background:var(--card);border:1px solid var(--border2);border-radius:20px;padding:3px;margin:14px 16px;gap:2px}
.ev-tab{flex:1;text-align:center;padding:8px;border-radius:17px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;color:var(--muted)}
.ev-tab.on{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 2px 12px rgba(34,197,94,.3)}
.ev-bal-row{display:flex;gap:8px;padding:0 16px 14px}
.ev-bal{flex:1;background:var(--card);border:1px solid var(--border2);border-radius:13px;padding:10px 12px;text-align:center}
.ev-bal .eb-val{font-size:18px;font-weight:900}
.ev-bal .eb-lab{font-size:10px;color:var(--muted);margin-top:2px}
.ev-bal.vm .eb-val{color:var(--purple2)}
.ev-bal.cr .eb-val{color:var(--gold3)}
.ev-bal.cp .eb-val{color:var(--green2)}
.ecard{margin:0 16px 12px;background:var(--card);border:1px solid var(--border2);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s}
.ecard:active{transform:scale(.99)}
.ecard-banner{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative}
.ecard-banner.pub{background:linear-gradient(135deg,#0a1f0a,#162916)}
.ecard-banner.inf{background:linear-gradient(135deg,#1a0a2e,#2e0a2e)}
.ecard-banner.gm{background:linear-gradient(135deg,#0a0a2e,#0a1f2e)}
.etype{font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px}
.etype.pub{background:rgba(34,197,94,.2);color:var(--green2)}
.etype.inf{background:rgba(168,85,247,.2);color:var(--purple2)}
.etype.gm{background:rgba(59,130,246,.2);color:var(--blue2)}
.ecard-body{padding:13px}
.ecard-title{font-size:15px;font-weight:800;margin-bottom:7px}
.emeta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}
.emeta span{font-size:10px;background:var(--surface);border-radius:6px;padding:3px 8px;color:var(--muted2)}
.efoot{display:flex;align-items:center;justify-content:space-between}
.epartic{font-size:11px;color:var(--muted)}
.ejoin{border:none;border-radius:9px;padding:7px 18px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
.ejoin.pub{background:var(--green2);color:#fff}
.ejoin.inf{background:var(--purple2);color:#fff}
.ejoin.gm{background:var(--blue2);color:#fff}

/* ── VM REDEEM ── */
.vm-card-big{margin:0 16px 12px;background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(168,85,247,.02));border:1px solid rgba(168,85,247,.2);border-radius:16px;padding:18px}
.vm-bal-big{font-size:36px;font-weight:900;color:var(--purple2);margin:4px 0 2px}
.vm-inp-wrap{position:relative;margin:14px 0 10px}
.vm-inp-wrap input{width:100%;background:var(--card);border:1px solid var(--border2);border-radius:13px;padding:13px 14px;color:var(--white);font-size:15px;font-family:inherit;outline:none;transition:border .2s;letter-spacing:1px}
.vm-inp-wrap input:focus{border-color:var(--purple2)}
.vm-inp-wrap input::placeholder{color:var(--muted);letter-spacing:0}
.vm-tx{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border)}
.vm-tx-icon{width:34px;height:34px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:15px}
.vm-tx-info{flex:1}
.vm-tx-info .vt-l{font-size:13px;font-weight:600}
.vm-tx-info .vt-d{font-size:10px;color:var(--muted);margin-top:1px}
.vm-tx-amt{font-size:13px;font-weight:700}
.vm-tx-amt.plus{color:var(--purple2)}
.vm-tx-amt.minus{color:var(--red2)}

/* ── REFERRAL ── */
.ref-hero{text-align:center;padding:20px 16px 16px;background:linear-gradient(180deg,rgba(34,197,94,.05),transparent)}
.ref-hero h2{font-size:22px;font-weight:900;margin-bottom:4px}
.ref-hero p{color:var(--muted);font-size:13px}
.ref-code-box{margin:0 16px 14px;background:var(--card2);border:1px solid rgba(34,197,94,.2);border-radius:15px;padding:16px}
.ref-code{font-size:22px;font-weight:900;color:var(--green2);letter-spacing:2px;margin:6px 0 12px}
.ref-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ref-btn{background:var(--card);border:1px solid var(--border2);border-radius:11px;padding:10px;text-align:center;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s}
.ref-btn.g{color:var(--green2);border-color:rgba(34,197,94,.3)}
.ref-btn.b{color:var(--blue2);border-color:rgba(59,130,246,.3)}
.ref-lv-card{margin:0 16px 14px;background:var(--card);border:1px solid var(--border2);border-radius:15px;padding:15px}
.ref-lv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ref-badge{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;color:var(--green2)}
.ref-mult{font-size:20px;font-weight:900;color:var(--gold3)}
.ref-pbar-wrap{margin-bottom:10px}
.ref-pbar-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px}
.ref-pbar{height:5px;background:var(--border2);border-radius:99px;overflow:hidden}
.ref-pfill{height:100%;background:linear-gradient(90deg,var(--green),var(--green2));border-radius:99px}
.ref-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 16px 14px}
.rs{background:var(--card);border:1px solid var(--border2);border-radius:12px;padding:11px 8px;text-align:center}
.rs .rv{font-size:20px;font-weight:900}
.rs .rl{font-size:10px;color:var(--muted);margin-top:2px}
.rwrd-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border)}
.rwrd-icon{font-size:20px;width:36px;text-align:center}
.rwrd-info{flex:1}
.rwrd-info .ri-n{font-size:13px;font-weight:700}
.rwrd-info .ri-d{font-size:10px;color:var(--muted)}
.rwrd-val{font-size:12px;font-weight:700;color:var(--gold3);text-align:right}

/* ── MORE ── */
.prof-hero{text-align:center;padding:18px 16px;background:linear-gradient(180deg,rgba(34,197,94,.06),transparent);border-bottom:1px solid var(--border)}
.prof-av{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--green),#064e2e);margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:32px;border:2px solid var(--green2);box-shadow:0 0 20px rgba(34,197,94,.25)}
.more-item{display:flex;align-items:center;gap:13px;padding:15px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}
.more-item:active{background:var(--card)}
.mi-ic{font-size:20px;width:30px;text-align:center}
.mi-lb{flex:1;font-size:15px;font-weight:600}
.mi-arr{color:var(--muted);font-size:14px}
.mi-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:10px;background:rgba(239,68,68,.15);color:var(--red2);margin-right:4px}
.mi-badge.g{background:rgba(34,197,94,.12);color:var(--green2)}

/* ── LANDING ── */
.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(34,197,94,.07),transparent 65%)}
.ld-logo{font-size:80px;margin-bottom:16px;filter:drop-shadow(0 0 30px rgba(34,197,94,.4))}
.ld-title{font-size:30px;font-weight:900;letter-spacing:-.5px;margin-bottom:6px}
.ld-title em{color:var(--green2);font-style:normal}
.ld-sub{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:32px}
.ld-stats{display:flex;gap:28px;margin-bottom:36px}
.ld-stat .lsv{font-size:22px;font-weight:900;color:var(--green2)}
.ld-stat .lsl{font-size:11px;color:var(--muted);margin-top:2px}
.ld-btns{width:100%;display:flex;flex-direction:column;gap:11px}

/* ── AUTH ── */
.auth{min-height:100vh;display:flex;flex-direction:column;padding:28px 22px}
.auth-back{display:none} /* replaced by pg-back-auth */
.auth h2{font-size:24px;font-weight:900;margin-bottom:4px}
.auth p{color:var(--muted);font-size:14px;margin-bottom:24px}
.auth-foot{text-align:center;margin-top:18px;font-size:13px;color:var(--muted)}
.auth-foot a{color:var(--green2);font-weight:700;cursor:pointer}

/* ── LEVEL PAGE ── */
.lv-pg-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}
.lv-pg-num{width:36px;height:36px;border-radius:50%;background:var(--card);border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--muted2);flex-shrink:0}
.lv-pg-num.done{border-color:var(--green2);color:var(--green2)}
.lv-pg-num.cur{border-color:var(--gold3);color:var(--gold3);box-shadow:0 0 10px rgba(251,191,36,.3)}
.lv-pg-info{flex:1}
.lv-pg-name{font-size:14px;font-weight:700}
.lv-pg-xp{font-size:11px;color:var(--muted)}
.lv-pg-reward{font-size:11px;color:var(--gold3);font-weight:600;text-align:right}

/* ── CARD SHEET ── */
.card-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:350;display:none;align-items:flex-end;justify-content:center}
.card-sheet-overlay.open{display:flex}
.card-sheet{background:var(--surface);border-radius:22px 22px 0 0;border-top:1px solid var(--border2);width:100%;max-width:420px;padding:0 0 28px;animation:slideUp .25s ease-out}
.cs-img-wrap{display:flex;justify-content:center;padding:20px 0 10px}
.cs-img{width:100px;height:100px;object-fit:contain;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.4)}
.cs-name{font-size:20px;font-weight:900;text-align:center;padding:0 20px;margin-bottom:4px}
.cs-desc{font-size:13px;color:var(--muted);text-align:center;padding:0 24px;margin-bottom:16px;line-height:1.6}
.cs-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;margin-bottom:16px}
.cs-stat{background:var(--card);border:1px solid var(--border2);border-radius:12px;padding:12px;text-align:center}
.cs-stat .csv{font-size:15px;font-weight:800;color:var(--gold3)}
.cs-stat .csl{font-size:10px;color:var(--muted);margin-top:3px}
.cs-btn-wrap{padding:0 16px}
/* ── VICTORY ── */
.victory-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}
.victory-overlay.open{display:flex;animation:vfadeIn .3s ease}
@keyframes vfadeIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.victory-overlay img{width:200px;height:200px;object-fit:contain;margin-bottom:20px;filter:drop-shadow(0 0 30px rgba(251,191,36,.3))}
.victory-overlay h2{font-size:24px;font-weight:900;color:var(--gold3);margin-bottom:8px}
.victory-overlay p{font-size:14px;color:var(--muted2);line-height:1.7;margin-bottom:16px}
.victory-overlay .vc{font-size:28px;font-weight:900;color:var(--gold3);margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px}
/* ── SHEET ── */
.sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:300;display:none;align-items:flex-end;justify-content:center}
.sheet-overlay.open{display:flex}
.sheet{background:var(--surface);border-radius:22px 22px 0 0;border-top:1px solid var(--border2);width:100%;max-width:420px;padding:0 0 20px;animation:slideUp .25s ease-out}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.sheet-handle{width:36px;height:4px;background:var(--border2);border-radius:99px;margin:12px auto 16px}
.sheet-title{font-size:18px;font-weight:800;padding:0 20px 14px;border-bottom:1px solid var(--border)}
.sheet-row{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border)}
.sheet-row .sr-l{font-size:13px;color:var(--muted)}
.sheet-row .sr-v{font-size:14px;font-weight:700}
.sheet-btn{padding:0 20px;margin-top:16px}

/* ── STREAK POPUP ── */
.streak-popup{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:400;display:none;align-items:flex-end;justify-content:center}
.streak-popup.open{display:flex}
.streak-box{background:var(--surface);border-radius:22px 22px 0 0;border-top:1px solid var(--border2);width:100%;max-width:420px;padding:0 0 24px;animation:slideUp .25s ease-out}
.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.day-box{background:var(--card);border:1px solid var(--border2);border-radius:10px;padding:8px 4px;text-align:center}
.day-box.claimed{border-color:var(--green2);background:rgba(34,197,94,.08)}
.day-box.today{border-color:var(--gold3);background:rgba(251,191,36,.08)}
.day-box.locked{opacity:.4}
.day-box .db-d{font-size:9px;color:var(--muted);margin-bottom:3px}
.day-box .db-i{font-size:16px}
.day-box .db-v{font-size:9px;color:var(--gold3);font-weight:700;margin-top:2px}

/* ── LOGOUT ── */
.logout-pg{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}
.logout-pg .li{font-size:64px;margin-bottom:22px}
.logout-pg h2{font-size:22px;font-weight:800;margin-bottom:8px}
.logout-pg p{color:var(--muted);font-size:14px;margin-bottom:30px;line-height:1.6}
.logout-btns{width:100%;display:flex;flex-direction:column;gap:11px}

/* ── AIRDROP ── */
.air-hero{text-align:center;padding:24px 16px;background:radial-gradient(ellipse at center,rgba(168,85,247,.08),transparent 70%)}
.air-hero .ah-icon{font-size:60px;margin-bottom:12px;filter:drop-shadow(0 0 20px rgba(168,85,247,.4))}
.air-hero h2{font-size:22px;font-weight:900;margin-bottom:4px}
.air-hero p{color:var(--muted);font-size:13px;line-height:1.6}
.air-stat{background:var(--card);border:1px solid rgba(168,85,247,.2);border-radius:15px;padding:16px;margin:0 16px 10px}
.air-stat .as-label{font-size:11px;color:var(--muted);margin-bottom:4px}
.air-stat .as-val{font-size:24px;font-weight:900;color:var(--purple2)}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 16px 14px}
.cd-item{background:var(--card);border:1px solid var(--border2);border-radius:12px;padding:12px 6px;text-align:center}
.cd-item .cv{font-size:22px;font-weight:900;color:var(--purple2)}
.cd-item .cl{font-size:10px;color:var(--muted);margin-top:2px}

/* UTILS */
.hr{height:1px;background:var(--border);margin:0 16px}
.gap{height:10px}
.flex-sb{display:flex;align-items:center;justify-content:space-between}

/* ── CIPHER PAGE ── */
.cipher-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}
.cipher-back{cursor:pointer;color:var(--muted);font-size:22px;width:32px}
.cipher-title{font-size:15px;font-weight:800;color:var(--white)}
.cipher-reward-pill{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);border-radius:20px;padding:6px 14px;display:flex;align-items:center;gap:5px}
.cipher-reward-pill span{font-size:13px;font-weight:700;color:var(--green2)}

/* Letter slots */
.cipher-letters-row{display:flex;justify-content:center;align-items:center;gap:12px;padding:24px 16px 8px;flex-wrap:wrap;min-height:72px}
.cipher-letter-slot{width:48px;height:58px;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:var(--white);transition:all .3s}
.cipher-letter-slot.active{border-color:var(--green2);box-shadow:0 0 16px rgba(34,197,94,.35)}
.cipher-letter-slot.filled{border-color:#fff;color:#fff;background:rgba(255,255,255,.08);animation:letterPop .3s ease}
@keyframes letterPop{0%{transform:scale(0.5);opacity:0}70%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}

/* Morse display — top bar shows completed letters only */
.cipher-morse-display{min-height:40px;display:flex;justify-content:center;align-items:center;padding:4px 16px 8px;gap:10px}
.cipher-morse-hint{font-size:12px;color:var(--muted);letter-spacing:.5px}

/* Live morse bar — small, no border/background, white symbols. Resets when a letter completes. */
.cipher-live-morse{height:44px;display:flex;justify-content:center;align-items:center;padding:0 16px;gap:8px;background:none;border:none;overflow:hidden}
.morse-symbol{font-weight:900;color:#fff;animation:morseIn .15s ease}
.morse-symbol.dot{font-size:40px}
.morse-symbol.dash{font-size:10px}
@keyframes morseIn{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}

/* Tap zone */
.cipher-tap-zone{display:flex;justify-content:center;padding:8px 0 0;position:relative;user-select:none;-webkit-user-select:none}
.cipher-ring{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#1a2e1a,#0a0a0a);border:2px solid rgba(34,197,94,.25);box-shadow:0 0 60px rgba(34,197,94,.1),inset 0 0 60px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}
.cipher-ring:active,.cipher-ring.pressing{transform:scale(.96);border-color:rgba(34,197,94,.6);box-shadow:0 0 40px rgba(34,197,94,.25)}

/* Flying symbols */
.cipher-fly{position:absolute;font-weight:900;pointer-events:none;z-index:100;animation:cipherFly .8s ease-out forwards;color:#fff}
.cipher-fly.dot{font-size:60px}
.cipher-fly.dash{font-size:15px}
@keyframes cipherFly{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-130px) scale(1.4)}}

/* Shake on wrong */
@keyframes cipherShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}
.cipher-shake{animation:cipherShake .4s ease}

/* Solved banner */
.cipher-solved-banner{text-align:center;padding:40px 16px;color:var(--green2);font-size:15px;font-weight:700}

/* ── HOME CIPHER ROW ── */
.home-cipher-row{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 16px;width:100%;max-width:340px;cursor:pointer;margin-bottom:16px;transition:all .2s}
.home-cipher-row:active{transform:scale(.98);border-color:var(--green2)}
.hcr-label{font-size:12px;color:var(--muted);white-space:nowrap}
.hcr-letters{flex:1;text-align:center;font-size:16px;font-weight:900;color:var(--white);letter-spacing:4px}
.hcr-reward{display:flex;align-items:center;gap:4px;background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:4px 10px;white-space:nowrap}
.hcr-reward span{font-size:12px;font-weight:700;color:#c084fc}
.hcr-solved{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}
.hcr-solved .hcr-reward span{color:var(--green2)}

/* ── PAUSED SCREEN ── */
.paused-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:600;display:none;align-items:flex-end;justify-content:center;padding-bottom:100px}
.paused-overlay.show{display:flex;animation:vfadeIn .3s ease}
.paused-box{background:var(--card);border:1px solid var(--border2);border-radius:20px;padding:24px 32px;text-align:center;max-width:300px;width:90%}
.paused-icon{font-size:36px;margin-bottom:10px}
.paused-title{font-size:16px;font-weight:800;color:var(--white);margin-bottom:6px}
.paused-sub{font-size:12px;color:var(--muted);margin-bottom:16px}

/* ── MINE PAGE REDESIGN ── */
.mine-topbar{display:flex;align-items:center;padding:12px 16px 10px;gap:8px}
.mine-level-pill{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:6px 12px;cursor:pointer;white-space:nowrap}
.mine-lv-dot{width:8px;height:8px;border-radius:50%;background:var(--green2)}
.mine-level-pill span{font-size:12px;font-weight:700;color:var(--white)}
.mine-lvnum{color:var(--muted)!important;font-weight:500!important}
.mine-settings{font-size:20px;cursor:pointer;opacity:.7;padding:4px}

/* Daily Combo Row */
.mine-combo-row{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;margin:0 16px 12px;padding:10px 14px;cursor:pointer;transition:all .2s}
.mine-combo-row:active{opacity:.8}
.mcr-left{display:flex;flex-direction:column;gap:6px}
.mcr-label{font-size:13px;font-weight:700;color:var(--white)}
.mcr-dots{display:flex;gap:6px}
.mcr-dot{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2)}
.mcr-dot.done{background:var(--green2);border-color:var(--green2)}
.mcr-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.mcr-timer{font-size:11px;color:var(--muted);font-family:monospace}
.mcr-reward{display:flex;align-items:center;gap:4px;background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:4px 10px}
.mcr-reward span{font-size:12px;font-weight:700;color:#c084fc}

/* Combo Cards Preview */
.combo-cards-row{display:flex;gap:10px;padding:0 16px 14px}
.combo-card-slot{flex:1;aspect-ratio:1;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.combo-card-slot.unlocked{border-color:var(--green2);background:rgba(34,197,94,.06)}
.ccs-ph{font-size:28px;color:rgba(255,255,255,.2);font-weight:900}
.combo-card-slot img{width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Mine Coin Row */
.mine-coin-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 16px 14px}
.mine-coin-row span{font-size:36px;font-weight:900;color:var(--gold3);letter-spacing:-1px}

/* Mine Cards Redesign */
.mc{background:var(--card);border:1px solid var(--border2);border-radius:14px;padding:12px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}
.mc:active{transform:scale(.97);border-color:var(--green2)}
.mc-img{width:52px;height:52px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}
.mc-img img{width:100%;height:100%;object-fit:cover}
.mc-img-ph{font-size:24px}
.mc .mc-lv{position:absolute;top:8px;right:8px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:2px 7px;font-size:9px;color:var(--gold3);font-weight:700}
.mc .mc-n{font-size:12px;font-weight:700;margin-bottom:4px;color:var(--white)}
.mc .mc-phr-label{font-size:9px;color:var(--muted);margin-bottom:2px}
.mc .mc-phr{font-size:11px;font-weight:800;color:var(--gold3);display:flex;align-items:center;gap:3px}
.mc .mc-cost{margin-top:8px;display:flex;align-items:center;gap:4px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.15);border-radius:8px;padding:4px 8px}
.mc .mc-cost-val{font-size:10px;font-weight:700;color:var(--green2)}
.mc.lk{opacity:.5}
.mc.lk .mc-img-ph::after{content:'🔒'}
.mc.cool .mc-cost{background:rgba(100,116,139,.1);border-color:rgba(100,116,139,.2)}
.mc.cool .mc-cost-val{color:var(--muted)}

/* ── LUCKY CODE PAGE ── */
.lucky-code-bar{display:flex;justify-content:center;gap:8px;padding:16px 16px 8px;margin:0 16px}
.lcb-digit{width:36px;height:46px;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:var(--white);transition:all .2s;font-family:monospace}
.lcb-digit.filled{border-color:rgba(255,255,255,.4);color:var(--white)}
.lucky-code-bar.green .lcb-digit{border-color:var(--green2);color:var(--green2);background:rgba(34,197,94,.1)}
.lucky-code-bar.red .lcb-digit{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.1);animation:lkShake .4s ease}
@keyframes lkShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}

.lucky-status{text-align:center;font-size:12px;color:var(--muted);padding:4px 16px 14px;min-height:20px}
.lucky-status.green{color:var(--green2)}
.lucky-status.red{color:#ef4444}

/* Lucky Keyboard */
.lucky-keyboard{padding:0 12px}
.lk-row{display:flex;gap:5px;justify-content:center;margin-bottom:5px}
.lk-key{flex:1;max-width:36px;height:42px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--white);cursor:pointer;transition:all .1s;user-select:none;-webkit-user-select:none}
.lk-key:active{background:rgba(255,255,255,.2);transform:scale(.92)}
.lk-nums .lk-key{max-width:32px;font-size:14px}
.lk-actions{gap:10px;margin-top:4px}
.lk-del{flex:2!important;max-width:80px!important;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);color:#ef4444;font-size:18px}
.lk-clear{flex:2!important;max-width:80px!important;background:rgba(100,116,139,.12);border-color:rgba(100,116,139,.2);color:var(--muted);font-size:12px}

/* ── LUCKY TITLE ROW ── */
.lucky-title-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 16px}
.lucky-title-main{font-size:16px;font-weight:800;color:var(--white);margin-bottom:4px}
.lucky-title-sub{font-size:11px;color:var(--muted)}
.lucky-reward-pill{display:flex;align-items:center;gap:5px;background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:6px 14px;white-space:nowrap}
.lucky-reward-pill span{font-size:13px;font-weight:700;color:#c084fc}

/* ── NAV ICONS UPDATE ── */
.ni .ic.ic-img{-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:var(--muted);transition:background-color .2s}
.ni.on .ic.ic-img{background-color:#FFC107}
.ni.on .ic-ev{background-color:#FFC107;width:26px!important;height:26px!important}
.ic-ev{width:26px!important;height:26px!important}
.ni.on .lb{color:#FFC107}

/* New Arrival tab special style */
.cat-t-new{background:rgba(168,85,247,.15)!important;border-color:rgba(168,85,247,.3)!important;color:#c084fc!important}
.cat-t-new.on{background:rgba(168,85,247,.3)!important;color:#fff!important}

/* ── SPECIALS SUB-TABS ── */
.specials-subtabs{display:flex;gap:8px;padding:0 16px 10px;animation:fadeIn .2s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.sub-cat-t{flex:1;padding:8px 12px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);border-radius:10px;text-align:center;font-size:12px;font-weight:700;color:#c084fc;cursor:pointer;transition:all .2s}
.sub-cat-t.on{background:rgba(168,85,247,.3);border-color:rgba(168,85,247,.5);color:var(--white)}
.sub-cat-t:active{transform:scale(.97)}

/* ── TAP ZONE REDESIGN — Full size character + CSS coin ── */
/* ── COIN AREA — Hamster Style ── */
.coin-area{display:flex;flex-direction:column;align-items:center;padding:0 16px 8px}
.coin-num{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}
.coin-num span{font-size:44px;font-weight:900;letter-spacing:-1.5px;color:var(--gold3)}

/* Character ring — 3 border lines */
.char-ring{
  width:calc(100vw - 24px);
  height:calc(100vw - 24px);
  max-width:400px;
  max-height:400px;
  border-radius:50%;
  position:relative;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:transform .1s;
  /* Line 1: outer */
  border:4px solid #7B00B2;
  box-shadow:
    0 0 0 3px #0a0a0a,
    0 0 0 7px #7B00B2,
    inset 0 0 40px rgba(0,0,0,0.8),
    inset 0 0 80px rgba(0,0,0,0.4);
  background:radial-gradient(circle at 50% 50%, #2d1a4d, #150d25);
  overflow:hidden;
}
.char-ring-inner{
  width:100%;height:100%;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.char-ring img{width:95%;height:95%;object-fit:contain;pointer-events:none;position:relative;z-index:1}
.char-ring:active{transform:scale(.97)}

/* Level-based gradient ring colors */
/* Level colors */
.char-ring.lv-1{border-color:#B8C4D6;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #B8C4D6,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#24272a,#121315)}
.char-ring.lv-2{border-color:#6FAE45;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #6FAE45,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#16220d,#0b1106)}
.char-ring.lv-3{border-color:#7B4DCC;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #7B4DCC,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#180f28,#0c0714)}
.char-ring.lv-4{border-color:#E88A24;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #E88A24,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#2e1b07,#170d03)}
.char-ring.lv-5{border-color:#E53935;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #E53935,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#2d0b0a,#160505)}
.char-ring.lv-6{border-color:#2196F3;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #2196F3,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#061e30,#030f18)}
.char-ring.lv-7{border-color:#A66A2C;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #A66A2C,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#211508,#100a04)}
.char-ring.lv-8{border-color:#FFD21F;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #FFD21F,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#332a06,#191503)}
.char-ring.lv-9{border-color:#3F51B5;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #3F51B5,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#0c1024,#060812)}
.char-ring.lv-10{border-color:#B71C1C;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #B71C1C,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#240505,#120202)}
.char-ring.lv-11{border-color:#00A8A8;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #00A8A8,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#002121,#001010)}
.char-ring.lv-12{border-color:#76A83B;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #76A83B,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#17210b,#0b1005)}
.char-ring.lv-13{border-color:#FF6D00;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #FF6D00,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#331500,#190a00)}
.char-ring.lv-14{border-color:#00B8D4;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #00B8D4,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#00242a,#001215)}
.char-ring.lv-15{border-color:#2962FF;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #2962FF,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#081333,#040919)}
.char-ring.lv-16{border-color:#00E5FF;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #00E5FF,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#002d33,#001619)}
.char-ring.lv-17{border-color:#9C27B0;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #9C27B0,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#1f0723,#0f0311)}
.char-ring.lv-18{border-color:#FF1744;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #FF1744,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#33040d,#190206)}
.char-ring.lv-19{border-color:#FFD700;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #FFD700,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#332b00,#191500)}
.char-ring.lv-20{border-color:#FFB300;box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #FFB300,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4);background:radial-gradient(circle at 50% 50%,#332300,#191100)}

/* ── BOTTOM STATS FIX ── */
.bottom-stats{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 20px 0;max-width:380px}
.energy-txt{font-size:14px;font-weight:700;color:var(--gold3)}
.taplv-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:6px 14px;text-align:center;cursor:pointer}
.taplv-btn span{font-size:10px;color:var(--muted);display:block}
.taplv-btn strong{font-size:14px;color:var(--green2)}

/* Coin image next to number */
.coin-big-img{width:42px;height:42px;object-fit:contain}

/* VM pill */
.vm-pill{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border2);border-radius:50px;padding:5px 12px 5px 5px}

/* ── STEP 1 FIXES ── */

/* VM image = bell size (36px) */
.vm-pill img{width:40px!important;height:40px!important;object-fit:contain;image-rendering:crisp-edges}
.vm-pill span{font-size:15px!important;font-weight:800!important;color:var(--white)!important}

/* Coin — bada, digits se bara, center aligned */
.coin-num{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}
.coin-big-img{width:64px!important;height:64px!important;object-fit:contain;flex-shrink:0}
.coin-num span{font-size:32px!important;font-weight:900;letter-spacing:-1px;color:var(--gold3);align-self:center}

/* Profit per hour — coin image update */
.profit-pill img{width:18px!important;height:18px!important}
.profit-pill strong{font-size:14px!important}

/* Tap Lv button redesign */
.taplv-btn{
  background:rgba(34,197,94,.1);
  border:1.5px solid rgba(34,197,94,.3);
  border-radius:12px;
  padding:7px 16px;
  text-align:center;
  cursor:pointer;
  min-width:80px;
  transition:all .2s
}
.taplv-btn:active{transform:scale(.95)}
.taplv-btn span{font-size:10px;color:var(--muted);display:block;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}
.taplv-btn strong{font-size:16px;color:var(--green2);font-weight:900}

/* Level profile — dynamic color via JS (--lv-color var) */
.lv-box{cursor:pointer;background:var(--card);border:1.5px solid var(--lv-color, var(--border2));border-radius:12px;padding:8px 12px;min-width:130px;transition:border-color .3s}
.lv-dot{width:9px;height:9px;border-radius:50%;background:var(--lv-color,var(--green2));box-shadow:0 0 8px var(--lv-color,var(--green2))}
.lv-name{font-size:13px;font-weight:800;color:var(--white)!important}
.lv-num{font-size:11px;font-weight:700;color:var(--lv-color,var(--muted))!important}
.lv-pbar{height:4px;background:var(--border2);border-radius:99px;overflow:hidden;margin-top:4px}
.lv-pfill{height:100%;background:var(--lv-color,var(--green2));border-radius:99px;transition:width .5s ease,background .3s}

/* ── LEVELS LIST REDESIGN ── */
.lv-pg-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s;position:relative}
.lv-pg-item:active{background:rgba(255,255,255,.04)}
.lv-pg-badge{width:36px;height:36px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0;transition:all .3s}
.lv-pg-info{flex:1}
.lv-pg-name{font-size:14px;font-weight:700;margin-bottom:2px;display:flex;align-items:center;gap:6px}
.lv-you-badge{font-size:9px;background:var(--lv-c,#888);color:#000;border-radius:6px;padding:1px 6px;font-weight:900}
.lv-pg-xp{font-size:11px;color:var(--muted)}
.lv-pg-reward{font-size:12px;font-weight:700;white-space:nowrap}

/* ── LEVEL DETAIL POPUP ── */
.lv-detail-popup{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:900;display:none;align-items:flex-end;justify-content:center;transition:opacity .3s}
.lv-detail-popup.open{opacity:1}
.lv-detail-box{background:#111;border-radius:24px 24px 0 0;width:100%;max-width:480px;overflow:hidden;transform:translateY(100%);transition:transform .3s ease}
.lv-detail-popup.open .lv-detail-box{transform:translateY(0)}
.lv-detail-header{padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.lv-detail-close{position:absolute;top:16px;right:16px;font-size:18px;cursor:pointer;color:var(--muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:50%}
.lv-detail-title{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.lv-detail-name{font-size:22px;font-weight:900;color:var(--white)}
.lv-detail-img-wrap{position:relative;display:flex;justify-content:center;padding:20px 0;background:rgba(0,0,0,.3)}
.lv-detail-img{width:180px;height:180px;object-fit:contain;position:relative;z-index:2}
.lv-detail-ring{position:absolute;width:200px;height:200px;border-radius:50%;border:4px solid;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.lv-detail-desc{font-size:13px;color:var(--muted2);text-align:center;padding:14px 24px 8px;line-height:1.6;margin:0}
.lv-detail-stats{display:flex;justify-content:space-around;padding:14px 20px;border-top:1px solid rgba(255,255,255,.06)}
.lv-stat{text-align:center}
.lv-stat-l{font-size:10px;color:var(--muted);margin-bottom:4px}
.lv-stat-v{font-size:15px;font-weight:800}
.lv-detail-cur{text-align:center;padding:8px 20px 16px;font-size:12px;font-weight:700;border:1px solid;border-radius:20px;margin:0 20px 16px;display:inline-block;width:calc(100% - 40px)}

/* ── QUICK FIXES ── */
/* Tap Lv text white */
.taplv-btn span{color:#fff!important}
.taplv-btn strong{color:#fff!important;font-size:18px!important}

/* VM currency — bigger, prominent */
.vm-pill img{width:44px!important;height:44px!important;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}
.vm-pill span{font-size:16px!important;font-weight:900!important;color:#fff!important}

/* Profit per hour coin — bigger, prominent */
.profit-pill img{width:24px!important;height:24px!important;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}
.profit-pill strong{font-size:15px!important;font-weight:900!important}

/* VM — bold red text style */
.vm-pill{background:rgba(0,0,0,.3)!important;border:1.5px solid rgba(255,255,255,.15)!important;border-radius:20px!important;padding:5px 12px!important}
.vm-text{font-size:13px!important;font-weight:900!important;color:#FF1744!important;letter-spacing:1px!important;text-shadow:0 0 8px rgba(255,23,68,.5)!important;font-style:italic!important}
.vm-num{font-size:15px!important;font-weight:900!important;color:#fff!important}

/* Tap Lv — one row, white bg */
.taplv-btn{
  display:flex!important;flex-direction:row!important;
  align-items:center!important;gap:6px!important;
  background:#fff!important;
  border:none!important;
  border-radius:12px!important;
  padding:8px 16px!important
}
.taplv-btn span{font-size:12px!important;font-weight:700!important;color:#111!important;display:inline!important;margin:0!important;text-transform:uppercase!important;letter-spacing:.5px!important}
.taplv-btn strong{font-size:16px!important;color:#111!important;font-weight:900!important}

/* VM red, number white — confirmed */
.vm-text{color:#FF1744!important;font-size:13px!important;font-weight:900!important;font-style:italic!important}
.vm-num{color:#fff!important;font-size:15px!important;font-weight:900!important}

/* Level box border — fixed white always */
.lv-box{border-color:#fff!important}

/* ── WIN TAB ── */
.win-tab{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;padding-top:0!important;
  min-width:52px;
}
.win-tab::before{
  content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);
  width:36px;height:3px;background:#FFD700;border-radius:0 0 3px 3px;
}
.win-tab-text{
  font-size:15px!important;font-weight:900!important;color:#FF1744!important;
  letter-spacing:1px;text-shadow:0 0 10px rgba(255,23,68,.4);
  line-height:1;margin-bottom:2px
}
.win-tab.on{
  background:rgba(255,215,0,.12)!important;
  border-radius:12px;
}
.win-tab.on .win-tab-text{color:#FF1744!important;text-shadow:0 0 14px rgba(255,23,68,.6)}
.win-tab.on::before{background:#FFD700;box-shadow:0 0 8px #FFD700}
.ni.win-tab .lb{display:none}

/* ── PREMIUM BACK BUTTON ── */
.cipher-back,
.mine-settings[onclick*="go("],
[onclick*="go('pg-home')"].mine-settings{
  width:34px!important;height:34px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:16px!important;cursor:pointer;color:var(--white)!important;
  transition:all .2s!important
}
.cipher-back:active,[onclick*="go('pg-home')"].mine-settings:active{
  background:rgba(255,255,255,.15)!important;transform:scale(.92)!important
}

/* ── INLINE SVG NAV ICONS ── */
.ni-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .2s}
.ni-icon svg{width:24px;height:24px}
.ni.on .ni-icon{color:#FFC107}
.ni.on .lb{color:#FFC107}

/* ── PNG ICONS — white inactive, yellow active ── */
.ni-icon{
  width:24px;height:24px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;transition:color .2s, background-color .2s
}
.ni-icon svg{width:24px;height:24px}
/* mask-image divs */
.ni .ni-icon[style*="mask-image"]{background-color:rgba(255,255,255,0.6)!important}
.ni.on .ni-icon[style*="mask-image"]{background-color:#FFC107!important}
/* SVG icons (More) */
.ni .ni-icon svg{opacity:0.6}
.ni.on .ni-icon svg{opacity:1;color:#FFC107}
/* Labels */
.ni .lb{color:rgba(255,255,255,0.5);font-size:10px}
.ni.on .lb{color:#FFC107}

/* ── PNG NAV ICONS ── */
.ni-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.ni-icon img{width:26px;height:26px;object-fit:contain;opacity:0.55;transition:opacity .2s}
.ni.on .ni-icon img{opacity:1}
.ni .lb{color:rgba(255,255,255,0.5);font-size:10px;font-weight:600;transition:color .2s}
.ni.on .lb{color:#FFC107}

/* ── WIN TAB — egg/oval shape, upar bahar ── */
.win-tab{
  position:relative;
  flex:1.4;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  cursor:pointer;padding:0;
  margin-top:-20px;
  z-index:10;
}
.win-tab-inner{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:68px;height:68px;
  border-radius:50% 50% 45% 45% / 55% 55% 45% 45%;
  background:#1a1a1a;
  border:2px solid rgba(255,255,255,0.25);
  box-shadow:0 -4px 16px rgba(0,0,0,0.4);
  transition:all .2s;
  padding-bottom:4px;
}
.win-tab.on .win-tab-inner{
  background:#FFD700;
  border-color:#FFD700;
  box-shadow:0 -4px 20px rgba(255,215,0,0.3);
}
.win-tab-icon-img{
  width:26px;height:26px;object-fit:contain;
  opacity:0.9;margin-bottom:2px;
}
.win-tab-text{
  font-size:10px;font-weight:900;
  color:#fff;letter-spacing:1px;
  text-transform:uppercase;
  line-height:1;
}
.win-tab.on .win-tab-text{color:#111}

/* ── PROFIT GREEN ── */
.profit-pill strong{color:#22c55e!important;font-size:14px!important;font-weight:900!important}
.profit-label{color:rgba(255,255,255,0.6)!important;font-size:11px!important}

/* Remove WIN top border + active square bg */
.win-tab::before{display:none!important}
.win-tab.on{background:transparent!important;box-shadow:none!important}
.ni.on{background:transparent!important}

/* ── XP + PROFIT ROW ── */
.xp-profit-row{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 10px}
.xp-pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:25px;padding:5px 12px}
.xp-num{font-size:13px;font-weight:800;color:#a78bfa}

/* ── MULTI-TOUCH TAP ZONE ── */
.char-ring{touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}

/* ── CARD COOLDOWN TIMER ── */
.mc{position:relative;overflow:hidden}
.mc-cool-overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,0.75);
  border-radius:14px;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  z-index:5;backdrop-filter:blur(2px)
}
.mc-cool-ring{width:56px;height:56px;margin-bottom:4px}
.mc-cool-time{
  font-size:11px;font-weight:900;
  color:#FFC107;letter-spacing:.5px;
  font-family:monospace
}
.mc.mc-cooling .mc-img{opacity:0.5}

/* ════════════════════════════════════════════════
   MINE CARDS — 6 CATEGORY DESIGNS
   ════════════════════════════════════════════════ */

/* Base card reset */
.mc{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 10px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}
.mc:active{transform:scale(.97)}
.mc-img{width:54px;height:54px;border-radius:10px;overflow:hidden;margin-bottom:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}
.mc-img img{width:100%;height:100%;object-fit:cover}
.mc-img-ph{font-size:24px}
.mc-n{font-size:12px;font-weight:700;color:#fff;margin-bottom:3px;line-height:1.3}
.mc-phr-label{font-size:9px;color:rgba(255,255,255,.4);margin-bottom:2px}
.mc-phr{font-size:11px;font-weight:800;color:#22c55e;display:flex;align-items:center;gap:3px;margin-bottom:6px}
.mc-cost{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 8px;width:100%}
.mc-cost-val{font-size:10px;font-weight:700;color:#fff}
.mc-lv{position:absolute;top:7px;right:7px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:2px 6px;font-size:9px;color:#FFC107;font-weight:700}
.mc.lk{opacity:.55}

/* ── RP TEAM — Dark blue-grey, tactical ── */
.mc-cat-rp_team{background:linear-gradient(145deg,#161b2e,#0d1117);border-color:rgba(59,130,246,.2)}
.mc-cat-rp_team .mc-img{border:1px solid rgba(59,130,246,.2)}
.mc-cat-rp_team .mc-lv{color:#60a5fa;border-color:rgba(59,130,246,.3)}
.mc-cat-rp_team .mc-cost{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2)}

/* ── MARKETS — Dark teal, trading feel ── */
.mc-cat-markets{background:linear-gradient(145deg,#0d1f1f,#0a1a12);border-color:rgba(20,184,166,.2)}
.mc-cat-markets .mc-img{border:1px solid rgba(20,184,166,.2)}
.mc-cat-markets .mc-lv{color:#2dd4bf;border-color:rgba(20,184,166,.3)}
.mc-cat-markets .mc-cost{background:rgba(20,184,166,.08);border-color:rgba(20,184,166,.2)}

/* ── LEGAL — Dark charcoal, formal ── */
.mc-cat-legal{background:linear-gradient(145deg,#1a1a1a,#111);border-color:rgba(161,161,170,.15)}
.mc-cat-legal .mc-img{border:1px solid rgba(161,161,170,.15)}
.mc-cat-legal .mc-lv{color:#a1a1aa;border-color:rgba(161,161,170,.2)}
.mc-cat-legal .mc-cost{background:rgba(161,161,170,.06);border-color:rgba(161,161,170,.15)}

/* ── WEB3 — Dark purple, crypto ── */
.mc-cat-web3{background:linear-gradient(145deg,#1a0a2e,#0d0818);border-color:rgba(139,92,246,.2)}
.mc-cat-web3 .mc-img{border:1px solid rgba(139,92,246,.2)}
.mc-cat-web3 .mc-lv{color:#a78bfa;border-color:rgba(139,92,246,.3)}
.mc-cat-web3 .mc-cost{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2)}

/* ── MY CARDS (SPECIALS) — Dark teal, owned ── */
.mc-mycard{background:linear-gradient(145deg,#0d1f20,#081414);border:1px solid rgba(20,184,166,.3)}
.mc-mycard .mc-img{border:1px solid rgba(20,184,166,.25)}
.mc-lv-special{color:#2dd4bf!important;border-color:rgba(20,184,166,.4)!important}
.mc-owned-badge{position:absolute;top:7px;left:7px;background:rgba(20,184,166,.2);border:1px solid rgba(20,184,166,.4);border-radius:6px;padding:2px 6px;font-size:8px;color:#2dd4bf;font-weight:800}

/* ── EVENT (NEW ARRIVAL) — Full image bg, featured ── */
.mc-event{
  background-size:cover;background-position:center;
  background-color:#1a1a2e;
  border:none;
  aspect-ratio:1/1.1;
  padding:0;overflow:hidden;
  min-height:140px;
}
.mc-event-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.9) 45%, rgba(0,0,0,.1) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:8px;border-radius:14px;
}
.mc-lv-event{color:#FFD700!important;background:rgba(0,0,0,.6)!important;border-color:rgba(255,215,0,.4)!important}
.mc-lv-new{color:#22c55e!important;background:rgba(0,0,0,.7)!important;border-color:rgba(34,197,94,.4)!important}
.mc-event-name{font-size:12px;font-weight:800;color:#fff;margin-bottom:4px;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.mc-event-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px}
.mc-event-phr{font-size:10px;font-weight:700;color:#22c55e;display:flex;align-items:center;gap:2px}
.mc-event .mc-cost{background:rgba(0,0,0,.5);border-color:rgba(255,255,255,.2);width:auto;flex-shrink:0}

/* ════════════════════════════════════════════════
   VICTORY POPUP — Combo Complete
   ════════════════════════════════════════════════ */
.victory-popup{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:999;display:none;align-items:flex-end;justify-content:center}
.victory-popup.open{display:flex}
.victory-box{background:linear-gradient(180deg,#1a1040 0%,#0d0d1a 100%);border-radius:28px 28px 0 0;width:100%;max-width:480px;padding:0 0 32px;overflow:hidden;animation:slideUp .35s ease-out}
.victory-img{width:100%;height:260px;object-fit:cover;border-radius:0}
.victory-body{padding:20px 24px 0;text-align:center}
.victory-title{font-size:18px;font-weight:900;color:#fff;margin-bottom:8px;line-height:1.3}
.victory-reward{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}
.victory-reward img{width:28px;height:28px}
.victory-reward span{font-size:26px;font-weight:900;color:#fff}
.victory-btn{width:calc(100% - 48px);margin:0 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:18px;padding:16px;font-size:16px;font-weight:800;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}
.victory-btn:active{transform:scale(.97)}

/* ── CATEGORY DESIGN OVERRIDE FIX ── */
.mc-cat-rp_team{background:linear-gradient(145deg,#161b2e,#0d1117)!important;border-color:rgba(59,130,246,.25)!important}
.mc-cat-markets{background:linear-gradient(145deg,#0d1f1f,#0a1a12)!important;border-color:rgba(20,184,166,.25)!important}
.mc-cat-legal{background:linear-gradient(145deg,#1c1c1c,#111)!important;border-color:rgba(161,161,170,.2)!important}
.mc-cat-web3{background:linear-gradient(145deg,#1a0a2e,#0d0818)!important;border-color:rgba(139,92,246,.25)!important}
.mc-mycard{background:linear-gradient(145deg,#0d1f20,#081414)!important;border-color:rgba(20,184,166,.3)!important}
.mc-event{background-color:#1a1a2e!important;border:none!important;padding:0!important}

/* ── MINE TOP SECTION REDESIGN ── */
.mine-combo-row{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;margin:0 16px 10px;
  padding:10px 14px;cursor:pointer;
}
.mine-combo-row .mcr-label{font-size:13px;font-weight:700;color:var(--white);flex-shrink:0}
.mine-combo-row .mcr-dots{display:flex;gap:6px;flex:1}
.mine-combo-row .mcr-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.25)}
.mine-combo-row .mcr-dot.done{background:#22c55e;border-color:#22c55e;box-shadow:0 0 6px #22c55e}
.mine-combo-row .mcr-reward{display:flex;align-items:center;gap:5px;background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:4px 10px;white-space:nowrap}
.mine-combo-row .mcr-reward span{font-size:12px;font-weight:700;color:#c084fc}

/* Coin row */
.mine-coin-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 16px 12px}
.mine-coin-row span{font-size:36px;font-weight:900;color:var(--gold3);letter-spacing:-1px}

/* ── COMBO ROW REDESIGN ── */
.mine-combo-row{display:flex;align-items:center;justify-content:space-between!important;gap:0!important}
.mcr-left-col{display:flex;flex-direction:column;gap:6px}
.mcr-right-col{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.mcr-timer-row{display:flex;align-items:center;gap:4px}
.mcr-timer-ic{font-size:12px;opacity:.6}
.mcr-timer-val{font-size:13px;font-weight:700;color:var(--white);font-family:monospace}
.mcr-reward{display:flex;align-items:center;gap:6px;background:rgba(168,85,247,.25);border:1px solid rgba(168,85,247,.4);border-radius:20px;padding:5px 12px}
.mcr-reward span{font-size:14px!important;font-weight:900!important;color:#c084fc!important}

/* ── MINE TOPBAR TIMER ── */
.mine-timer-pill{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:5px 12px;flex-shrink:0}
.mcr-timer-ic{font-size:12px;opacity:.7}
.mcr-timer-val{font-size:12px;font-weight:800;color:#fff;font-family:monospace;letter-spacing:.5px}

/* ── COMBO ROW ── */
.mine-combo-row{display:flex!important;align-items:center!important;gap:10px!important}
.mine-combo-row .mcr-label{font-size:13px;font-weight:700;color:#fff;flex-shrink:0}
.mine-combo-row .mcr-dots{display:flex;gap:8px;flex:1;justify-content:center;align-items:center}
.mine-combo-row .mcr-dot{width:20px!important;height:20px!important;border-radius:50%;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.25);transition:all .3s}
.mine-combo-row .mcr-dot.done{background:#22c55e!important;border-color:#22c55e!important;box-shadow:0 0 10px #22c55e}
.mcr-reward{display:flex;align-items:center;gap:6px;background:#7c3aed;border:none!important;border-radius:20px;padding:6px 14px;flex-shrink:0}
.mcr-reward span{font-size:14px!important;font-weight:900!important;color:#fff!important}

/* ── COMBO SLOTS ── */
.combo-card-slot{border-radius:14px;overflow:hidden;border:1.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.combo-slot-img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}

/* Timer pill — no background */
.mine-timer-pill{background:transparent!important;border:none!important;padding:4px 8px!important}
.mcr-timer-val{font-size:13px!important;color:rgba(255,255,255,.7)!important}

/* ── PREMIUM CARD SHEET ── */
.cs-premium{background:#111!important;border-radius:24px 24px 0 0!important;overflow:hidden!important;max-height:90vh;display:flex;flex-direction:column;overflow-y:auto}
.cs-hero{position:relative;width:100%;aspect-ratio:1/1;background:#1a1a2e;overflow:hidden;flex-shrink:0}
.cs-hero-img{width:100%;height:100%;object-fit:cover}
.cs-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)}
.cs-lv-badge{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.6);border:1.5px solid rgba(255,215,0,.4);color:#FFD700;font-size:12px;font-weight:800;padding:4px 10px;border-radius:8px}
.cs-body{padding:16px 20px 24px}
.cs-name{font-size:18px;font-weight:900;color:#fff;margin-bottom:4px}
.cs-desc{font-size:12px;color:rgba(255,255,255,.5);margin-bottom:16px}
.cs-stats-row{display:flex;align-items:center;background:rgba(255,255,255,.05);border-radius:14px;padding:12px 8px;margin-bottom:16px}
.cs-stat-box{flex:1;text-align:center}
.cs-stat-icon{font-size:18px;margin-bottom:4px}
.cs-stat-val{font-size:14px;font-weight:800;color:#fff}
.cs-stat-lbl{font-size:10px;color:rgba(255,255,255,.4);margin-top:2px}
.cs-stat-sep{width:1px;height:40px;background:rgba(255,255,255,.1)}
.cs-go-btn{width:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:800;color:#fff;cursor:pointer;transition:all .2s}
.cs-go-btn:active{transform:scale(.97)}

/* ── VICTORY OVERLAY (updated) ── */
.victory-overlay{background:rgba(0,0,0,.92)!important;flex-direction:column;align-items:center;justify-content:center;padding:24px!important}
.victory-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.victory-info{text-align:center;width:100%;max-width:320px}

.cs-body{padding:16px 20px 32px!important}
.cs-go-btn{margin-bottom:env(safe-area-inset-bottom,12px)!important}

/* ── CATEGORY TABS PREMIUM ── */
.cat-row{display:flex;gap:6px;padding:10px 14px;overflow-x:auto;scrollbar-width:none}
.cat-row::-webkit-scrollbar{display:none}
.cat-t{
  padding:8px 16px;
  border-radius:20px;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
  border:1.5px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.6);
  transition:all .2s;
  flex-shrink:0;
}
.cat-t.on{
  background:#fff;
  color:#000;
  border-color:#fff;
  font-weight:800;
}
.cat-t:active{transform:scale(.95)}

/* ── CATEGORY TABS FINAL ── */
.cat-t{background:#fff!important;color:#000!important;border-color:#fff!important;font-size:15px!important;padding:10px 20px!important;font-weight:800!important}
.cat-t.on{background:#FFC107!important;color:#000!important;border-color:#FFC107!important}

/* ── CATEGORY TABS SIZE FIX ── */
.cat-t{font-size:11px!important;padding:7px 14px!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}

/* ── CIPHER CODE BAR ── */
.cipher-code-bar{
  margin:0 16px 12px;
  padding:14px 20px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  text-align:center;
  min-height:50px;
  display:flex;align-items:center;justify-content:center;
}
.cipher-morse-hint{
  font-size:22px;font-weight:800;
  color:#fff;letter-spacing:8px;
  font-family:monospace;
}

/* ── CIPHER PAGE SPECIFIC ── */

/* Daily Cipher info row */
.cipher-info-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px}
.cipher-info-label{font-size:16px;font-weight:800;color:#fff}

/* Price badge — royal blue/white gradient */
.cipher-price-badge{
  display:flex;align-items:center;gap:6px;
  background:linear-gradient(135deg,#1565C0,#1976D2,#42A5F5,#fff);
  border-radius:20px;padding:7px 16px;
  box-shadow:0 2px 12px rgba(25,118,210,.4)
}
.cipher-price-badge span{
  font-size:15px;font-weight:900;
  color:#000;letter-spacing:.5px
}

/* Royal Blue char-ring for cipher */
#pg-cipher .char-ring{
  border:4px solid #1976D2!important;
  box-shadow:0 0 0 3px #0a0a0a,0 0 0 7px #1976D2,inset 0 0 40px rgba(0,0,0,.8),inset 0 0 80px rgba(0,0,0,.4)!important;
  background:radial-gradient(circle at 50% 50%,#0d1a3a,#060d1f)!important;
}

/* Code bar empty */
.cipher-code-bar{
  margin:0 16px 10px;
  padding:16px 20px;
  background:rgba(25,118,210,.08);
  border:1.5px solid rgba(25,118,210,.3);
  border-radius:14px;
  text-align:center;
  min-height:54px;
  display:flex;align-items:center;justify-content:center;
}
.cipher-morse-hint{
  font-size:24px;font-weight:900;
  color:#fff;letter-spacing:10px;
  font-family:monospace;
}

/* ── TEAM PAGE PREMIUM ── */
.ref-hero-premium{display:flex;align-items:center;gap:12px;padding:12px 16px 14px}
.ref-hero-icon{font-size:36px}
.ref-hero-title{font-size:18px;font-weight:900;color:#fff;margin-bottom:2px}
.ref-hero-sub{font-size:12px;color:rgba(255,255,255,.5)}

/* Referral code */
.ref-code-premium{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1.5px solid rgba(255,215,0,.2);border-radius:18px;padding:16px 20px;margin:0 16px 14px;text-align:center}
.ref-code-label{font-size:11px;color:rgba(255,255,255,.4);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}
.ref-code-val{font-size:28px;font-weight:900;color:#FFC107;letter-spacing:4px;margin-bottom:14px;font-family:monospace}
.ref-btns-row{display:flex;gap:10px;justify-content:center}
.ref-btn-copy{flex:1;background:#fff;color:#000;border:none;border-radius:12px;padding:10px;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s}
.ref-btn-share{flex:1;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;padding:10px;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s}
.ref-btn-copy:active,.ref-btn-share:active{transform:scale(.96)}

/* Level card */
.ref-level-card{display:flex;justify-content:space-between;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 18px;margin:0 16px 8px}
.ref-level-lbl{font-size:10px;color:rgba(255,255,255,.4);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.ref-badge-premium{font-size:15px;font-weight:800;color:#FFC107}
.ref-mult-val{font-size:20px;font-weight:900;color:#22c55e}
.ref-prog-row{display:flex;justify-content:space-between;margin-bottom:6px}
.ref-pbar-track{height:6px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}
.ref-pbar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:99px;transition:width .5s ease}

/* Stats row */
.ref-stats-row{display:flex;gap:10px;padding:0 16px 16px}
.ref-stat-box{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 8px;text-align:center}
.ref-stat-val{font-size:22px;font-weight:900;color:#fff;margin-bottom:4px}
.ref-stat-lbl{font-size:10px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}

/* Team list header */
.ref-team-header{font-size:14px;font-weight:700;color:rgba(255,255,255,.6);padding:4px 16px 12px;display:flex;align-items:center;gap:8px}
.ref-team-cnt{background:rgba(255,255,255,.1);border-radius:20px;padding:2px 10px;font-size:12px;color:#fff}
.ref-empty{text-align:center;padding:32px 20px;color:rgba(255,255,255,.4)}

/* ══ MORE PAGE ═══════════════════════════════════════════════════ */
.more-hero{display:flex;align-items:center;gap:14px;padding:20px 16px 12px}
.more-av-wrap{position:relative;width:56px;height:56px;flex-shrink:0}
.more-av{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:28px}
.more-av-lv{position:absolute;bottom:-2px;right:-2px;background:#FFC107;color:#000;font-size:10px;font-weight:900;border-radius:10px;padding:1px 5px}
.more-hero-name{font-size:18px;font-weight:900;color:#fff;margin-bottom:3px}
.more-hero-sub{font-size:12px;color:rgba(255,255,255,.4)}

.more-stats-row{display:flex;gap:8px;padding:0 16px 16px}
.more-stat{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 6px;text-align:center}
.more-stat-val{font-size:14px;font-weight:900;color:#fff;margin-bottom:3px}
.more-stat-lbl{font-size:9px;color:rgba(255,255,255,.4);text-transform:uppercase}

.more-menu{padding:0 16px}
.more-menu-item{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:background .2s}
.more-menu-item:active{background:rgba(255,255,255,.08)}
.mmi-left{display:flex;align-items:center;gap:12px;flex:1}
.mmi-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.mmi-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}
.mmi-sub{font-size:11px;color:rgba(255,255,255,.4)}
.mmi-arr{font-size:18px;color:rgba(255,255,255,.3)}
.mmi-badge{font-size:9px;font-weight:700;background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:2px 7px;margin-right:6px}

/* ══ PROFILE PAGE ════════════════════════════════════════════════ */
/* ── Premium Back Button ── */
.pg-back{
  display:inline-flex;align-items:center;gap:8px;
  margin:14px 16px 4px;
  padding:8px 14px 8px 10px;
  background:#ffffff;
  border:none;
  border-radius:50px;
  cursor:pointer;
  width:fit-content;
  transition:opacity .15s, transform .1s;
  -webkit-tap-highlight-color:transparent;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.pg-back:active{opacity:.85;transform:scale(.96)}
.pg-back-arrow{
  width:26px;height:26px;border-radius:50%;
  background:rgba(0,0,0,.08);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;color:#000;line-height:1;
  flex-shrink:0;
}
.pg-back-label{
  font-size:14px;font-weight:700;
  color:#000;
  letter-spacing:.2px;
}
/* Auth pages back — icon only, top-left absolute */
.pg-back-auth{
  margin:0;padding:8px;
  position:absolute;top:16px;left:16px;
  background:#ffffff;border:none;
  border-radius:50%;width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.pg-back-auth .pg-back-arrow{
  background:none;width:auto;height:auto;font-size:18px;color:#000;
}
.pg-title{font-size:18px;font-weight:900;color:#fff;padding:0 16px 16px}

.prof-top{display:flex;align-items:center;gap:16px;padding:8px 16px 16px}
.prof-av-wrap{position:relative;width:72px;height:72px;cursor:pointer;flex-shrink:0}
.prof-av-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}
.prof-av-placeholder{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:32px}
.prof-av-edit{position:absolute;bottom:0;right:0;width:22px;height:22px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.prof-top-name{font-size:18px;font-weight:900;color:#fff;margin-bottom:4px}
.prof-top-sub{font-size:12px;color:rgba(255,255,255,.4)}

/* Completion */
.prof-completion-card{margin:0 16px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px}
.prof-comp-header{display:flex;justify-content:space-between;margin-bottom:8px}
.prof-comp-title{font-size:13px;font-weight:700;color:#fff}
.prof-comp-pct{font-size:13px;font-weight:800;color:#22c55e}
.prof-comp-bar-track{height:8px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin-bottom:10px}
.prof-comp-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:99px;transition:width .5s}
.prof-comp-reward{font-size:11px;color:rgba(255,255,255,.4);display:flex;align-items:center;gap:4px;flex-wrap:wrap}

/* Stats */
.prof-stats-row{display:flex;gap:8px;padding:0 16px 16px}
.prof-stat{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 6px;text-align:center}
.prof-stat-val{font-size:15px;font-weight:900;color:#fff;margin-bottom:3px}
.prof-stat-lbl{font-size:9px;color:rgba(255,255,255,.4);text-transform:uppercase}

/* Form */
.prof-form{padding:0 16px}
.prof-field{margin-bottom:14px}
.prof-label{font-size:11px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}
.prof-input{width:100%;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;font-size:14px;color:#fff;outline:none;box-sizing:border-box;transition:border-color .2s}
.prof-input:focus{border-color:rgba(255,255,255,.3)}
.prof-phone-row{display:flex;gap:8px}
.prof-country-code{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;font-size:13px;color:#fff;white-space:nowrap;cursor:pointer;font-weight:700;flex-shrink:0}
.prof-phone-input{flex:1}
.prof-country-name{font-size:11px;color:#22c55e;margin-top:4px;padding-left:4px;min-height:16px}
.prof-save-btn{width:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:800;color:#fff;cursor:pointer;margin-top:8px;transition:all .2s}
.prof-save-btn:active{transform:scale(.98)}

/* Transactions */
.tx-empty{text-align:center;padding:40px 20px;color:rgba(255,255,255,.3);font-size:14px}

/* ══ PROFILE PAGE — FULL REDESIGN ═══════════════════════════════ */

/* ── Hero ── */
.prf-hero{display:flex;align-items:center;gap:18px;padding:12px 20px 20px}
.prf-av-ring{
  width:90px;height:90px;border-radius:50%;
  border:3px solid #22c55e;
  box-shadow:0 0 0 3px #0a0a0a,0 0 0 6px #22c55e,0 0 30px #22c55e55;
  display:flex;align-items:center;justify-content:center;
  position:relative;flex-shrink:0;
  background:radial-gradient(circle at 40% 35%,#1a2e1a,#0a0a0a);
  transition:border-color .3s,box-shadow .3s;
}
.prf-av-inner{width:76px;height:76px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.prf-av-inner img{width:100%;height:100%;object-fit:cover}
.prf-av-lv-badge{
  position:absolute;bottom:-4px;right:-4px;
  background:#FFC107;color:#000;font-size:10px;font-weight:900;
  border-radius:10px;padding:2px 7px;
  border:2px solid #0a0a0a;
}
.prf-hero-info{flex:1;min-width:0}
.prf-hero-name{font-size:20px;font-weight:900;color:#fff;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prf-hero-lv{font-size:12px;color:rgba(255,255,255,.5);margin-bottom:6px}
.prf-tg-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.3);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;color:#60a5fa}

/* ── Section labels ── */
.prf-section-label{font-size:11px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:1px;padding:14px 20px 6px;display:flex;align-items:center;gap:6px}
.prf-section-sub{font-size:10px;font-weight:500;color:rgba(255,255,255,.2);text-transform:none;letter-spacing:0}

/* ── Field group ── */
.prf-group{margin:0 16px 4px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden}

/* ── Field card ── */
.prf-field-card{
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 16px;gap:12px;
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:background .2s;
  min-height:60px;
}
.prf-field-card:last-child{border-bottom:none}
.prf-field-card.locked{opacity:.75}
.prf-field-card.prf-field-tall{align-items:flex-start;padding-top:14px;padding-bottom:14px}

.prf-field-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.prf-field-icon{font-size:18px;flex-shrink:0;width:22px;text-align:center}
.prf-field-body{flex:1;min-width:0}
.prf-field-label{font-size:10px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.prf-field-value{font-size:14px;font-weight:600;color:rgba(255,255,255,.8)}

/* ── Inline inputs ── */
.prf-inline-input{
  background:none;border:none;outline:none;
  font-size:14px;font-weight:600;color:#fff;
  font-family:inherit;width:100%;padding:0;
  transition:color .2s;
}
.prf-inline-input:disabled{color:rgba(255,255,255,.5);cursor:default}
.prf-inline-input:focus{color:#fff}
.prf-inline-input::placeholder{color:rgba(255,255,255,.2);font-weight:500}
.prf-inline-input:focus:not(:disabled){
  border-bottom:1.5px solid rgba(255,255,255,.2);
  padding-bottom:2px;
}

.prf-select{-webkit-appearance:none;appearance:none;background:none;cursor:pointer}
.prf-select:disabled{pointer-events:none}
.prf-select option{background:#161616;color:#fff}

.prf-textarea{
  resize:none;height:70px;line-height:1.6;
  background:none;border:none;outline:none;
  font-size:13px;font-weight:500;color:#fff;
  font-family:inherit;width:100%;padding:0;
}
.prf-textarea:disabled{color:rgba(255,255,255,.5);cursor:default}
.prf-textarea:focus{color:#fff}
.prf-textarea::placeholder{color:rgba(255,255,255,.2);font-weight:400}
.prf-textarea:focus:not(:disabled){border-bottom:1.5px solid rgba(255,255,255,.15);padding-bottom:2px}

/* ── Buttons ── */
.prf-edit-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.prf-edit-btn{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:8px;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;cursor:pointer;color:#fff;flex-shrink:0;
  transition:all .15s;
}
.prf-edit-btn:active{transform:scale(.93);background:rgba(255,255,255,.15)}
.prf-edit-btn:disabled{opacity:.3;cursor:not-allowed}

.prf-save-mini{
  background:linear-gradient(135deg,#4f46e5,#7c3aed);
  border:none;border-radius:10px;padding:6px 14px;
  font-size:12px;font-weight:700;color:#fff;cursor:pointer;
  white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;
  transition:all .15s;
}
.prf-save-mini:active{transform:scale(.95)}
.prf-save-mini:disabled{opacity:.5;cursor:not-allowed}

/* ── Lock badge ── */
.prf-lock-badge{
  font-size:10px;font-weight:700;
  color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;padding:3px 10px;
  white-space:nowrap;flex-shrink:0;
}

/* ── Cooldown note ── */
.prf-cooldown-note{font-size:10px;color:#f59e0b;font-weight:600;text-transform:none;letter-spacing:0}

/* ── Confirmation dialog overlay ── */
.prf-confirm-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.75);z-index:1000;
  align-items:center;justify-content:center;padding:20px;
}
.prf-confirm-overlay.show{display:flex}
.prf-confirm-box{
  background:#1c1c1c;border:1px solid rgba(255,255,255,.12);
  border-radius:20px;padding:28px 24px;max-width:340px;width:100%;
  text-align:center;animation:popIn .2s ease;
}
@keyframes popIn{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}
.prf-confirm-icon{font-size:36px;margin-bottom:12px}
.prf-confirm-title{font-size:16px;font-weight:800;color:#fff;margin-bottom:8px}
.prf-confirm-msg{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:22px;line-height:1.6}
.prf-confirm-btns{display:flex;gap:10px}
.prf-confirm-cancel{
  flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:12px;padding:12px;font-size:14px;font-weight:700;color:rgba(255,255,255,.7);
  cursor:pointer;font-family:inherit;
}
.prf-confirm-ok{
  flex:1;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;
  border-radius:12px;padding:12px;font-size:14px;font-weight:800;color:#fff;
  cursor:pointer;font-family:inherit;transition:all .15s;
}
.prf-confirm-ok:active{transform:scale(.97)}
.prf-confirm-ok:disabled{opacity:.5;cursor:not-allowed}

/* Input date styling */
input[type="date"].prf-inline-input:not(:disabled){color-scheme:dark}
input[type="number"].prf-inline-input{-moz-appearance:textfield}
input[type="number"].prf-inline-input::-webkit-inner-spin-button{-webkit-appearance:none}

/* ── Profile Hero Name Row (with red tick) ── */
.prf-hero-name-row{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.prf-red-tick{
  width:22px;height:22px;border-radius:50%;
  background:linear-gradient(135deg,#dc2626,#ef4444);
  color:#fff;font-size:11px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 10px rgba(239,68,68,.5);
  flex-shrink:0;
}

/* ── Profile Victory Overlay ── */
.prf-victory-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.92);z-index:999;
  flex-direction:column;align-items:center;justify-content:center;
  padding:24px;
}
.prf-victory-overlay.show{display:flex}
.prf-victory-box{
  display:flex;flex-direction:column;align-items:center;
  gap:0;max-width:340px;width:100%;text-align:center;
}
.prf-victory-img{
  width:100%;max-width:300px;border-radius:20px;
  object-fit:contain;margin-bottom:20px;
  animation:pvImgIn .4s ease;
}
@keyframes pvImgIn{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.prf-victory-body{width:100%}
.prf-victory-title{font-size:24px;font-weight:900;color:#fff;margin-bottom:6px}
.prf-victory-sub{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:20px;line-height:1.6}
.prf-victory-rewards{
  display:flex;justify-content:center;gap:16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:16px;padding:14px 10px;margin-bottom:20px;
}
.prf-victory-reward-item{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  font-size:14px;font-weight:800;color:#fff;
}
.prf-victory-reward-item span:last-child{font-size:11px;color:rgba(255,255,255,.6);font-weight:600}
.prf-victory-btn{
  width:100%;background:linear-gradient(135deg,#dc2626,#ef4444);
  border:none;border-radius:16px;padding:16px;
  font-size:16px;font-weight:800;color:#fff;cursor:pointer;
  font-family:inherit;transition:all .15s;
  box-shadow:0 0 24px rgba(239,68,68,.3);
}
.prf-victory-btn:active{transform:scale(.97)}

/* ── Country Picker Modal ── */
.country-picker-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.7);z-index:1001;
  align-items:flex-end;justify-content:center;
}
.country-picker-overlay.show{display:flex}
.country-picker-box{
  background:#1a1a1a;border-radius:24px 24px 0 0;
  width:100%;max-width:420px;
  max-height:75vh;display:flex;flex-direction:column;
  animation:slideUp .25s ease;
}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.country-picker-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 20px 12px;border-bottom:1px solid rgba(255,255,255,.07);
  flex-shrink:0;
}
.country-picker-title{font-size:16px;font-weight:800;color:#fff}
.country-picker-close{
  background:rgba(255,255,255,.1);border:none;
  width:30px;height:30px;border-radius:50%;
  color:#fff;font-size:14px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.country-search-wrap{
  display:flex;align-items:center;gap:10px;
  padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);
  flex-shrink:0;
}
.country-search-icon{font-size:16px;flex-shrink:0}
.country-search-input{
  flex:1;background:none;border:none;outline:none;
  font-size:15px;color:#fff;font-family:inherit;
}
.country-search-input::placeholder{color:rgba(255,255,255,.3)}
.country-list{overflow-y:auto;flex:1;padding:6px 0 12px}
.country-list::-webkit-scrollbar{display:none}
.country-item{
  padding:12px 20px;font-size:14px;font-weight:500;
  color:rgba(255,255,255,.85);cursor:pointer;
  transition:background .15s;
}
.country-item:active{background:rgba(255,255,255,.08)}
.country-empty{padding:24px 20px;text-align:center;color:rgba(255,255,255,.3);font-size:14px}

/* ── Degree input (below education select) ── */
.prf-degree-input{
  margin-top:6px;
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding-top:8px!important;
  font-size:13px!important;
  color:rgba(255,255,255,.7)!important;
}
.prf-degree-input::placeholder{font-size:12px}
.prf-degree-input:focus:not(:disabled){border-bottom:1.5px solid rgba(255,255,255,.2)!important}