/* Топ донатеров — баннер на главной и экран сезона (переменные темы — из drade.css) */

/* баннер над категориями кейсов */
.ldr-banner { position: relative; width: 100%; display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 10px 14px 10px 10px; border: 0; border-radius: 18px; cursor: pointer; overflow: hidden; text-align: left;
  background: radial-gradient(120% 140% at 0% 50%, rgba(255, 196, 60, .28), transparent 55%), linear-gradient(135deg, #2a1d0c, #17120c 55%, #121014);
  box-shadow: inset 0 0 0 1px rgba(255, 196, 60, .28), inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 26px rgba(0, 0, 0, .35); transition: transform .25s cubic-bezier(.22, .9, .3, 1); }
.ldr-banner::after { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255, 230, 160, .18) 50%, transparent 65%); transform: translateX(-100%); animation: ldrShine 4.5s ease-in-out infinite; pointer-events: none; }
@keyframes ldrShine { 55%, 100% { transform: translateX(100%); } }
.ldr-banner:active { transform: scale(.98); }
.ldr-banner-cup { width: 46px; height: 46px; flex: none; filter: drop-shadow(0 6px 12px rgba(255, 170, 30, .45)); }
.ldr-banner-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ldr-banner-txt b { font: 800 15px/1 var(--fh); color: #fff; letter-spacing: .2px; }
.ldr-banner-txt small { font: 600 12px/1.2 var(--fb); color: #e9c98a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ldr-banner-pool { display: flex; align-items: center; gap: 5px; padding: 7px 10px; border-radius: 12px; background: rgba(0, 0, 0, .35); box-shadow: inset 0 0 0 1px rgba(255, 210, 90, .3); }
.ldr-banner-pool b { font: 900 italic 15px/1 'Exo 2', sans-serif; color: #ffd65a; }
.ldr-banner-pool img { width: 18px; height: 18px; }

/* экран сезона */
.ldr { position: fixed; inset: 0; z-index: 9500; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0; transform: translateY(18px);
  transition: opacity .28s ease, transform .32s cubic-bezier(.22, .9, .3, 1);
  background: radial-gradient(120% 50% at 50% 0%, rgba(255, 176, 40, .16), transparent 60%), radial-gradient(90% 40% at 100% 40%, rgba(120, 70, 255, .1), transparent 70%), var(--bg); }
.ldr.in { opacity: 1; transform: none; }
.ldr.hidden { display: none; }
.ldr-wrap { max-width: 520px; margin: 0 auto; padding: calc(14px + env(safe-area-inset-top)) 14px 110px; }
.ldr-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.ldr-back { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border: 0; border-radius: 13px; color: #fff; cursor: pointer;
  background: linear-gradient(180deg, #232329, #18181c); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
.ldr-back:active { transform: scale(.92); }
.ldr-title { display: flex; flex-direction: column; gap: 5px; }
.ldr-title b { font: 800 21px/1 var(--fh); color: #fff; text-transform: uppercase; letter-spacing: .5px; }
.ldr-title span { font: 600 12px/1 var(--fb); color: var(--mute); }

.ldr-hero { display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 12px; padding: 12px 14px; margin-bottom: 18px; border-radius: 20px;
  background: linear-gradient(135deg, rgba(255, 196, 60, .14), rgba(255, 255, 255, .02)), var(--card); box-shadow: inset 0 0 0 1px rgba(255, 196, 60, .22), 0 10px 28px rgba(0, 0, 0, .35); }
.ldr-hero-cup { width: 54px; height: 54px; filter: drop-shadow(0 8px 14px rgba(255, 170, 30, .45)); animation: ldrFloat 3.2s ease-in-out infinite; }
@keyframes ldrFloat { 50% { transform: translateY(-4px) rotate(-3deg); } }
.ldr-hero-txt, .ldr-hero-pool { display: flex; flex-direction: column; gap: 6px; }
.ldr-hero-txt span, .ldr-hero-pool span { font: 600 11px/1 var(--fb); color: var(--mute); text-transform: uppercase; letter-spacing: .6px; }
.ldr-hero-txt b { font: 800 17px/1 var(--fh); color: #fff; font-variant-numeric: tabular-nums; }
.ldr-hero-pool { align-items: flex-end; }
.ldr-hero-pool b { display: flex; align-items: center; gap: 5px; font: 900 italic 19px/1 'Exo 2', sans-serif; color: #ffd65a; }
.ldr-hero-pool b i { font-style: italic; }
.ldr-hero-pool img { width: 20px; height: 20px; }
.ldr-star { width: 14px; height: 14px; vertical-align: -2px; margin-left: 3px; }

/* подиум: 2 — 1 — 3 */
.ldr-podium { display: grid; grid-template-columns: 1fr 1.12fr 1fr; align-items: end; gap: 8px; margin-bottom: 14px; }
.ldr-pod { --c: 192, 200, 214; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; animation: ldrUp .55s cubic-bezier(.22, .9, .3, 1) both; }
.ldr-pod.p1 { --c: 255, 196, 60; animation-delay: .08s; } .ldr-pod.p3 { --c: 214, 136, 82; animation-delay: .16s; }
@keyframes ldrUp { from { opacity: 0; transform: translateY(16px); } }
.ldr-pod-ava { position: relative; width: 64px; height: 64px; }
.ldr-pod.p1 .ldr-pod-ava { width: 80px; height: 80px; }
.ldr-pod-img, .ldr-pod-free { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: grid; place-items: center; background: #202026;
  box-shadow: 0 0 0 3px rgb(var(--c)), 0 0 0 6px rgba(var(--c), .18), 0 10px 26px rgba(var(--c), .3); }
.ldr-pod-free { font: 800 22px/1 var(--fh); color: rgba(255, 255, 255, .3); }
.ldr-medal { position: absolute; right: -6px; bottom: -6px; width: 30px; height: 30px; filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .5)); }
.ldr-pod.p1 .ldr-medal { width: 36px; height: 36px; }
.ldr-pod-name { max-width: 100%; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 13px/1.1 var(--fb); color: #fff; }
.ldr-pod-sum { display: flex; align-items: center; font: 800 italic 13px/1 'Exo 2', sans-serif; color: #e8e8ec; }
.ldr-pod-base { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 12px 4px; border-radius: 16px 16px 12px 12px;
  background: linear-gradient(180deg, rgba(var(--c), .26), rgba(var(--c), .05)); box-shadow: inset 0 1px 0 rgba(var(--c), .55), inset 0 0 0 1px rgba(var(--c), .2); }
.ldr-pod.p1 .ldr-pod-base { padding: 20px 4px; } .ldr-pod.p3 .ldr-pod-base { padding: 9px 4px; }
.ldr-pod-base span { font: 600 10px/1 var(--fb); color: rgba(255, 255, 255, .6); text-transform: uppercase; letter-spacing: .6px; }
.ldr-pod-base b { display: flex; align-items: center; font: 900 italic 14px/1 'Exo 2', sans-serif; color: rgb(var(--c)); }
.ldr-pod.me .ldr-pod-name { color: #ffd65a; }

.ldr-list { display: flex; flex-direction: column; gap: 5px; }
.ldr-row { display: grid; grid-template-columns: 26px 34px 1fr auto; align-items: center; gap: 10px; padding: 8px 12px 8px 8px; border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05); animation: ldrUp .4s ease both; }
.ldr-row.me { box-shadow: inset 0 0 0 1px rgba(255, 196, 60, .5); background: rgba(255, 196, 60, .08); }
.ldr-place { text-align: center; font: 800 13px/1 var(--fh); color: var(--mute); }
.ldr-ava { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; background: #23232b; }
.ldr-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 13px/1.1 var(--fb); color: #fff; }
.ldr-sum { display: flex; align-items: center; font: 800 italic 13px/1 'Exo 2', sans-serif; color: #fff; }
.ldr-sum.win { color: var(--green); }
.ldr-medal-s { width: 26px; height: 26px; }
.ldr-empty { padding: 18px 10px; text-align: center; font: 600 13px/1.4 var(--fb); color: var(--mute); }
.ldr-last { margin-top: 16px; padding: 12px; border-radius: 16px; background: var(--card); }
.ldr-last summary { cursor: pointer; list-style: none; font: 800 13px/1 var(--fh); color: #e8e8ec; }
.ldr-last summary::-webkit-details-marker { display: none; }
.ldr-last summary::after { content: ' ▾'; color: var(--mute); }
.ldr-last[open] summary { margin-bottom: 10px; }
.ldr-last > div { display: flex; flex-direction: column; gap: 5px; }
.ldr-rules { margin: 16px 4px 0; font: 500 12px/1.45 var(--fb); color: var(--mute); }

/* своё место — закреплено внизу */
.ldr-me { position: fixed; left: 50%; bottom: calc(14px + env(safe-area-inset-bottom)); transform: translateX(-50%); width: min(calc(100% - 28px), 492px);
  display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 18px;
  background: rgba(24, 22, 18, .92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 0 0 1px rgba(255, 196, 60, .35), 0 12px 30px rgba(0, 0, 0, .5); }
.ldr-me .ldr-name { flex: 1; }
.ldr-me .ldr-place { min-width: 30px; padding: 6px 8px; border-radius: 9px; background: rgba(255, 196, 60, .16); color: #ffd65a; }
.ldr-topup { padding: 9px 14px; border: 0; border-radius: 11px; cursor: pointer; font: 800 13px/1 var(--fh); color: #2a1400;
  background: linear-gradient(135deg, #ffd23a, #ff9a1a); box-shadow: 0 6px 16px rgba(255, 140, 20, .35); }