/* ═══════════════════════════════════════════════════════════
   ABSTRACT — style.css  (v9 — PRESTIGE UPDATE)
   ═══════════════════════════════════════════════════════════ */

/* ── Variables ─────────────────────────────────────────────── */
:root{
  --au-100:#FFFEF0;--au-200:#FFF3A3;--au-300:#FFD700;--au-400:#F0B800;
  --au-500:#C8960C;--au-600:#9B6E00;--au-700:#5E3F00;--au-800:#2E1E00;
  --v0:#030200;--v1:#080600;--v2:#100C00;--v3:#1A1400;--v4:#241D00;
  --g-10:rgba(255,215,0,.04);--g-20:rgba(255,215,0,.08);
  --g-30:rgba(255,215,0,.14);--g-40:rgba(255,215,0,.22);
  --b-10:rgba(255,215,0,.10);--b-20:rgba(255,215,0,.20);
  --b-40:rgba(255,215,0,.40);--b-60:rgba(255,215,0,.60);
  --tx-hi:rgba(255,255,255,.95);--tx-md:rgba(255,255,255,.60);
  --tx-lo:rgba(255,255,255,.30);--tx-dim:rgba(255,255,255,.10);
  --green:#00E5A0;--red:#FF4060;--blue:#4499FF;--orange:#FF8C00;--surge:#FF6B00;
  --essence:#A070FF;--essence-glow:rgba(160,112,255,.45);
  --coin-d:188px;--r:14px;--r-sm:10px;--r-pill:999px;
  --safe-b:env(safe-area-inset-bottom,0px);
  --f-display:'Bebas Neue',cursive;--f-ui:'Outfit',sans-serif;
  --ease-spring:cubic-bezier(.34,1.42,.64,1);
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-in-out:cubic-bezier(.4,0,.2,1);
  --ease-bounce:cubic-bezier(.68,-0.55,.265,1.55);
}

/* ── Reset ─────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html,body{
  height:100%;background:var(--v0);color:var(--tx-hi);font-family:var(--f-ui);
  overflow:hidden;-webkit-touch-callout:none;user-select:none;
  overscroll-behavior:none;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ── Background ─────────────────────────────────────────────── */
.bg{position:fixed;inset:0;z-index:0;overflow:hidden;}
.bg-aurora{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%,rgba(255,200,0,.18) 0%,rgba(255,130,0,.06) 55%,transparent 75%),
    radial-gradient(ellipse 55% 35% at 88% 92%,rgba(160,100,0,.09) 0%,transparent 60%),
    radial-gradient(ellipse 45% 28% at 8% 82%,rgba(80,55,0,.07) 0%,transparent 55%),
    var(--v0);
}
.bg-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,215,0,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,215,0,.016) 1px,transparent 1px);
  background-size:52px 52px;
}
.bokeh{position:absolute;border-radius:50%;filter:blur(52px);pointer-events:none;will-change:transform;}
.bokeh-1{width:300px;height:300px;background:radial-gradient(circle,rgba(255,215,0,.13),transparent 68%);top:8%;left:-14%;animation:orb-1 22s ease-in-out infinite;}
.bokeh-2{width:220px;height:220px;background:radial-gradient(circle,rgba(255,170,0,.09),transparent 68%);top:15%;right:-8%;animation:orb-2 26s ease-in-out infinite;}
.bokeh-3{width:160px;height:160px;background:radial-gradient(circle,rgba(200,110,0,.07),transparent 68%);bottom:30%;left:20%;animation:orb-3 18s ease-in-out infinite;}
@keyframes orb-1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(50px,30px) scale(1.06)}66%{transform:translate(-22px,50px) scale(.92)}}
@keyframes orb-2{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(-40px,-24px) scale(1.10)}70%{transform:translate(16px,34px) scale(.88)}}
@keyframes orb-3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(34px,-44px) scale(1.16)}}

/* ── Surge BG ──────────────────────────────────────────────── */
.surge-bg{
  position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0;
  transition:opacity .6s var(--ease-in-out);
  background:radial-gradient(ellipse 100% 65% at 50% 0%,rgba(255,107,0,.13) 0%,transparent 70%);
}
.surge-bg.active{opacity:1;animation:surge-bg-pulse 2.6s ease-in-out infinite;}
@keyframes surge-bg-pulse{0%,100%{opacity:.65}50%{opacity:1}}

/* ── App Shell ──────────────────────────────────────────────── */
#app{
  position:relative;z-index:2;display:flex;flex-direction:column;
  width:100%;height:100%;max-width:480px;margin:0 auto;
}

/* ── Loader ──────────────────────────────────────────────────── */
#loader{
  position:fixed;inset:0;z-index:9999;background:var(--v0);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;
  transition:opacity .8s var(--ease-out),visibility .8s;
}
#loader.gone{opacity:0;visibility:hidden;pointer-events:none;}
.loader-wordmark{
  font-family:var(--f-display);font-size:52px;letter-spacing:.16em;
  background:linear-gradient(165deg,var(--au-200) 0%,var(--au-300) 50%,var(--au-500) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 30px rgba(255,215,0,.28));
  animation:loader-in 1s var(--ease-spring) both;
}
@keyframes loader-in{from{opacity:0;transform:translateY(24px) scale(.90);letter-spacing:.34em}to{opacity:1;transform:translateY(0) scale(1);letter-spacing:.16em}}
.loader-sub{font-size:10px;font-weight:600;letter-spacing:.30em;text-transform:uppercase;color:var(--tx-lo);animation:fade-up .6s .4s var(--ease-out) both;}
@keyframes fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.loader-bar-wrap{width:120px;height:2px;background:var(--tx-dim);border-radius:2px;overflow:hidden;animation:fade-up .6s .5s var(--ease-out) both;}
.loader-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--au-700),var(--au-300),var(--au-100));border-radius:2px;animation:bar-fill 1.6s .5s var(--ease-in-out) forwards;}
@keyframes bar-fill{to{width:100%}}

