/* ══════════════════════════════════════════════════════════════════
   EL PODIO — 2º · 1º · 3º (opción B del leaderboard, 18/10/2026)
   ⚠ SE MUDÓ de `ranking.html` (19/10/2026): ahora también lo usa la tabla
   de premios del torneo (Franco: «el diseño de la página de rankings
   dejando los espacios vacíos del podio»). Mismo marcado: `.rk-podio`
   con tres `.rk-podio-l--N`.
   ══════════════════════════════════════════════════════════════════ */
.rk-podio{ position:relative; isolation:isolate; display:grid; grid-template-columns:1fr 1.3fr 1fr; align-items:end; gap:6px; height:330px;
  margin:var(--gap-sm, .5rem) 0 var(--gap-lg, 1rem); padding:0; overflow:visible; background:none }
/* 20/10/2026 · Franco: «la luz de arriba que ilumina al del medio salga de un lugar difuminado, no de una
   línea recta que se corta (…) que venga de más arriba, y abajo esa luz azul sacala». Un haz suave que
   nace por encima de la sección y se desvanece: sin bordes rectos ni recortes. */
.rk-podio-luz{ position:absolute; left:50%; top:-120px; width:300px; height:420px; translate:-50% 0; z-index:-1; pointer-events:none;
  background:radial-gradient(42% 70% at 50% 0%, rgba(255,226,150,.30), rgba(255,226,150,.10) 55%, transparent 78%);
  filter:blur(10px); clip-path:none }
.rk-podio-l{ all:unset; position:relative; display:flex; flex-direction:column; align-items:center; gap:2px; cursor:pointer; min-width:0; text-align:center }
.rk-podio-l--2{ --pc:201,210,221 } .rk-podio-l--1{ --pc:255,194,51 } .rk-podio-l--3{ --pc:205,127,50 }
.rk-podio .rk-podio-sk.cop-mini.cop-mini.cop-mini{ width:100%; max-width:118px; height:150px; aspect-ratio:auto; background:none; box-shadow:none; border-radius:0; overflow:visible }
.rk-podio .rk-podio-l--1 .rk-podio-sk.cop-mini.cop-mini.cop-mini{ max-width:170px; height:206px }
.rk-podio .rk-podio-sk::after{ content:none }
.rk-podio .rk-podio-sk .mc-skin{ filter:drop-shadow(0 10px 16px rgba(0,0,0,.55)) }
.rk-podio-p{ font:400 1.1rem/1 Anton, sans-serif; color:rgb(var(--pc)); text-shadow:0 0 14px rgba(var(--pc),.55); margin-top:4px }
.rk-podio-l--1 .rk-podio-p{ font-size:1.5rem }
.rk-podio-al{ font:800 var(--fs-md, .88rem) Inter, sans-serif; color:#fff; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.rk-podio-l--1 .rk-podio-al{ font-size:var(--fs-lg, 1.15rem) }
.rk-podio-v{ display:inline-flex; align-items:center; gap:4px; font:800 var(--fs-sm, .8rem) Inter, sans-serif; color:#cfd6e4; font-variant-numeric:tabular-nums }
.rk-podio-v svg{ width:14px; height:14px }
.rk-podio-l.yo .rk-podio-al{ color:var(--primary-soft, #5fbbff) }
@media (max-width:359px){ .rk-podio{ height:260px } .rk-podio .rk-podio-l--1 .rk-podio-sk.cop-mini.cop-mini.cop-mini{ width:140px; height:172px } .rk-podio .rk-podio-sk.cop-mini.cop-mini.cop-mini{ width:96px; height:124px } }

/* 20/10/2026 · la estructura del podio: cada jugador parado sobre su escalón */
.rk-podio-l{ justify-content:flex-end }
.rk-podio-base{ position:relative; display:grid; place-items:center; width:100%; margin-top:8px; border-radius:12px 12px 4px 4px;
  height:var(--ph, 48px); background:linear-gradient(180deg, rgba(var(--pc),.30), rgba(var(--pc),.06) 70%, transparent);
  box-shadow:inset 0 2px 0 rgba(var(--pc),.85), inset 0 0 0 1px rgba(var(--pc),.16) }
.rk-podio-l--1{ --ph:78px } .rk-podio-l--2{ --ph:54px } .rk-podio-l--3{ --ph:40px }
.rk-podio-base .rk-podio-p{ margin:0; font:400 1.6rem/1 Anton, sans-serif; color:rgb(var(--pc)); text-shadow:0 0 16px rgba(var(--pc),.5) }
.rk-podio-l--1 .rk-podio-base .rk-podio-p{ font-size:2.1rem }
.rk-podio-l.vacio .rk-podio-base{ opacity:.45 }
@media (max-width:359px){ .rk-podio{ height:290px } .rk-podio-l--1{ --ph:64px } .rk-podio-l--2{ --ph:44px } .rk-podio-l--3{ --ph:32px } }