/* =====================================================================
   RetroClassic RO - Salón de la Fama (rankings)
   Podio animado, coronas, barras de progreso, pestañas y "tu posición".
   ===================================================================== */
.rc-contenido-oscuro { position: relative; }
.rc-centro { text-align: center; margin-top: 26px; }

.rk { --rk-oro: #ffd76a; --rk-plata: #d9e2f2; --rk-bronce: #e59a5d; position: relative; }
.rk h2, .rk h3, .rk h4 { font-family: var(--rc-titulos); }

/* ---------- Cabecera ---------- */
.rk-cab { text-align: center; padding: 10px 0 6px; }
.rk-trofeo { position: relative; width: 120px; height: 120px; margin: 0 auto 4px; display: grid; place-items: center; }
.rk-trofeo-luz {
	position: absolute; inset: -30px; border-radius: 50%;
	background: conic-gradient(from 0deg, transparent 0 10deg, rgba(255, 215, 106, .35) 14deg, transparent 22deg 40deg, rgba(255, 215, 106, .25) 46deg, transparent 54deg 80deg,
	            rgba(255, 215, 106, .35) 86deg, transparent 94deg 130deg, rgba(255, 215, 106, .25) 136deg, transparent 144deg 180deg, rgba(255, 215, 106, .35) 186deg,
	            transparent 194deg 230deg, rgba(255, 215, 106, .25) 236deg, transparent 244deg 280deg, rgba(255, 215, 106, .35) 286deg, transparent 294deg 330deg, rgba(255, 215, 106, .25) 336deg, transparent 344deg);
	-webkit-mask: radial-gradient(circle, #000 25%, transparent 70%); mask: radial-gradient(circle, #000 25%, transparent 70%);
	animation: rk-girar 18s linear infinite;
}
.rk-trofeo-ico { position: relative; font-size: 76px; line-height: 1; filter: drop-shadow(0 6px 18px rgba(255, 190, 60, .6)); animation: rk-flotar 3.2s ease-in-out infinite; }
.rk-titulo {
	margin: 0; font-family: var(--rc-deco) !important; font-weight: 900; font-size: clamp(2em, 5vw, 3.2em); letter-spacing: .02em;
	background: linear-gradient(90deg, #c98a1c, #ffe9a8 25%, #fff 35%, #ffd76a 50%, #c98a1c 75%, #ffe9a8);
	background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent;
	animation: rk-brillo-txt 6s linear infinite; filter: drop-shadow(0 3px 12px rgba(201, 138, 28, .45));
}
.rk-lema { color: var(--rc-texto); font-size: 1.08em; margin: 8px 0 2px; }
.rk-lema strong { color: var(--rk-oro); }
.rk-act { color: var(--rc-texto2); font-size: .85em; margin: 0 0 22px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.rk-vivo { width: 9px; height: 9px; border-radius: 50%; background: var(--rc-verde); box-shadow: 0 0 0 0 rgba(78, 224, 138, .7); animation: rk-vivo 1.6s ease-out infinite; }
@keyframes rk-vivo { to { box-shadow: 0 0 0 10px rgba(78, 224, 138, 0); } }

/* Reyes */
.rk-reyes { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin: 0 0 26px; }
.rk-rey {
	position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 18px 10px 16px; overflow: hidden;
	border-radius: 18px; text-align: center; color: var(--rc-texto) !important;
	background: linear-gradient(160deg, rgba(58, 42, 110, .75), rgba(20, 14, 44, .9));
	border: 1px solid rgba(255, 215, 106, .35); box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
	transition: transform .25s, box-shadow .25s, border-color .25s;
	animation: rk-subir .7s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i, 0) * 90ms);
}
.rk-rey:nth-child(1) { --i: 0; } .rk-rey:nth-child(2) { --i: 1; } .rk-rey:nth-child(3) { --i: 2; } .rk-rey:nth-child(4) { --i: 3; } .rk-rey:nth-child(5) { --i: 4; }
.rk-rey::before { /* destello que cruza */
	content: ''; position: absolute; top: 0; bottom: 0; width: 40%; left: -60%;
	background: linear-gradient(100deg, transparent, rgba(255, 233, 168, .22), transparent); transform: skewX(-20deg);
	animation: rk-destello 5s ease-in-out infinite; animation-delay: calc(var(--i, 0) * .8s);
}
.rk-rey:hover { transform: translateY(-6px); border-color: var(--rk-oro); box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 0 26px rgba(255, 215, 106, .25); }
.rk-rey-ico { font-size: 34px; height: 42px; display: grid; place-items: center; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .5)); }
.rk-rey-ico img { width: 36px; height: 36px; image-rendering: pixelated; }
.rk-rey-t { font-family: var(--rc-titulos); font-size: .72em; letter-spacing: .14em; text-transform: uppercase; color: var(--rk-oro); }
.rk-rey-nom { font-family: var(--rc-titulos); font-size: 1.12em; color: #fff; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rk-rey-v { font-size: .84em; color: var(--rc-texto2); }
.rk-rey-libre { border-style: dashed; }
.rk-rey-libre .rk-rey-nom { color: var(--rc-verde); }

/* ---------- Tu posición ---------- */
.rk-mio {
	position: relative; margin: 0 0 22px; padding: 18px 20px; border-radius: 18px;
	background: linear-gradient(135deg, rgba(255, 215, 106, .12), rgba(79, 179, 255, .08));
	border: 1px solid rgba(255, 215, 106, .3);
}
.rk-mio h3 { margin: 0 0 12px; color: var(--rk-oro); font-size: 1.15em; }
.rk-mio-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.rk-mio-it {
	display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 14px; color: var(--rc-texto) !important;
	background: rgba(14, 11, 31, .55); border: 1px solid rgba(255, 255, 255, .08); transition: transform .2s, border-color .2s;
}
.rk-mio-it:hover { transform: translateY(-3px); border-color: rgba(255, 215, 106, .5); }
.rk-mio-pos { font-family: var(--rc-deco); font-weight: 900; font-size: 1.7em; line-height: 1; color: var(--rk-oro); min-width: 54px; text-shadow: 0 0 14px rgba(255, 215, 106, .5); }
.rk-mio-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rk-mio-txt b { font-family: var(--rc-titulos); font-size: .95em; }
.rk-mio-txt small { color: var(--rc-texto2); }
.rk-mio-meta { font-style: normal; font-size: .84em; color: #ffd2a1; }
.rk-mio-meta b { color: #fff; }
.rk-oro { color: var(--rk-oro) !important; font-weight: 700; }
.rk-mio-nada { margin: 0; color: var(--rc-texto2); }
.rk-mio-cta { display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.rk-mio-cta p { margin: 0; color: var(--rc-texto); flex: 1 1 320px; }
.rk-mio-cta strong { color: var(--rk-oro); }
.rk-mio-cta div { display: flex; gap: 10px; flex-wrap: wrap; }

/* ---------- Pestañas ---------- */
.rk-tabs {
	position: sticky; top: 64px; z-index: 5; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none;
	padding: 8px; margin: 0 0 12px; border-radius: 999px;
	background: rgba(14, 11, 31, .88); backdrop-filter: blur(8px); border: 1px solid rgba(255, 215, 106, .22);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}
.rk-tabs::-webkit-scrollbar { display: none; }
.rk-tab {
	flex: 0 0 auto; display: inline-flex; align-items: center; gap: .4em; padding: 9px 16px; border-radius: 999px;
	font-family: var(--rc-titulos); font-weight: 700; font-size: .9em; white-space: nowrap; color: var(--rc-texto2) !important;
	transition: background .25s, color .25s, transform .2s;
}
.rk-tab:hover { color: #fff !important; background: rgba(255, 255, 255, .06); }
.rk-tab.activa {
	color: #2a1a00 !important; background: linear-gradient(180deg, #ffe39a, var(--rc-oro) 50%, var(--rc-oro2));
	box-shadow: 0 4px 14px rgba(201, 138, 28, .45);
}
.rk-buscar { position: relative; margin: 0 0 18px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.rk-buscar input {
	width: min(420px, 100%); padding: 11px 18px; border-radius: 999px; font: inherit; color: var(--rc-texto);
	background: rgba(14, 11, 31, .6); border: 1px solid rgba(255, 255, 255, .14); outline: none; transition: border-color .2s, box-shadow .2s;
}
.rk-buscar input:focus { border-color: var(--rk-oro); box-shadow: 0 0 0 3px rgba(255, 215, 106, .2); }
.rk-buscar-nada { color: var(--rc-texto2); font-size: .9em; }

/* ---------- Paneles ---------- */
.rk-panel { animation: rk-panel .5s cubic-bezier(.2, .8, .2, 1) both; }
.rk-panel[hidden] { display: none; }
.rk-panel-cab { text-align: center; margin: 4px 0 8px; }
.rk-panel-cab h3 { margin: 0; font-size: 1.6em; color: #fff; text-shadow: 0 2px 14px rgba(255, 215, 106, .35); }
.rk-panel-cab p { margin: 6px 0 0; color: var(--rc-texto2); }

/* ---------- Podio ---------- */
.rk-podio { display: grid; grid-template-columns: 1fr 1.15fr 1fr; align-items: end; gap: 16px; margin: 34px auto 10px; max-width: 900px; }
.rk-p { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; --c: var(--rk-plata); }
.rk-p1 { --c: var(--rk-oro); }
.rk-p3 { --c: var(--rk-bronce); }
.rk-panel:not([hidden]) .rk-p { animation: rk-podio .8s cubic-bezier(.2, .9, .25, 1.15) both; }
.rk-panel:not([hidden]) .rk-p1 { animation-delay: .25s; }
.rk-panel:not([hidden]) .rk-p2 { animation-delay: .1s; }
.rk-panel:not([hidden]) .rk-p3 { animation-delay: .4s; }
.rk-avatar {
	position: relative; width: 84px; height: 84px; border-radius: 50%; display: grid; place-items: center; font-size: 38px;
	background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .25), rgba(58, 42, 110, .9) 60%, #140e2c);
	border: 3px solid var(--c); box-shadow: 0 0 0 5px rgba(0, 0, 0, .25), 0 0 24px color-mix(in srgb, var(--c) 55%, transparent);
	z-index: 2;
}
.rk-p1 .rk-avatar { width: 108px; height: 108px; font-size: 50px; animation: rk-latir 2.4s ease-in-out infinite; }
.rk-avatar img { width: 48px; height: 48px; image-rendering: pixelated; }
.rk-medalla {
	position: absolute; right: -4px; bottom: -4px; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center;
	font-family: var(--rc-deco); font-size: .95em; color: #2a1a00;
	background: radial-gradient(circle at 35% 30%, #fff, var(--c) 55%, color-mix(in srgb, var(--c) 60%, #000));
	box-shadow: 0 3px 8px rgba(0, 0, 0, .5);
}
.rk-corona { position: absolute; top: -46px; font-size: 44px; z-index: 3; filter: drop-shadow(0 4px 10px rgba(255, 190, 60, .7)); animation: rk-corona 2.6s ease-in-out infinite; }
.rk-rayos {
	position: absolute; top: -70px; width: 260px; height: 260px; border-radius: 50%; z-index: 0; pointer-events: none;
	background: repeating-conic-gradient(rgba(255, 215, 106, .22) 0 8deg, transparent 8deg 24deg);
	-webkit-mask: radial-gradient(circle, #000 20%, transparent 68%); mask: radial-gradient(circle, #000 20%, transparent 68%);
	animation: rk-girar 22s linear infinite;
}
.rk-chispas { position: absolute; top: -30px; width: 180px; height: 160px; pointer-events: none; z-index: 3; }
.rk-chispas i {
	position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #fff6cf;
	box-shadow: 0 0 10px 3px rgba(255, 215, 106, .8); opacity: 0; animation: rk-chispa 2.8s ease-in-out infinite;
}
.rk-chispas i:nth-child(1) { left: 10%; top: 40%; animation-delay: 0s; }
.rk-chispas i:nth-child(2) { left: 85%; top: 30%; animation-delay: .5s; }
.rk-chispas i:nth-child(3) { left: 20%; top: 80%; animation-delay: 1s; }
.rk-chispas i:nth-child(4) { left: 78%; top: 75%; animation-delay: 1.5s; }
.rk-chispas i:nth-child(5) { left: 50%; top: 5%; animation-delay: 2s; }
.rk-chispas i:nth-child(6) { left: 95%; top: 55%; animation-delay: 2.4s; }
.rk-p-nom { position: relative; z-index: 2; margin-top: 12px; font-family: var(--rc-titulos); font-weight: 800; font-size: 1.12em; color: #fff; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rk-p1 .rk-p-nom { font-size: 1.35em; color: var(--rk-oro); text-shadow: 0 0 16px rgba(255, 215, 106, .55); }
.rk-p-sub { position: relative; z-index: 2; max-width: 100%; }
.rk-p-sub small, .rk-quien small { display: flex; align-items: center; justify-content: inherit; gap: 4px; color: var(--rc-texto2); font-size: .82em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rk-p-sub small { justify-content: center; }
.rk-p-val { position: relative; z-index: 2; margin: 6px 0 4px; display: flex; flex-direction: column; align-items: center; line-height: 1.1; }
.rk-p-val b { font-family: var(--rc-deco); font-size: 1.6em; color: var(--c); text-shadow: 0 0 14px color-mix(in srgb, var(--c) 50%, transparent); }
.rk-p1 .rk-p-val b { font-size: 2.1em; }
.rk-p-val small { color: var(--rc-texto2); font-size: .8em; }
.rk-p .rk-chips { justify-content: center; margin-bottom: 8px; position: relative; z-index: 2; }
.rk-p-peana {
	position: relative; width: 100%; margin-top: 6px; border-radius: 14px 14px 6px 6px; display: grid; place-items: center;
	background: linear-gradient(180deg, color-mix(in srgb, var(--c) 55%, #3a2a6e), rgba(20, 14, 44, .95));
	border: 1px solid color-mix(in srgb, var(--c) 70%, transparent); border-bottom: 0;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, .25), 0 -6px 26px color-mix(in srgb, var(--c) 25%, transparent);
	height: 70px;
}
.rk-p1 .rk-p-peana { height: 110px; }
.rk-p3 .rk-p-peana { height: 50px; }
.rk-p-peana span { font-family: var(--rc-deco); font-weight: 900; font-size: 2em; color: rgba(255, 255, 255, .85); text-shadow: 0 2px 10px rgba(0, 0, 0, .5); }
.rk-p-vacio .rk-p-peana { opacity: .35; }
.rk-podio + .rk-lista { margin-top: 0; }

/* ---------- Lista ---------- */
.rk-lista, .rk-fama ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.rk-fila {
	position: relative; display: grid; grid-template-columns: 44px 40px minmax(0, 1fr) auto auto; align-items: center; gap: 12px;
	padding: 10px 16px; border-radius: 14px; overflow: hidden; isolation: isolate;
	background: rgba(20, 14, 44, .7); border: 1px solid rgba(255, 255, 255, .07);
	transition: transform .2s, border-color .2s, background .2s;
}
.rk-panel:not([hidden]) .rk-fila { animation: rk-fila .55s cubic-bezier(.2, .8, .2, 1) both; animation-delay: var(--d, 0ms); }
.rk-fila:hover { transform: translateX(6px); border-color: rgba(255, 215, 106, .45); background: rgba(40, 28, 84, .8); }
.rk-barra { /* barra de progreso de fondo */
	position: absolute; left: 0; top: 0; bottom: 0; z-index: -1; width: var(--p); transform-origin: left;
	background: linear-gradient(90deg, rgba(243, 197, 91, .05), rgba(243, 197, 91, .17));
	border-right: 2px solid rgba(255, 215, 106, .35);
}
.rk-panel:not([hidden]) .rk-barra { animation: rk-barra 1.1s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--d, 0ms) + .2s); }
.rk-pos { font-family: var(--rc-deco); font-weight: 900; font-size: 1.15em; color: var(--rc-texto2); text-align: center; }
.rk-ico { font-size: 22px; text-align: center; }
.rk-ico img, .rk-emb-g { width: 24px; height: 24px; image-rendering: pixelated; vertical-align: middle; }
.rk-emb { width: 14px; height: 14px; image-rendering: pixelated; flex: 0 0 auto; }
.rk-quien { min-width: 0; }
.rk-quien b { display: block; color: #fff; font-family: var(--rc-titulos); font-size: 1.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rk-quien small { justify-content: flex-start; }
.rk-mas, .rk-chips { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.rk-chip {
	display: inline-flex; align-items: center; gap: 3px; padding: 3px 9px; border-radius: 999px; font-size: .78em; font-weight: 700; white-space: nowrap;
	color: var(--rc-texto); background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .1);
}
.rk-chip-oro { color: #2a1a00; background: linear-gradient(180deg, #ffe39a, var(--rc-oro)); border-color: transparent; }
.rk-chip-rojo { color: #ffd0d5; background: rgba(255, 93, 108, .16); border-color: rgba(255, 93, 108, .35); }
.rk-chip-verde { color: #c9ffe0; background: rgba(78, 224, 138, .14); border-color: rgba(78, 224, 138, .35); }
.rk-valor { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.1; min-width: 70px; }
.rk-valor b { font-family: var(--rc-deco); font-size: 1.3em; color: var(--rk-oro); }
.rk-valor small { color: var(--rc-texto2); font-size: .75em; white-space: nowrap; }
.rk-extra-fila { display: none; }
.rk-todo .rk-extra-fila, .rk-buscando .rk-extra-fila { display: grid; }
.rk-vermas { display: flex; margin: 16px auto 0; }
.rk-todo .rk-vermas { display: none; }

/* Tu fila */
.rk-tu {
	display: inline-block; margin-left: 4px; padding: 1px 7px; border-radius: 999px; font-style: normal; font-family: var(--rc-cuerpo);
	font-size: .62em; font-weight: 800; letter-spacing: .06em; vertical-align: middle; color: #06210f; background: var(--rc-verde);
	animation: rk-latir 1.6s ease-in-out infinite;
}
.rk-fila.rk-tuyo { border-color: rgba(78, 224, 138, .6); background: rgba(24, 60, 48, .65); box-shadow: 0 0 22px rgba(78, 224, 138, .18); }
.rk-p.rk-tuyo .rk-avatar { box-shadow: 0 0 0 5px rgba(78, 224, 138, .45), 0 0 30px rgba(78, 224, 138, .5); }

/* Top 3 de la lista de fama (top 10 con bonus) */
.rk-fila-mini { grid-template-columns: 34px minmax(0, 1fr) auto; padding: 8px 12px; }
.rk-top10 .rk-pos { color: var(--rk-oro); }

/* Ocultas por la búsqueda */
.rk-oculto { display: none !important; }

/* ---------- Vacío ---------- */
.rk-vacio { text-align: center; padding: 50px 20px; border-radius: 18px; border: 1px dashed rgba(255, 215, 106, .3); background: rgba(20, 14, 44, .5); margin-top: 20px; }
.rk-vacio span { font-size: 54px; display: block; animation: rk-flotar 3s ease-in-out infinite; }
.rk-vacio p { color: var(--rc-texto2); margin: 10px 0 0; font-size: 1.05em; }
.rk-vacio-mini { color: var(--rc-texto2); text-align: center; padding: 18px 6px; }

/* ---------- Campeones ---------- */
.rk-camp { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; margin-top: 20px; }
.rk-camp-it {
	position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; padding: 16px 10px 14px;
	border-radius: 16px; background: linear-gradient(170deg, rgba(58, 42, 110, .7), rgba(20, 14, 44, .9));
	border: 1px solid rgba(255, 255, 255, .1); transition: transform .25s, border-color .25s, box-shadow .25s; overflow: hidden;
}
.rk-panel:not([hidden]) .rk-camp-it { animation: rk-subir .6s cubic-bezier(.2, .8, .2, 1) both; }
.rk-camp-it:nth-child(4n+2) { animation-delay: .05s; } .rk-camp-it:nth-child(4n+3) { animation-delay: .1s; } .rk-camp-it:nth-child(4n+4) { animation-delay: .15s; }
.rk-camp-it:hover { transform: translateY(-5px) scale(1.02); border-color: rgba(255, 215, 106, .55); box-shadow: 0 12px 30px rgba(0, 0, 0, .45), 0 0 20px rgba(255, 215, 106, .2); }
.rk-camp-it.trans { border-color: rgba(255, 215, 106, .3); }
.rk-camp-it.trans::after { content: 'TRANS'; position: absolute; top: 8px; right: -26px; transform: rotate(40deg); padding: 2px 30px; font-size: .58em; font-weight: 800; letter-spacing: .1em; color: #2a1a00; background: var(--rc-oro); }
.rk-camp-ico { font-size: 30px; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .5)); }
.rk-camp-clase { font-family: var(--rc-titulos); font-size: .78em; letter-spacing: .08em; text-transform: uppercase; color: var(--rk-oro); }
.rk-camp-nom { font-family: var(--rc-titulos); color: #fff; font-size: 1.05em; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rk-camp-nv { font-family: var(--rc-deco); color: var(--rc-oro-claro); font-size: .95em; }
.rk-camp-de { font-size: .76em; color: var(--rc-texto2); }
.rk-camp-it.libre { border-style: dashed; background: rgba(20, 14, 44, .5); }
.rk-camp-it.libre .rk-camp-nom { color: var(--rc-verde); }
.rk-camp-it.libre .rk-camp-ico { filter: grayscale(.6) opacity(.6); }
.rk-camp-it.rk-tuyo { border-color: rgba(78, 224, 138, .7); box-shadow: 0 0 22px rgba(78, 224, 138, .25); }

/* ---------- MVP ---------- */
.rk-mvp { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 20px; align-items: start; }
.rk-mvp-rank { min-width: 0; }
.rk-feed { position: sticky; top: 140px; margin-top: 34px; padding: 16px; border-radius: 16px; background: rgba(40, 10, 20, .55); border: 1px solid rgba(255, 93, 108, .3); }
.rk-feed h4 { margin: 0 0 10px; color: #ffb3bb; }
.rk-feed ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.rk-feed li { font-size: .9em; color: var(--rc-texto); padding-left: 12px; border-left: 2px solid rgba(255, 93, 108, .5); animation: rk-fila .5s both; }
.rk-feed li:nth-child(2) { animation-delay: .08s; } .rk-feed li:nth-child(3) { animation-delay: .16s; } .rk-feed li:nth-child(4) { animation-delay: .24s; }
.rk-feed li:nth-child(5) { animation-delay: .32s; } .rk-feed li:nth-child(6) { animation-delay: .4s; } .rk-feed li:nth-child(7) { animation-delay: .48s; } .rk-feed li:nth-child(8) { animation-delay: .56s; }
.rk-feed li b { color: #fff; }
.rk-feed li small { display: block; color: var(--rc-texto2); font-size: .82em; }
.rk-aviso-admin { padding: 10px 14px; border-radius: 12px; font-size: .88em; color: #ffe3b0; background: rgba(201, 138, 28, .14); border: 1px dashed rgba(255, 215, 106, .45); }
.rk-aviso-admin code { color: #fff; background: rgba(0, 0, 0, .3); padding: 1px 5px; border-radius: 5px; }

/* ---------- Fama ---------- */
.rk-fama { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.rk-fama-col { padding: 14px; border-radius: 16px; background: rgba(20, 14, 44, .5); border: 1px solid rgba(255, 255, 255, .08); }
.rk-fama-col h4 { margin: 0 0 12px; text-align: center; color: var(--rk-oro); font-size: 1.15em; }

/* ---------- Muertes ---------- */
.rk-panel-muertes { --rk-oro: #ff8f9a; }
.rk-panel-muertes .rk-barra { background: linear-gradient(90deg, rgba(255, 93, 108, .04), rgba(255, 93, 108, .18)); border-right-color: rgba(255, 93, 108, .45); }
.rk-panel-muertes .rk-corona { filter: grayscale(1) drop-shadow(0 4px 10px rgba(255, 93, 108, .7)); }
.rk-panel-muertes .rk-corona::after { content: ''; }

.rk-pie { text-align: center; color: var(--rc-texto2); font-size: .82em; margin: 30px 0 0; }

/* ---------- Portada: resumen del Salón de la Fama ---------- */
.rc-salon-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.rc-salon-col {
	position: relative; display: flex; flex-direction: column; padding: 18px 16px 14px; border-radius: 18px; overflow: hidden;
	color: var(--rc-texto) !important; background: linear-gradient(160deg, rgba(58, 42, 110, .7), rgba(20, 14, 44, .9));
	border: 1px solid rgba(255, 215, 106, .28); box-shadow: 0 12px 30px rgba(0, 0, 0, .35); transition: transform .25s, border-color .25s, box-shadow .25s;
}
.rc-salon-col:hover { transform: translateY(-6px); border-color: rgba(255, 215, 106, .7); box-shadow: 0 18px 38px rgba(0, 0, 0, .45), 0 0 24px rgba(255, 215, 106, .2); }
.rc-salon-col h3 { margin: 0 0 12px; font-family: var(--rc-titulos); font-size: 1.05em; color: var(--rc-oro); display: flex; align-items: center; gap: 8px; }
.rc-salon-col h3 span { font-size: 1.4em; }
.rc-salon-col ol { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.rc-salon-col li { display: grid; grid-template-columns: 30px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; }
.rc-salon-col li i {
	grid-row: span 2; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-style: normal;
	font-family: var(--rc-deco); font-weight: 900; color: #2a1a00; background: radial-gradient(circle at 35% 30%, #fff, #d9e2f2 55%, #8592a8);
}
.rc-salon-p1 i { background: radial-gradient(circle at 35% 30%, #fff, #ffd76a 55%, #b07a12) !important; box-shadow: 0 0 14px rgba(255, 215, 106, .6); }
.rc-salon-p3 i { background: radial-gradient(circle at 35% 30%, #fff, #e59a5d 55%, #8a4b1d) !important; }
.rc-salon-col li b { color: #fff; font-family: var(--rc-titulos); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-salon-col li b.libre { color: var(--rc-verde); }
.rc-salon-col li small { color: var(--rc-texto2); font-size: .82em; }
.rc-salon-p1 b { color: #ffd76a !important; }
.rc-salon-ver { margin-top: auto; font-size: .85em; color: var(--rc-oro); font-weight: 700; }

/* ---------- Animaciones ---------- */
@keyframes rk-girar { to { transform: rotate(360deg); } }
@keyframes rk-flotar { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes rk-brillo-txt { to { background-position: 200% center; } }
@keyframes rk-subir { from { opacity: 0; transform: translateY(26px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes rk-destello { 0%, 60% { left: -60%; } 100% { left: 130%; } }
@keyframes rk-panel { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes rk-podio { from { opacity: 0; transform: translateY(80px) scale(.9); } to { opacity: 1; transform: none; } }
@keyframes rk-latir { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes rk-corona { 0%, 100% { transform: translateY(0) rotate(-8deg); } 50% { transform: translateY(-7px) rotate(8deg); } }
@keyframes rk-chispa { 0% { opacity: 0; transform: scale(.2) translateY(10px); } 30% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.3) translateY(-30px); } }
@keyframes rk-fila { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: none; } }
@keyframes rk-barra { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
	.rk-reyes { grid-template-columns: repeat(3, 1fr); }
	.rc-salon-grid { grid-template-columns: repeat(2, 1fr); }
	.rk-mvp { grid-template-columns: 1fr; }
	.rk-feed { position: static; margin-top: 10px; }
	.rk-fama { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
	.rk-tabs { top: 56px; border-radius: 16px; }
	.rk-reyes { grid-template-columns: repeat(2, 1fr); }
	.rk-reyes .rk-rey:last-child { grid-column: span 2; }
	.rk-fila { grid-template-columns: 34px 30px minmax(0, 1fr) auto; gap: 8px; padding: 10px 12px; }
	.rk-mas { grid-column: 3 / -1; grid-row: 2; justify-content: flex-start; }
	.rk-fila .rk-valor { grid-column: 4; grid-row: 1; }
	.rk-podio { gap: 8px; }
	.rk-avatar { width: 64px; height: 64px; font-size: 28px; }
	.rk-p1 .rk-avatar { width: 80px; height: 80px; font-size: 38px; }
	.rk-p-val b { font-size: 1.25em; }
	.rk-p1 .rk-p-val b { font-size: 1.5em; }
	.rk-p-nom { font-size: .95em; }
	.rk-p1 .rk-p-nom { font-size: 1.05em; }
	.rk-p .rk-chips { display: none; }
	.rk-rayos { width: 190px; height: 190px; top: -50px; }
}
@media (max-width: 520px) {
	.rc-salon-grid { grid-template-columns: 1fr; }
	.rk-trofeo { width: 90px; height: 90px; }
	.rk-trofeo-ico { font-size: 58px; }
	.rk-p-sub { display: none; }
	.rk-p-peana { height: 50px; } .rk-p1 .rk-p-peana { height: 80px; } .rk-p3 .rk-p-peana { height: 36px; }
	.rk-p-peana span { font-size: 1.5em; }
	.rk-camp { grid-template-columns: repeat(2, 1fr); }
	.rk-mio-pos { min-width: 44px; font-size: 1.4em; }
}
@media (prefers-reduced-motion: reduce) {
	.rk *, .rk *::before, .rk *::after { animation: none !important; transition: none !important; }
}