/* ── Surge Banner ──────────────────────────────────────────── */
#surgeBanner{position:fixed;top:0;left:50%;transform:translateX(-50%) translateY(-100px);z-index:8000;width:min(480px,100%);padding:0 16px;transition:transform .55s var(--ease-spring);pointer-events:none;}
#surgeBanner.show{transform:translateX(-50%) translateY(0)}
.surge-inner{background:linear-gradient(135deg,rgba(255,107,0,.88),rgba(255,50,0,.80));border:1px solid rgba(255,150,0,.50);border-top:none;border-radius:0 0 var(--r) var(--r);padding:10px 18px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 38px rgba(255,107,0,.28),0 0 0 1px rgba(255,150,0,.16);animation:surge-glow 2.2s ease-in-out infinite;}
@keyframes surge-glow{0%,100%{box-shadow:0 8px 36px rgba(255,107,0,.26),0 0 0 1px rgba(255,150,0,.16)}50%{box-shadow:0 8px 54px rgba(255,107,0,.52),0 0 0 1px rgba(255,180,0,.36)}}
.surge-icon{font-size:22px;animation:surge-icon-bob 1.9s ease-in-out infinite;}
@keyframes surge-icon-bob{0%,100%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}}
.surge-text{flex:1}
.surge-title{font-family:var(--f-display);font-size:18px;letter-spacing:.08em;color:#fff;text-shadow:0 0 14px rgba(255,200,0,.55);}
.surge-sub{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,220,150,.70);}
.surge-timer{font-family:var(--f-display);font-size:26px;color:#fff;text-shadow:0 0 18px rgba(255,200,0,.65);min-width:50px;text-align:right;font-variant-numeric:tabular-nums;}

/* ── Prestige Flash Overlay ────────────────────────────────── */
.prestige-flash-overlay{
  position:fixed;inset:0;z-index:9500;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;opacity:0;
  background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(160,112,255,.22) 0%,rgba(3,2,0,.90) 70%);
  transition:opacity .35s var(--ease-out);
}
.prestige-flash-overlay.show{opacity:1;pointer-events:all;}
.pf-inner{
  text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;
  animation:pf-in .55s var(--ease-spring) both;
}
@keyframes pf-in{from{opacity:0;transform:scale(.72) translateY(28px)}to{opacity:1;transform:scale(1) translateY(0)}}
.pf-star{font-size:56px;animation:pf-star-spin 1.2s var(--ease-spring) both;filter:drop-shadow(0 0 28px rgba(255,215,0,.70));}
@keyframes pf-star-spin{from{transform:rotate(-180deg) scale(0)}to{transform:rotate(0deg) scale(1)}}
.pf-title{
  font-family:var(--f-display);font-size:64px;letter-spacing:.10em;
  background:linear-gradient(135deg,var(--au-100) 0%,var(--au-300) 45%,var(--essence) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 30px rgba(160,112,255,.60));
  animation:pf-title-in .7s .2s var(--ease-spring) both;
}
@keyframes pf-title-in{from{opacity:0;transform:scale(.8) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
.pf-sub{font-size:16px;font-weight:700;color:var(--au-200);opacity:.85;animation:fade-up .5s .4s var(--ease-out) both;}
.pf-essence{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 20px;border-radius:var(--r-pill);
  background:rgba(160,112,255,.14);border:1px solid rgba(160,112,255,.35);
  font-size:14px;font-weight:700;color:var(--essence);
  animation:fade-up .5s .55s var(--ease-out) both;
  box-shadow:0 0 24px rgba(160,112,255,.25);
}

/* ── Prestige Pill (top bar) ────────────────────────────────── */
.prestige-pill{
  display:none;align-items:center;gap:5px;padding:5px 11px;
  background:rgba(160,112,255,.10);border:1px solid rgba(160,112,255,.25);border-radius:var(--r-pill);
  font-size:12px;font-weight:700;color:var(--essence);
  animation:fade-up .3s var(--ease-spring) both;
}
.prestige-pill i{font-size:9px;color:var(--essence);opacity:.75}
.pp-mult{font-size:10px;opacity:.75;font-weight:600}

/* ── Top Bar ─────────────────────────────────────────────────── */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 0;flex-shrink:0;animation:slide-down .55s .1s var(--ease-spring) both;}
@keyframes slide-down{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}
.tb-brand{display:flex;align-items:center;gap:9px}
.tb-logo{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--au-100) 0%,var(--au-300) 22%,var(--au-600) 65%,var(--au-800) 100%);box-shadow:0 0 14px rgba(255,215,0,.28),0 0 0 1.5px rgba(255,215,0,.22);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:14px;color:rgba(0,0,0,.45);}
.tb-name{font-family:var(--f-display);font-size:24px;letter-spacing:.08em;background:linear-gradient(135deg,var(--au-200) 0%,var(--au-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.tb-right{display:flex;align-items:center;gap:7px}
.rank-pill{display:flex;align-items:center;gap:5px;padding:5px 11px;background:var(--g-10);border:1px solid var(--b-20);border-radius:var(--r-pill);font-size:12px;font-weight:700;color:var(--au-300);transition:background .3s,border-color .3s;}
.rank-pill:hover{background:var(--g-20);border-color:var(--b-40);}
.rank-pill i{font-size:9px;color:var(--au-500)}
.conn-pill{display:flex;align-items:center;gap:5px;padding:5px 9px;background:var(--g-10);border:1px solid var(--b-10);border-radius:var(--r-pill);font-size:10px;font-weight:600;color:var(--tx-lo);}
.conn-dot{width:6px;height:6px;border-radius:50%;background:var(--red);transition:background .5s;}
.conn-dot.live{background:var(--green);animation:pulse-dot 2.4s ease-in-out infinite;}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(0,229,160,.45)}50%{box-shadow:0 0 0 5px rgba(0,229,160,0)}}

/* ── Panels ──────────────────────────────────────────────────── */
.panel{flex:1;overflow:hidden;display:none;flex-direction:column}
.panel.active{display:flex;animation:panel-in .3s var(--ease-out) both;}
@keyframes panel-in{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* ════════════════ TAP PANEL ════════════════════════════════════ */
#panel-tap{align-items:center;padding:6px 20px 2px;gap:0;justify-content:space-between;}

/* Player strip */
.player-strip{width:100%;display:flex;align-items:center;justify-content:space-between;animation:fade-up .45s .2s var(--ease-spring) both;}
.p-ident{display:flex;align-items:center;gap:8px}
.p-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--au-700),var(--au-500));border:1.5px solid var(--b-20);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:15px;color:rgba(0,0,0,.5);}
.p-name{font-size:13px;font-weight:600;color:var(--tx-md)}
.p-stats{display:flex;align-items:center;gap:4px}
.p-stat-chip{display:flex;align-items:center;gap:4px;padding:4px 9px;background:var(--g-10);border:1px solid var(--b-10);border-radius:var(--r-pill);font-size:10px;font-weight:600;color:var(--tx-lo);transition:border-color .3s,background .3s,color .3s;}
.p-stat-chip i{font-size:9px;color:var(--au-500)}
.p-stat-chip span{color:var(--au-400);font-weight:700}
.p-stat-chip.ref-flash{animation:chip-flash .65s var(--ease-out) forwards;}
@keyframes chip-flash{0%{border-color:rgba(255,215,0,.6);background:rgba(255,215,0,.14);color:var(--au-200)}100%{border-color:var(--b-10);background:var(--g-10)}}

