:root { --space-dark: #0a0e27; --neon-purple: #7c3aed; --neon-blue: #00f5ff; }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { background: var(--space-dark); min-height: 100vh; font-family: 'Segoe UI', sans-serif; color: #fff; overflow-x: hidden; }
  .stars { position: fixed; inset: 0; pointer-events: none; z-index: 0; }
  .star { position: absolute; border-radius: 50%; background: #fff; animation: twinkle var(--d,3s) ease-in-out infinite alternate; }
  @keyframes twinkle { from{opacity:.2;transform:scale(.8)} to{opacity:1;transform:scale(1.2)} }

  .app { position: relative; z-index: 1; max-width: 420px; margin: 0 auto; padding: 0 0 90px; }

  /* ── TOP BAR ── */
  .top-bar { display:flex;align-items:center;gap:12px;padding:18px 20px 12px;background:linear-gradient(180deg,rgba(10,14,39,1) 0%,transparent 100%);position:sticky;top:0;z-index:10; }
  .back-btn { width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;text-decoration:none;color:#fff;flex-shrink:0; }
  .top-title { font-size:1.05rem;font-weight:800;flex:1;min-width:0; }
  .shop-mini {
    width: 36px; height: 36px; border-radius: 50%;
    background: linear-gradient(135deg, #b45309, #f59e0b);
    display: flex; align-items: center; justify-content: center;
    text-decoration: none; font-size: 1rem; flex-shrink: 0;
    box-shadow: 0 0 10px rgba(245,158,11,.35), 0 3px 0 #78350f;
  }
  .refresh-btn { width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;border:none;color:#fff;transition:transform .3s; }
  .refresh-btn.spinning { animation:spin .7s linear infinite; }
  @keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

  /* ── MY STATS ── */
  .my-stats { display:flex;gap:10px;padding:6px 20px 0; }
  .my-stat { flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;text-align:center; }
  .my-stat-val { font-size:1.1rem;font-weight:900; }
  .my-stat-lbl { font-size:.62rem;color:#64748b;margin-top:2px; }

  /* ── TABS ── */
  .tabs { display:flex;gap:8px;padding:14px 20px 0; }
  .tab-btn { flex:1;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04);color:#64748b;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s; }
  .tab-btn.on { background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.5);color:#a78bfa; }

  /* ── PODIUM ── */
  .podium { display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:18px 20px 12px;min-height:180px; }
  .pod-slot { flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:33%; }
  .pod-slot.p1 { order:2;transform:translateY(-12px); }
  .pod-slot.p2 { order:1; }
  .pod-slot.p3 { order:3; }
  .pod-rank { font-size:.7rem;color:#64748b;font-weight:700;margin-bottom:4px; }
  .pod-card { border-radius:16px;padding:12px 8px 10px;width:100%;border:1px solid;position:relative;overflow:hidden; }
  .p1 .pod-card { background:linear-gradient(160deg,rgba(245,158,11,.15),rgba(245,158,11,.05));border-color:rgba(245,158,11,.4);box-shadow:0 0 20px rgba(245,158,11,.2); }
  .p2 .pod-card { background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12); }
  .p3 .pod-card { background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1); }
  .pod-av { width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;margin:0 auto 6px; }
  .p1 .pod-av { background:linear-gradient(135deg,#b45309,#f59e0b);font-size:1.1rem; }
  .p2 .pod-av { background:linear-gradient(135deg,#475569,#94a3b8); }
  .p3 .pod-av { background:linear-gradient(135deg,#7c2d12,#c2410c); }
  .pod-name { font-size:.72rem;font-weight:700;margin-bottom:3px;line-height:1.2; }
  .pod-pts { font-size:.78rem;font-weight:800;color:#fbbf24; }
  .pod-flag { font-size:.9rem;margin-top:2px; }
  .pod-medal { font-size:1.6rem;margin-top:6px; }
  .p1 .pod-medal { filter:drop-shadow(0 0 8px rgba(245,158,11,.6)); }
  .pod-platform { height:6px;border-radius:4px;margin-top:8px; }
  .p1 .pod-platform { background:linear-gradient(90deg,#b45309,#f59e0b);height:8px; }
  .p2 .pod-platform { background:linear-gradient(90deg,#475569,#94a3b8); }
  .p3 .pod-platform { background:linear-gradient(90deg,#7c2d12,#c2410c); }

  /* ── ROWS ── */
  .sec-label { padding:12px 20px 6px;font-size:.72rem;color:#64748b;font-weight:700;letter-spacing:1px;text-transform:uppercase; }
  .lb-list { padding:0 20px;display:flex;flex-direction:column;gap:6px; }
  .lb-row {
    display:flex;align-items:center;gap:10px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
    border-radius:14px;padding:11px 14px;
  }
  .lb-row.me { background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.35);box-shadow:0 0 12px rgba(124,58,237,.15); }
  .lb-rank-n { font-size:.78rem;font-weight:800;color:#64748b;width:24px;flex-shrink:0;text-align:center; }
  .lb-row.me .lb-rank-n { color:#a78bfa; }
  .lb-av { width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;background:linear-gradient(135deg,#4338ca,#7c3aed);flex-shrink:0; }
  .lb-row.me .lb-av { background:linear-gradient(135deg,#7c3aed,#ec4899); }
  .lb-name { font-size:.85rem;font-weight:700; }
  .lb-sub { font-size:.65rem;color:#64748b; }
  .lb-me-tag { display:inline-block;background:rgba(124,58,237,.25);color:#a78bfa;font-size:.58rem;font-weight:700;padding:2px 6px;border-radius:8px;margin-top:2px; }
  .lb-pts { font-size:.85rem;font-weight:800;color:#fbbf24;margin-left:auto;flex-shrink:0; }

  /* ── IZAZOV (World Pin Daily) tab styles ── */
  .lb-av--izazov { background:linear-gradient(135deg,#0369a1,#38bdf8) !important; }
  .lb-izazov-stats { display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;margin-left:auto;gap:1px; }
  .lb-iz-best { font-size:.9rem;font-weight:900;color:#fbbf24;line-height:1; }
  .lb-iz-max { font-size:.6rem;color:#64748b;font-weight:600; }
  .lb-iz-pts { font-size:.68rem;font-weight:800;color:#38bdf8; }
  .pod-card--izazov .pod-av { background:linear-gradient(135deg,#0369a1,#38bdf8) !important; }
  .pod-iz-max { font-size:.55rem;color:#64748b;font-weight:600; }
  .pod-iz-pts { font-size:.62rem;color:#38bdf8;font-weight:800;margin-top:1px; }

  /* ── BONUS BAR ── */
  .bonus-bar {
    margin:14px 20px 0;
    background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(79,70,229,.08));
    border:1px solid rgba(124,58,237,.25);border-radius:16px;padding:12px 16px;
    display:flex;align-items:center;justify-content:space-between;
  }
  .bonus-label { font-size:.75rem;color:#94a3b8;max-width:60%; }
  .bonus-time { font-size:1.1rem;font-weight:900;color:#a78bfa;font-variant-numeric:tabular-nums; }

  /* ── ACTIONS ── */
  .lb-actions { padding:14px 20px 0;display:flex;flex-direction:column;gap:8px; }
  .act-btn { width:100%;padding:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;transition:background .2s; }
  .act-btn:hover { background:rgba(255,255,255,.09); }
  .act-btn.primary { background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.35); }

  /* ── BOTTOM NAV ── */
  nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:rgba(7,11,21,.97);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-end;justify-content:space-around;padding:10px 4px 24px;z-index:200;}
  .nav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#6B7280;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer;padding:0 6px;min-width:52px;transition:color .15s;text-decoration:none;}
  .nav-btn .nav-ico{width:22px;height:22px;display:block;margin-bottom:1px;}
  .nav-btn .nav-ico img{width:100%;height:100%;object-fit:contain;display:block;opacity:.45;transition:opacity .15s;}
  .nav-btn.active{color:#8B5CF6;}
  .nav-btn.active .nav-ico img{opacity:1;filter:brightness(0) saturate(100%) invert(49%) sepia(97%) saturate(1283%) hue-rotate(235deg) brightness(101%) contrast(94%);}
  .nav-center{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:-26px;cursor:pointer;}
  .nav-disc{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#6d28d9 0%,#8b5cf6 60%,#a78bfa 100%);box-shadow:0 4px 28px rgba(109,40,217,.7),0 0 0 3px #070B15;display:flex;align-items:center;justify-content:center;font-size:27px;}
  .nav-center-lbl{font-size:10px;font-weight:700;color:#6B7280;}
  .nav-item{display:none;} .nav-orb{display:none;}