/* ═══════════ style-ranglista.css — Ranglista képernyő. Előtag: rl-. Csak :root-tokenek. ═══════════ */

/* Szezon-fejléc */
.rl-season { display:flex; flex-direction:column; gap:6px; }
.rl-season-top { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.rl-days { font-family:var(--body); font-size:12.5px; font-weight:600; color:var(--ink-3); white-space:nowrap; }
.rl-stepper { display:flex; align-items:center; justify-content:center; gap:10px; }
.rl-stepper .btn-ico { width:44px; height:44px; font-size:16px; }
.rl-stepper .btn-ico:disabled { opacity:.35; cursor:default; }
.rl-month { font-family:var(--display); font-weight:800; font-size:16px; text-transform:uppercase; letter-spacing:.3px; min-width:150px; text-align:center; }

/* Havi díj csík */
.rl-prize { padding:10px 12px; border-radius:var(--r-sm); background:var(--paper); border:1px solid var(--line);
  border-left:3px solid var(--gold); color:var(--ink-2); font-family:var(--body); font-size:12.5px; box-shadow:var(--shadow); }

/* Kategória-chipek */
.rl-chips { display:flex; gap:8px; padding:2px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.rl-chips .chip { flex:0 0 auto; min-height:44px; padding:0 14px; font-size:13px; }
.chip.rl-chip-active { background:var(--red); color:var(--white); border-color:var(--red); font-weight:700; }

/* Dobogó */
.rl-podium { display:flex; align-items:flex-end; gap:8px; padding:8px 2px 4px; }
.rl-pcol { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:6px;
  opacity:0; transform:translateY(16px); animation:rl-rise 500ms ease-out forwards; }
.rl-pcol.rl-place-2 { animation-delay:0ms; }
.rl-pcol.rl-place-1 { animation-delay:120ms; }
.rl-pcol.rl-place-3 { animation-delay:240ms; }
.rl-crown { width:22px; height:15px; fill:var(--gold); }
.avatar.rl-podium-av { width:44px; height:44px; font-size:15px; }
.avatar.rl-podium-av-1 { width:56px; height:56px; font-size:18px; border:2px solid var(--gold); box-shadow:0 0 0 4px var(--gold-dim); }
.rl-pname { font-family:var(--body); font-size:13px; font-weight:600; color:var(--ink);
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rl-ppt { font-family:var(--display); font-variant-numeric:tabular-nums; font-size:18px; font-weight:800; color:var(--ink); }
.rl-ppt-unit { font-size:12px; color:var(--ink-3); font-weight:600; margin-left:2px; }
.rl-bonus-pt { font-family:var(--body); font-size:11px; font-weight:700; color:var(--gold-fg); margin-top:-2px; }
.rl-stand { width:100%; border-radius:var(--r-sm) var(--r-sm) 0 0; background:var(--cream-dk); border-top:2px solid var(--line-2); }
.rl-place-1 .rl-stand { height:56px; border-top-color:var(--gold); background:var(--gold-dim); }
.rl-place-2 .rl-stand { height:38px; }
.rl-place-3 .rl-stand { height:26px; }

/* Lista (Havi 4.-től és Örök XP mindenki) */
.rl-list { display:flex; flex-direction:column; }
.rl-row { display:grid; grid-template-columns:22px 32px 1fr 44px 44px; align-items:center; gap:8px; padding:9px 2px; border-bottom:1px solid var(--line); }
.rl-row.rl-row-xp { grid-template-columns:22px 32px 1fr 44px; }
.rl-row.rl-row-perc { grid-template-columns:22px 32px 1fr 44px 62px; }   /* „10.7 perc” egy sorban */
.rl-row:last-child { border-bottom:0; }
.rl-row-me { background:var(--blue-dim); border-radius:var(--r-xs); }
.rl-rank { font-family:var(--body); font-variant-numeric:tabular-nums; font-size:13px; color:var(--ink-3); font-weight:700; text-align:center; }
.rl-who { display:flex; flex-direction:column; gap:2px; min-width:0; }
.rl-name { font-family:var(--body); font-size:13.5px; font-weight:600; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rl-lvl { font-family:var(--body); font-size:11.5px; color:var(--ink-3); }
.rl-streak { display:flex; align-items:center; gap:3px; justify-content:flex-end;
  font-family:var(--body); font-size:12px; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.rl-flame { width:13px; height:13px; fill:var(--red); flex:0 0 auto; }
.rl-pts { font-family:var(--display); font-variant-numeric:tabular-nums; font-size:18px; font-weight:800; color:var(--ink); text-align:right; }
.rl-xpbar { margin-top:3px; height:4px; width:100%; max-width:170px; }

.rl-zero { text-align:center; padding:8px 4px 2px; }

/* „Te" sor — ragasztva a lap alján, a bottom-nav fölött */
.rl-me { position:sticky; bottom:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px) + 10px);
  padding:10px 12px; border-radius:var(--r-sm); background:var(--paper); border:1px solid var(--line);
  border-left:3px solid var(--red); box-shadow:var(--shadow); z-index:5; }
.rl-me-main { font-family:var(--display); font-variant-numeric:tabular-nums; font-weight:800; font-size:14.5px; color:var(--ink); }

@keyframes rl-rise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { .rl-pcol { animation:none; opacity:1; transform:none; } }

/* 🤝 Konyhai párok — a Speed nézet alatt. A mérés a napra szól, nem a személyre:
   a sor a felállást rangsorolja, ezért nincs avatar, csak a két név. */
.rl-pairs { margin-top:14px; }
.rl-pairs-note { font-family:var(--body); font-size:11.5px; color:var(--ink-3); line-height:1.45; margin:4px 0 8px; }
.rl-pair { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:8px;
  padding:8px 2px; border-bottom:1px solid var(--line); }
.rl-pair:last-child { border-bottom:0; }
.rl-pair-me { background:var(--blue-dim); border-radius:var(--r-xs); }
.rl-pair-pos { font-family:var(--body); font-size:13px; font-weight:700; color:var(--ink-3); text-align:center; }
.rl-pair-nev { font-family:var(--body); font-size:13px; font-weight:600; color:var(--ink);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rl-pair-val { display:flex; flex-direction:column; align-items:flex-end; }
.rl-pair-ido { font-family:var(--display); font-variant-numeric:tabular-nums; font-size:14px; font-weight:800; color:var(--ink); }
.rl-pair-nap { font-family:var(--body); font-size:10.5px; color:var(--ink-3); }