/* Score */
.score-block{text-align:center;animation:fade-up .5s .3s var(--ease-spring) both;}
.score-label{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--tx-lo);margin-bottom:1px;transition:color .4s;}
.score-num-wrap{position:relative;display:inline-block;overflow:visible;}
.score-display{font-family:var(--f-display);font-size:62px;line-height:1;letter-spacing:.02em;background:linear-gradient(165deg,var(--au-100) 0%,var(--au-300) 38%,var(--au-500) 82%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 18px rgba(255,215,0,.20));font-variant-numeric:tabular-nums;will-change:transform;transform-origin:50% 60%;display:block;}
.score-display.tap-tick{animation:score-tap .22s var(--ease-spring) both;}
@keyframes score-tap{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.07) translateY(-4px)}65%{transform:scale(.985) translateY(1px)}100%{transform:scale(1) translateY(0)}}
.score-display.flip-out{animation:flip-out .13s var(--ease-in-out) both;}
.score-display.flip-in{animation:flip-in .22s var(--ease-out) both;}
@keyframes flip-out{from{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(-12px) scaleY(.65)}}
@keyframes flip-in{from{opacity:0;transform:translateY(12px) scaleY(.65)}to{opacity:1;transform:translateY(0) scaleY(1)}}
.score-display.surge-score{background:linear-gradient(165deg,#fff5d8 0%,#FFB347 38%,#FF6B00 82%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(255,107,0,.52));}
.score-display.auto-tick{animation:auto-tick-anim .25s var(--ease-out) both;}
@keyframes auto-tick-anim{0%{filter:brightness(1.20) drop-shadow(0 0 16px rgba(110,200,255,.60))}100%{filter:drop-shadow(0 0 18px rgba(255,215,0,.20))}}
.score-display.ref-glow{animation:score-ref-glow .75s var(--ease-out) both;}
@keyframes score-ref-glow{0%{filter:drop-shadow(0 0 30px rgba(255,215,0,.82)) brightness(1.18)}100%{filter:drop-shadow(0 0 18px rgba(255,215,0,.20)) brightness(1)}}
.score-block.dollar-mode .score-display{background:linear-gradient(165deg,#b8ffea 0%,#00E5A0 42%,#00a372 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,229,160,.30));animation:dollar-breathe 2.4s ease-in-out infinite;}
@keyframes dollar-breathe{0%,100%{filter:drop-shadow(0 0 16px rgba(0,229,160,.26))}50%{filter:drop-shadow(0 0 30px rgba(0,229,160,.52)) brightness(1.06)}}
.score-block.dollar-mode .score-label{color:rgba(0,229,160,.48)}
.score-block.dollar-mode .convert-btn{border-color:rgba(0,229,160,.22);background:rgba(0,229,160,.04);color:rgba(0,229,160,.60);}
.score-block.dollar-mode .score-bonus{display:none}
.score-block:not(.dollar-mode) .score-bonus{display:block}
.usd-rate-tag{display:none;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);background:rgba(0,229,160,.06);border:1px solid rgba(0,229,160,.14);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,229,160,.65);}
.score-block.dollar-mode .usd-rate-tag{display:flex}
.score-block.dollar-mode.just-toggled .score-display{animation:dollar-enter .38s var(--ease-spring) both;}
@keyframes dollar-enter{0%{transform:scale(.86) rotate(-2deg);opacity:.2}60%{transform:scale(1.04) rotate(.5deg)}100%{transform:scale(1) rotate(0);opacity:1}}
.score-bonus{font-size:11px;font-weight:500;color:var(--au-600);margin-top:1px;letter-spacing:.04em;}
.score-sub-row{display:flex;align-items:center;justify-content:center;gap:8px;min-height:20px;}
.convert-btn{display:inline-flex;align-items:center;gap:6px;margin-top:3px;padding:4px 12px;border-radius:var(--r-pill);border:1px solid var(--b-20);background:var(--g-10);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-lo);cursor:pointer;transition:border-color .22s,background .22s,color .22s,transform .15s;}
.convert-btn:active{transform:scale(.93)}
.cvt-tap-ico{color:var(--au-400);font-size:10px}
.cvt-usd-ico{color:var(--green);font-size:10px}

/* Floating ref popup */
.ref-popup{position:absolute;font-family:var(--f-display);font-size:17px;color:var(--au-200);text-shadow:0 0 16px rgba(255,215,0,.80),0 0 32px rgba(255,215,0,.35);pointer-events:none;white-space:nowrap;animation:ref-float .95s var(--ease-out) forwards;z-index:30;}
@keyframes ref-float{0%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) translateY(-72px) scale(.55)}}

/* Combo badge */
.combo-wrap{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;min-height:24px;}
.combo-badge{display:none;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--r-pill);border:1px solid rgba(255,140,0,.36);background:rgba(255,107,0,.09);font-size:11px;font-weight:700;color:var(--orange);}
.combo-badge.show{display:flex;animation:combo-appear .22s var(--ease-spring) both;}
@keyframes combo-appear{from{transform:scale(.70);opacity:0}to{transform:scale(1);opacity:1}}
.combo-badge.hot{border-color:rgba(255,50,0,.46);background:rgba(255,50,0,.12);color:#FF3520;animation:combo-hot 1.2s ease-in-out infinite;}
@keyframes combo-hot{0%,100%{box-shadow:0 0 0 0 rgba(255,50,0,0)}50%{box-shadow:0 0 0 8px rgba(255,50,0,0)}}
.combo-badge i{font-size:10px}
.combo-mult{font-family:var(--f-display);font-size:16px;letter-spacing:.04em;}
.combo-streak{font-size:10px;opacity:.68}

/* ── Coin ──────────────────────────────────────────────────── */
.coin-scene{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:fade-up .55s .42s var(--ease-spring) both;}
.coin-ground{position:absolute;bottom:-16px;width:140px;height:16px;background:radial-gradient(ellipse,rgba(255,175,0,.18) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:ground-breathe 5s ease-in-out infinite;}
@keyframes ground-breathe{0%,100%{transform:scale(1);opacity:.70}50%{transform:scale(.68);opacity:.28}}
.coin{width:var(--coin-d);height:var(--coin-d);border-radius:50%;position:relative;cursor:pointer;background:radial-gradient(circle at 36% 28%,rgba(255,252,190,.24) 0%,rgba(255,218,48,.14) 20%,rgba(255,188,0,.10) 45%,rgba(178,118,0,.13) 70%,rgba(76,48,0,.17) 100%);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1.5px solid rgba(255,215,0,.38);box-shadow:0 0 52px rgba(255,200,0,.22),0 0 108px rgba(255,160,0,.08),0 24px 52px rgba(0,0,0,.65),0 8px 20px rgba(0,0,0,.45),inset 0 2px 8px rgba(255,252,190,.48),inset 0 -3px 10px rgba(0,0,0,.40),0 0 0 5px rgba(0,0,0,.60),0 0 0 6px rgba(255,215,0,.14);animation:coin-breathe 5.5s ease-in-out infinite;filter:drop-shadow(0 16px 36px rgba(0,0,0,.52));transform-origin:50% 60%;will-change:transform;-webkit-backface-visibility:hidden;transition:border-color .35s,box-shadow .35s;}
@keyframes coin-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.coin::before{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(150deg,rgba(255,255,235,.44) 0%,rgba(255,238,155,.22) 16%,rgba(255,218,76,.07) 36%,transparent 56%,rgba(0,0,0,.04) 82%,rgba(0,0,0,.10) 100%);pointer-events:none;}
.coin::after{content:'';position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(255,238,145,.16);box-shadow:inset 0 0 14px rgba(0,0,0,.15),0 0 10px rgba(255,218,95,.05);pointer-events:none;}
.coin-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;}
.coin-A{font-family:var(--f-display);font-size:90px;line-height:1;color:rgba(58,33,0,.48);text-shadow:0 2px 0 rgba(255,232,115,.36),0 -1px 0 rgba(0,0,0,.58),1px 0 0 rgba(255,218,95,.13),-1px 0 0 rgba(0,0,0,.28);filter:drop-shadow(0 4px 10px rgba(0,0,0,.42));transition:transform .15s var(--ease-out);will-change:transform;}
.coin-mark{position:absolute;width:3.5px;height:3.5px;border-radius:50%;background:rgba(255,238,145,.26);box-shadow:0 0 4px rgba(255,215,0,.22);}
.coin-mark:nth-child(2){top:13%;left:50%;transform:translateX(-50%)}
.coin-mark:nth-child(3){bottom:13%;left:50%;transform:translateX(-50%)}
.coin-mark:nth-child(4){left:11%;top:50%;transform:translateY(-50%)}
.coin-mark:nth-child(5){right:11%;top:50%;transform:translateY(-50%)}
.coin.surge-coin{border-color:rgba(255,145,0,.72)!important;box-shadow:0 0 72px rgba(255,107,0,.50),0 0 145px rgba(255,107,0,.18),0 24px 52px rgba(0,0,0,.65),inset 0 2px 8px rgba(255,198,95,.50),0 0 0 5px rgba(0,0,0,.60),0 0 0 7px rgba(255,107,0,.32)!important;animation:coin-surge-breathe 1.5s ease-in-out infinite!important;}
@keyframes coin-surge-breathe{0%,100%{filter:drop-shadow(0 16px 36px rgba(0,0,0,.52)) brightness(1)}50%{filter:drop-shadow(0 16px 36px rgba(0,0,0,.52)) brightness(1.10)}}
.coin.pressed{animation:coin-press .12s var(--ease-in-out) forwards!important;}
@keyframes coin-press{0%{transform:translateY(0) scale(1)}100%{transform:translateY(5px) scale(.932)}}
.coin.released{animation:coin-release .5s var(--ease-spring) forwards!important;}
@keyframes coin-release{0%{transform:translateY(5px) scale(.932)}55%{transform:translateY(-4px) scale(1.016)}100%{transform:translateY(0) scale(1)}}
.coin.depleted{animation:coin-breathe 5.5s ease-in-out infinite!important;filter:grayscale(.80) brightness(.38) drop-shadow(0 16px 36px rgba(0,0,0,.52))!important;cursor:not-allowed;}
.coin.shake{animation:coin-shake .42s var(--ease-out)!important;}
@keyframes coin-shake{0%,100%{transform:translateX(0) rotate(0)}15%{transform:translateX(-6px) rotate(-2deg)}35%{transform:translateX(6px) rotate(2deg)}55%{transform:translateX(-4px) rotate(-1deg)}75%{transform:translateX(4px) rotate(1deg)}}

/* Particles */
.particles{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:20;}
.tp{position:absolute;pointer-events:none;font-family:var(--f-display);font-size:20px;color:var(--au-200);text-shadow:0 0 14px rgba(255,215,0,.78),0 0 28px rgba(255,215,0,.32);animation:tp-fly .72s var(--ease-out) forwards;white-space:nowrap;will-change:transform,opacity;}
.tp.auto{font-size:13px;opacity:.52;color:rgba(110,200,255,.82);text-shadow:0 0 10px rgba(110,200,255,.50);}
.tp.surge{font-size:24px;color:#FF8C00;text-shadow:0 0 18px rgba(255,148,0,.82),0 0 40px rgba(255,107,0,.42);}
.tp.combo{font-size:16px;color:var(--orange);text-shadow:0 0 14px rgba(255,107,0,.70);}
.tp.ref{font-size:16px;color:var(--au-300);text-shadow:0 0 16px rgba(255,215,0,.82),0 0 36px rgba(255,215,0,.42);}
@keyframes tp-fly{0%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1.06)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) translateY(-78px) scale(.5) rotate(var(--r,0deg))}}

/* Ripple */
.ripple{position:absolute;border-radius:50%;pointer-events:none;border:1.5px solid rgba(255,215,0,.36);animation:ripple-out .58s var(--ease-out) forwards;will-change:transform,opacity;}
.ripple.surge-ripple{border-color:rgba(255,107,0,.52);border-width:2px}
@keyframes ripple-out{from{width:var(--coin-d);height:var(--coin-d);left:0;top:0;opacity:.60;}to{width:calc(var(--coin-d)*1.90);height:calc(var(--coin-d)*1.90);left:calc(var(--coin-d)*-.45);top:calc(var(--coin-d)*-.45);opacity:0;}}

/* Auto-tap ring */
.auto-tap-ring{position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(110,200,255,0);transition:border-color .3s;pointer-events:none;z-index:5;}
.auto-tap-ring.firing{border-color:rgba(110,200,255,.42);animation:auto-ring .95s ease-in-out infinite;}
@keyframes auto-ring{0%,100%{box-shadow:0 0 0 0 rgba(110,200,255,0)}50%{box-shadow:0 0 0 10px rgba(110,200,255,.07)}}

/* ── Energy ──────────────────────────────────────────────────── */
.energy-wrap{width:100%;animation:fade-up .55s .52s var(--ease-spring) both;}
.energy-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.energy-lbl{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.20em;text-transform:uppercase;color:var(--tx-lo);}
.energy-lbl i{color:var(--au-300);font-size:11px}
.energy-val{font-family:var(--f-display);font-size:17px;letter-spacing:.03em;color:var(--tx-md);font-variant-numeric:tabular-nums;}
.energy-val .ev-n{color:var(--au-300);}
.energy-bar{width:100%;height:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);border-radius:var(--r-pill);overflow:hidden;position:relative;}
.energy-fill{height:100%;border-radius:var(--r-pill);min-width:2px;background:linear-gradient(90deg,var(--au-700) 0%,var(--au-400) 50%,var(--au-200) 100%);transition:width .40s var(--ease-in-out);position:relative;overflow:hidden;will-change:width;}
.energy-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,230,.30),transparent);animation:e-sheen 3.2s ease-in-out infinite;}
@keyframes e-sheen{0%{transform:translateX(-100%)}55%{transform:translateX(200%)}100%{transform:translateX(200%)}}
.energy-fill.e-low{background:linear-gradient(90deg,#5a0000,var(--red))}
.energy-fill.e-zero{background:rgba(255,50,70,.16)}
.energy-fill.e-drain{animation:e-drain-pulse .24s var(--ease-out);}
@keyframes e-drain-pulse{0%{filter:brightness(1.85) saturate(1.4)}50%{filter:brightness(1.30)}100%{filter:brightness(1)}}
.energy-fill.e-regen-tick{animation:e-regen-tick .32s var(--ease-out);}
@keyframes e-regen-tick{0%{filter:brightness(1.55) drop-shadow(0 0 5px rgba(255,215,0,.55))}100%{filter:brightness(1)}}
.energy-val.e-drain-num{animation:e-num-drain .20s var(--ease-spring);}
@keyframes e-num-drain{0%{transform:scale(1)}45%{transform:scale(1.10) translateY(-2px)}100%{transform:scale(1) translateY(0)}}
.energy-row2{display:flex;align-items:center;justify-content:space-between;margin-top:5px;}
.energy-regen{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--tx-lo);transition:opacity .3s;}
.energy-regen i{color:var(--green);font-size:8px}
.energy-regen span{color:var(--green)}
.energy-regen.hidden{opacity:0}
.tap-power-badge{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-lo);}
.tap-power-badge .tpb-val{color:var(--au-400)}

/* Ad button */
.ad-wrap{width:100%;margin-top:6px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s,transform .35s var(--ease-spring);}
.ad-wrap.show{opacity:1;transform:translateY(0);pointer-events:all;}
.ad-btn{width:100%;padding:9px 16px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--g-20),var(--g-10));border:1px solid var(--b-20);display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--au-400);cursor:pointer;transition:background .22s,border-color .22s,transform .15s;}
.ad-btn:active{transform:scale(.97)}
.ad-btn.cd{border-color:var(--b-10);color:var(--tx-lo);}
.ad-btn i{font-size:14px;}
.cd-ring{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,215,0,.22);border-top-color:var(--au-400);animation:spin .9s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}

/* ════════════════ UPGRADES PANEL ════════════════════════════════ */
#panel-upgrades{overflow:hidden;}
.upgrades-head{padding:14px 20px 6px;flex-shrink:0;}
.upgrades-title{font-family:var(--f-display);font-size:32px;letter-spacing:.06em;background:linear-gradient(135deg,var(--au-200) 0%,var(--au-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.upgrades-sub{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-lo);}
.upgrades-wallet{display:flex;align-items:center;justify-content:space-between;margin:4px 20px 8px;padding:10px 14px;background:var(--g-10);border:1px solid var(--b-20);border-radius:var(--r-sm);}
.wallet-lbl{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-lo);display:flex;align-items:center;gap:6px;}
.wallet-lbl i{color:var(--au-400)}
.wallet-val{font-family:var(--f-display);font-size:22px;letter-spacing:.04em;color:var(--au-300);}
.upgrades-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 12px;scrollbar-width:none;overscroll-behavior:contain;}
.upgrades-scroll::-webkit-scrollbar{display:none}

.upg-cat-label{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--tx-lo);display:flex;align-items:center;gap:7px;padding:8px 0 5px;}
.upg-cat-label i{font-size:10px;color:var(--au-600)}

/* Upgrade card */
.upg-card{background:var(--g-10);border:1px solid var(--b-10);border-radius:var(--r);padding:14px;margin-bottom:8px;transition:border-color .28s,background .28s,transform .2s;}
.upg-card.can-buy{border-color:var(--b-30);background:var(--g-20);box-shadow:0 0 20px rgba(255,215,0,.06),inset 0 0 20px rgba(255,215,0,.03);animation:card-glow-in .35s var(--ease-out) both;}
@keyframes card-glow-in{from{box-shadow:0 0 0 rgba(255,215,0,0)}to{box-shadow:0 0 20px rgba(255,215,0,.06),inset 0 0 20px rgba(255,215,0,.03)}}
.upg-card-header{margin-bottom:10px}
.upg-card-name{font-size:14px;font-weight:700;color:var(--tx-hi);display:flex;align-items:center;gap:8px;margin-bottom:4px;}
.upg-level-badge{font-size:9px;font-weight:700;letter-spacing:.10em;padding:2px 7px;border-radius:var(--r-pill);background:var(--g-20);border:1px solid var(--b-20);color:var(--au-400);}
.upg-desc{font-size:11px;line-height:1.5;color:var(--tx-lo);}
.upg-stat-row{display:flex;gap:6px;margin-bottom:10px;}
.upg-stat{flex:1;padding:8px 10px;border-radius:var(--r-sm);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);}
.upg-stat-lbl{font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-lo);margin-bottom:3px;}
.upg-stat-val{font-family:var(--f-display);font-size:17px;letter-spacing:.03em;}
.upg-stat-val.cur{color:var(--tx-md)}
.upg-stat-val.next{color:var(--au-300)}

/* Tier row (replaces old progress label) */
.upg-tier-row{
  display:flex;justify-content:space-between;align-items:center;
  font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--tx-lo);margin-bottom:5px;
}
.upg-tier-row span:first-child{
  color:var(--au-600);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:9px;
}
.upg-tier-row span:last-child{color:var(--tx-lo);}

.upg-progress-bar{width:100%;height:5px;background:rgba(255,255,255,.04);border-radius:var(--r-pill);overflow:hidden;margin-bottom:10px;}
.upg-progress-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--au-700),var(--au-400),var(--au-200));transition:width .5s var(--ease-out);}
.upg-progress-fill.tier-high{background:linear-gradient(90deg,var(--essence),var(--au-300),var(--au-100));}

.upg-buy-btn{width:100%;padding:11px 16px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-ui);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;transition:transform .15s,filter .2s,opacity .2s;}
.upg-buy-btn:active{transform:scale(.96)}
.upg-buy-btn.buyable{background:linear-gradient(135deg,rgba(255,215,0,.16),rgba(255,180,0,.10));border:1px solid var(--b-40);color:var(--au-200);box-shadow:0 4px 20px rgba(255,215,0,.10);animation:btn-shine 2.8s ease-in-out infinite;}
@keyframes btn-shine{0%,100%{box-shadow:0 4px 20px rgba(255,215,0,.10)}50%{box-shadow:0 4px 30px rgba(255,215,0,.22),inset 0 0 20px rgba(255,215,0,.04)}}
.upg-buy-btn.cant-buy{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:var(--tx-lo);cursor:not-allowed;opacity:.7;}
.upg-buy-btn i{font-size:12px}
.upg-cost-line{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:10px;font-weight:600;color:var(--tx-lo);padding:0 2px;}
.upg-cost-line i{font-size:10px;color:var(--au-600)}
.upg-cost-line.enough{color:var(--au-500);} .upg-cost-line.enough i{color:var(--au-400);}
.upg-cost-line.short{color:var(--red);opacity:.80;} .upg-cost-line.short i{color:var(--red);}

/* ════════════════ PRESTIGE PANEL ═══════════════════════════════ */
#panel-prestige{overflow:hidden;overflow-y:auto;scrollbar-width:none;}
#panel-prestige::-webkit-scrollbar{display:none}
.prestige-head{padding:14px 20px 8px;flex-shrink:0;}
.prestige-title{font-family:var(--f-display);font-size:38px;letter-spacing:.06em;background:linear-gradient(135deg,var(--au-200) 0%,var(--essence) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.prestige-sub{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-lo);}

/* Stats row */
.p3-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 16px 12px;}
.p3-stat{background:var(--g-10);border:1px solid var(--b-10);border-radius:var(--r-sm);padding:12px 10px;text-align:center;}
.p3-stat.highlight{border-color:rgba(255,215,0,.18);background:rgba(255,215,0,.05);}
.p3-stat-num{font-family:var(--f-display);font-size:22px;color:var(--tx-hi);letter-spacing:.04em;line-height:1;}
.p3-stat-num.gold{background:linear-gradient(135deg,var(--au-200),var(--au-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.p3-stat-num.essence{color:var(--essence);}
.p3-stat-lbl{font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-lo);margin-top:3px;display:flex;align-items:center;justify-content:center;gap:4px;}
.p3-stat-lbl i{font-size:8px;}

/* Progress card */
.prestige-progress-card{
  margin:0 16px 12px;padding:14px;
  background:var(--g-10);border:1px solid var(--b-20);border-radius:var(--r);
}
.ppc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.ppc-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-lo);}
.ppc-pct{font-family:var(--f-display);font-size:20px;color:var(--au-300);}
.ppc-val-row{font-size:13px;font-weight:600;color:var(--tx-md);margin-bottom:8px;display:flex;align-items:center;gap:4px;}
.ppc-sep{color:var(--tx-lo);font-size:10px;margin:0 2px;}
.ppc-bar{width:100%;height:8px;background:rgba(255,255,255,.04);border-radius:var(--r-pill);overflow:hidden;margin-bottom:10px;}
.ppc-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--au-700),var(--au-300),var(--essence));transition:width .6s var(--ease-out);position:relative;overflow:hidden;}
.ppc-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,200,.25),transparent);animation:e-sheen 2.8s ease-in-out infinite;}
.ppc-fill.ready{background:linear-gradient(90deg,var(--au-500),var(--essence),var(--au-100));animation:ppc-ready-pulse 1.6s ease-in-out infinite;}
@keyframes ppc-ready-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25) drop-shadow(0 0 8px rgba(160,112,255,.55))}}
.ppc-preview{display:flex;gap:8px;flex-wrap:wrap;}
.ppc-gain{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--tx-md);background:var(--g-10);border:1px solid var(--b-10);border-radius:var(--r-sm);padding:5px 9px;}
.ppc-gain strong{color:var(--au-200);}

/* Prestige button area */
.prestige-btn-area{margin:0 16px 12px;text-align:center;}
.prestige-warning{font-size:10px;font-weight:600;color:var(--tx-lo);margin-bottom:10px;padding:7px 12px;background:rgba(255,100,0,.06);border:1px solid rgba(255,100,0,.14);border-radius:var(--r-sm);}
.prestige-btn{
  position:relative;width:100%;padding:18px 20px;border-radius:var(--r);
  background:linear-gradient(135deg,rgba(160,112,255,.18),rgba(255,215,0,.10));
  border:1.5px solid rgba(160,112,255,.32);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;overflow:hidden;
  transition:transform .18s var(--ease-spring),filter .22s,opacity .22s,border-color .22s;
}
.prestige-btn:active{transform:scale(.96)}
.prestige-btn.locked{opacity:.52;cursor:not-allowed;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.prestige-btn.ready{
  border-color:rgba(160,112,255,.55);
  box-shadow:0 0 40px rgba(160,112,255,.22),0 0 80px rgba(160,112,255,.08),inset 0 0 30px rgba(160,112,255,.06);
  animation:prestige-btn-pulse 2s ease-in-out infinite;
}
@keyframes prestige-btn-pulse{0%,100%{box-shadow:0 0 40px rgba(160,112,255,.22),0 0 80px rgba(160,112,255,.08)}50%{box-shadow:0 0 60px rgba(160,112,255,.45),0 0 120px rgba(160,112,255,.16),inset 0 0 40px rgba(160,112,255,.10)}}
.prestige-btn-glow{
  position:absolute;inset:0;border-radius:var(--r);
  background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(160,112,255,.12) 0%,transparent 65%);
  pointer-events:none;
}
.prestige-btn-content{display:flex;align-items:center;gap:10px;position:relative;z-index:1;}
.prestige-btn-content i{font-size:18px;color:var(--essence);}
.prestige-btn .prestige-btn-content span:last-child{font-family:var(--f-display);font-size:24px;letter-spacing:.12em;color:var(--au-200);}
.prestige-btn.ready .prestige-btn-content span:last-child{background:linear-gradient(135deg,var(--au-200) 0%,var(--essence) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.prestige-lock-hint{font-size:10px;font-weight:600;color:var(--tx-lo);margin-top:7px;letter-spacing:.06em;}

/* ── META UPGRADES ──────────────────────────────────────────── */
.meta-section{flex-shrink:0;padding:0 16px 12px;}
.meta-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.meta-title{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--tx-lo);display:flex;align-items:center;gap:7px;}
.meta-title i{font-size:11px;color:var(--essence);}
.meta-essence-pill{display:flex;align-items:center;gap:5px;padding:5px 12px;background:rgba(160,112,255,.10);border:1px solid rgba(160,112,255,.25);border-radius:var(--r-pill);font-size:13px;font-weight:700;color:var(--essence);}
.meta-essence-pill i{font-size:10px;opacity:.75}

.meta-scroll{display:flex;flex-direction:column;gap:8px;}
.meta-card{
  background:rgba(160,112,255,.04);
  border:1px solid rgba(160,112,255,.12);
  border-radius:var(--r);padding:12px;
  transition:border-color .28s,background .28s;
}
.meta-card:has(.meta-buy-btn.buyable){
  border-color:rgba(160,112,255,.28);background:rgba(160,112,255,.08);
  box-shadow:0 0 18px rgba(160,112,255,.08);
}
.meta-card-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;}
.meta-emoji{font-size:22px;line-height:1;flex-shrink:0;margin-top:1px;}
.meta-info{flex:1;min-width:0;}
.meta-name{font-size:13px;font-weight:700;color:var(--tx-hi);display:flex;align-items:center;gap:7px;margin-bottom:3px;}
.meta-badge{font-size:9px;font-weight:700;letter-spacing:.10em;padding:2px 7px;border-radius:var(--r-pill);background:rgba(160,112,255,.14);border:1px solid rgba(160,112,255,.22);color:var(--essence);}
.meta-desc{font-size:10px;line-height:1.5;color:var(--tx-lo);}
.meta-effect-row{display:flex;gap:6px;margin-bottom:8px;}
.meta-eff{flex:1;padding:6px 9px;border-radius:var(--r-sm);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);font-size:10px;font-weight:600;color:var(--tx-lo);}
.meta-eff strong{color:var(--au-300);}
.meta-eff.next-eff strong{color:var(--essence);}
.meta-buy-btn{
  width:100%;padding:9px 14px;border-radius:var(--r-sm);
  display:flex;align-items:center;justify-content:center;gap:7px;
  font-family:var(--f-ui);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  cursor:not-allowed;border:1px solid rgba(160,112,255,.14);
  background:rgba(160,112,255,.04);color:rgba(160,112,255,.45);
  transition:transform .15s,filter .2s,opacity .2s;
}
.meta-buy-btn.buyable{
  cursor:pointer;
  background:linear-gradient(135deg,rgba(160,112,255,.18),rgba(160,112,255,.10));
  border-color:rgba(160,112,255,.45);color:var(--essence);
  animation:meta-btn-shine 2.4s ease-in-out infinite;
}
@keyframes meta-btn-shine{0%,100%{box-shadow:0 4px 16px rgba(160,112,255,.10)}50%{box-shadow:0 4px 28px rgba(160,112,255,.28)}}
.meta-buy-btn.buyable:active{transform:scale(.96)}
.meta-buy-btn i{font-size:11px}

/* ════════════════ BOARD PANEL ═══════════════════════════════════ */
#panel-board{overflow:hidden;}
.board-head{padding:12px 18px 8px;flex-shrink:0;}
.board-h-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.board-title{font-family:var(--f-display);font-size:30px;letter-spacing:.06em;background:linear-gradient(135deg,var(--au-200) 0%,var(--au-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.live-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(0,229,160,.06);border:1px solid rgba(0,229,160,.18);border-radius:var(--r-pill);font-size:9px;font-weight:700;letter-spacing:.14em;color:rgba(0,229,160,.80);}
.live-dot2{width:5px;height:5px;border-radius:50%;background:var(--green);animation:pulse-dot 2.2s ease-in-out infinite;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;}
.stat-card{background:var(--g-10);border:1px solid var(--b-10);border-radius:var(--r-sm);padding:10px 10px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;}
.sc-icon{font-size:13px;color:var(--au-500);margin-bottom:2px}
.sc-num{font-family:var(--f-display);font-size:18px;color:var(--au-300);letter-spacing:.04em;}
.sc-lbl{font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-lo);}
.lb-tabs{display:flex;gap:6px;margin-bottom:0}
.lb-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border-radius:var(--r-sm);border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-lo);cursor:pointer;transition:background .22s,border-color .22s,color .22s;}
.lb-tab i{font-size:11px}
.lb-tab.active{background:var(--g-20);border-color:var(--b-20);color:var(--au-300);}

/* Board list */
.board-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;padding:4px 16px 6px;}
.board-list::-webkit-scrollbar{display:none}
.b-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);border:1px solid transparent;background:var(--g-10);margin-bottom:4px;transition:background .4s,border-color .4s;}
.b-row.b-me{background:var(--g-20);border-color:var(--b-20);}
.b-row.b-up{animation:rank-up .5s var(--ease-spring) both;}
.b-row.b-down{animation:rank-down .5s var(--ease-spring) both;}
@keyframes rank-up{0%{background:rgba(0,229,160,.08);border-color:rgba(0,229,160,.25)}100%{background:var(--g-10);border-color:transparent}}
@keyframes rank-down{0%{background:rgba(255,64,96,.07);border-color:rgba(255,64,96,.20)}100%{background:var(--g-10);border-color:transparent}}
.b-rank{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--tx-lo);flex-shrink:0;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);}
.b-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:14px;flex-shrink:0;border:1.5px solid rgba(255,255,255,.08);}
.b-rank.b-g,.b-av.b-g{background:linear-gradient(135deg,#AA8B00,#FFD700);border-color:rgba(255,215,0,.35);color:rgba(0,0,0,.48)}
.b-rank.b-s,.b-av.b-s{background:linear-gradient(135deg,#606068,#C8C8D0);border-color:rgba(200,200,208,.25);color:rgba(0,0,0,.40)}
.b-rank.b-b,.b-av.b-b{background:linear-gradient(135deg,#7B4E00,#CD7F32);border-color:rgba(205,127,50,.25);color:rgba(0,0,0,.36)}
.b-av.b-n{background:linear-gradient(135deg,var(--v4),var(--v3));color:var(--au-600)}
.b-info{flex:1;min-width:0}
.b-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;}
.b-me-tag{font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--au-300);background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.18);border-radius:4px;padding:1px 5px;}
.b-sub{font-size:10px;color:var(--tx-lo);margin-top:1px}
.b-score{text-align:right;flex-shrink:0}
.b-num{font-family:var(--f-display);font-size:18px;color:var(--au-300);letter-spacing:.04em;line-height:1;}
.b-lbl{font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-lo);}
.b-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--tx-lo);font-size:13px;font-weight:500;}
.b-empty i{font-size:38px;opacity:.24;color:var(--au-400)}

/* Refs panel */
.ref-lb-wrap{flex:1;overflow-y:auto;overflow-x:hidden;display:none;flex-direction:column;scrollbar-width:none;overscroll-behavior:contain}
.ref-lb-wrap::-webkit-scrollbar{display:none}
.ref-lb-wrap.show{display:flex}
.ref-card{background:var(--g-10);border:1px solid var(--b-20);border-radius:var(--r);padding:14px;margin:10px 14px 0;}
.ref-card-title{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-lo);margin-bottom:10px;display:flex;align-items:center;gap:6px;}
.ref-card-title i{color:var(--au-500)}
.ref-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}
.ref-stat{background:var(--g-10);border:1px solid var(--b-10);border-radius:var(--r-sm);padding:9px 10px;}
.ref-stat-num{font-family:var(--f-display);font-size:18px;color:var(--au-300)}
.ref-stat-lbl{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-lo);margin-top:1px;}
.ref-link-row{display:flex;align-items:center;gap:8px;background:var(--g-10);border:1px solid var(--b-20);border-radius:var(--r-sm);padding:10px 12px;margin-bottom:8px;}
.ref-link-text{flex:1;font-size:11px;font-weight:600;color:var(--au-400);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Courier New',monospace;}
.ref-actions{display:flex;gap:8px}
.ref-action-btn{flex:1;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-sm);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s,opacity .22s,filter .22s;border:none;}
.ref-action-btn:active{transform:scale(.95)}
.ref-copy-btn{background:var(--g-20);border:1px solid var(--b-20);color:var(--au-300)}
.ref-share-btn{background:linear-gradient(135deg,rgba(36,167,255,.12),rgba(36,167,255,.06));border:1px solid rgba(36,167,255,.20);color:var(--blue);}
.ref-action-btn i{font-size:13px}
.rls-feed-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--g-10);border:1px solid var(--b-10);border-radius:var(--r-sm);animation:card-in .3s var(--ease-spring) both;}
@keyframes card-in{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.rls-feed-ico{font-size:11px;color:var(--green)}
.rls-feed-text{flex:1;font-size:11px;color:var(--tx-md)}
.rls-feed-amt{font-weight:700;color:var(--au-300)}
.rls-feed-time{font-size:9px;color:var(--tx-lo);font-variant-numeric:tabular-nums}
.rls-stat-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:0 14px;margin-bottom:8px;}
.rls-stat{background:var(--g-10);border:1px solid var(--b-10);border-radius:var(--r-sm);padding:8px 10px;text-align:center;}
.rls-stat-num{font-family:var(--f-display);font-size:16px;color:var(--au-300);line-height:1}
.rls-stat-lbl{font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-lo);margin-top:2px;}
.rls-stat-num.glow{animation:rls-glow .65s var(--ease-out);}
@keyframes rls-glow{0%{filter:brightness(1.85) drop-shadow(0 0 8px rgba(255,215,0,.68))}100%{filter:brightness(1)}}

/* ── Bottom Nav ──────────────────────────────────────────────── */
.bottom-nav{display:flex;gap:4px;padding:6px 12px;padding-bottom:max(8px,var(--safe-b));background:rgba(3,2,0,.92);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-top:1px solid var(--b-10);flex-shrink:0;animation:slide-up .5s .1s var(--ease-spring) both;}
@keyframes slide-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--tx-lo);font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .22s,border-color .22s,color .22s,transform .15s;position:relative;}
.nav-btn i{font-size:17px;transition:filter .3s,transform .22s var(--ease-spring)}
.nav-btn:active{transform:scale(.90)}
.nav-btn.active{background:var(--g-20);border-color:var(--b-20);color:var(--au-300);}
.nav-btn.active i{filter:drop-shadow(0 0 10px rgba(255,215,0,.48));transform:translateY(-1px);}
.nav-btn.active::after{content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:16px;height:2px;border-radius:2px;background:var(--au-300);box-shadow:0 0 8px rgba(255,215,0,.55);animation:nav-pip-in .22s var(--ease-spring) both;}
@keyframes nav-pip-in{from{width:0;opacity:0}to{width:16px;opacity:1}}
.nav-notif{position:absolute;top:4px;right:calc(50% - 14px);width:7px;height:7px;border-radius:50%;background:var(--green);border:1.5px solid var(--v0);animation:notif-pulse 2.4s ease-in-out infinite;}
@keyframes notif-pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,229,160,.45)}50%{box-shadow:0 0 0 4px rgba(0,229,160,0)}}
/* Prestige nav notif in purple */
.prestige-notif{background:var(--essence);animation:prestige-notif-pulse 1.8s ease-in-out infinite!important;}
@keyframes prestige-notif-pulse{0%,100%{box-shadow:0 0 0 0 rgba(160,112,255,.55)}50%{box-shadow:0 0 0 5px rgba(160,112,255,0)}}

/* ── Toast ───────────────────────────────────────────────────── */
#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(22px);z-index:9000;padding:10px 18px;background:rgba(12,9,0,.94);border:1px solid var(--b-20);border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--tx-hi);display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .28s,transform .28s var(--ease-spring);white-space:nowrap;backdrop-filter:blur(22px);max-width:92vw;}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#toast i{font-size:13px;color:var(--au-300)}