/* Clasificación de jugadores (js/perfil/clasificacion.js): botón del menú, lista con pestañas y tu fila fija abajo */
:root{--rank:#ff9600;--rankd:#d97a00}
/* botones: en PC, debajo de Editar (junto al personaje del menú); en móvil, un cuadradito con el trofeo arriba, junto a tu carita. Naranja con trofeo blanco */
.topbar button.rkchip{padding:0;width:34px;height:34px;justify-content:center;background:linear-gradient(135deg,var(--yel),var(--rank));border-color:var(--yel) var(--rank) var(--rankd) var(--rankd)}
.rkchip .rkmico{width:19px;height:19px}
@media(min-width:1100px){.topbar button.rkchip{display:none}}
@media(max-width:380px){.topbar{gap:4px}.topbar button.rkchip{width:31px;height:31px}#langbtn>svg:first-child{display:none}}   /* móvil muy estrecho: que con el trofeo sigan cabiendo todos los botones de arriba */
.mehero>button{min-width:205px}.mehero>button.k{gap:8px}.mehero .rkmico{width:20px;height:20px}
button.k{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(100deg,var(--yel),var(--rank));border-color:var(--yel) var(--rank) var(--rankd) var(--rankd);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.rkmico{width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10v5a5 5 0 0 1-10 0z' fill='%23fff'/%3E%3Cpath d='M7 4.5H3.5V6A4 4 0 0 0 7.5 10M17 4.5h3.5V6A4 4 0 0 1 16.5 10' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Crect x='10.5' y='13' width='3' height='4' fill='%23fff'/%3E%3Crect x='7.5' y='17' width='9' height='3.2' rx='1.2' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat}
/* cabecera */
.rkhead{display:flex;align-items:center;gap:14px;margin:14px 0 16px}
.rkhead h2{margin:0;font-size:2rem;font-weight:900;letter-spacing:-.5px}
.rkhead p{margin:2px 0 0;font-size:.88rem}
.rkico{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,rgba(255,200,0,.22),rgba(255,150,0,.22))}
.rktabs{margin-bottom:14px;flex-wrap:nowrap}.rktabs button{flex:1}
/* filas: puesto, cara, nombre, bandera y el dato */
.rklist{display:flex;flex-direction:column;gap:8px}
button.rkrow{display:flex;align-items:center;gap:12px;width:100%;padding:8px 14px 8px 10px;border-radius:16px;border-bottom-width:4px;text-transform:none;letter-spacing:0;color:var(--ink);text-align:left}
button.rkrow.me{border-color:var(--blue);background:rgba(28,176,246,.08)}
.rkpos{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:.95rem;font-weight:900;color:var(--mute);font-variant-numeric:tabular-nums}
.rkpos.p1{background:linear-gradient(135deg,#fff3b0,#ffc800 55%,#e09a00);color:#5a3d00}
.rkpos.p2{background:linear-gradient(135deg,#ffffff,#c4ccd4 55%,#8d99a6);color:#2f3a44}
.rkpos.p3{background:linear-gradient(135deg,#ffd9b0,#e08a4a 55%,#a85a24);color:#fff}
.rkname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:1rem}
.rkval{flex:none;font-weight:900;font-size:1.05rem;color:var(--blue);font-variant-numeric:tabular-nums}
.rkrow .nflag{width:24px;height:24px;box-shadow:0 0 0 1.5px var(--line)}
.rknote{text-align:center;margin:18px 0}
/* tu fila: fija abajo mientras bajas por la lista */
.rkme{position:sticky;bottom:0;margin-top:12px;padding:10px 0 4px;background:var(--card);text-align:center;font-weight:800;color:var(--mute)}
.rkme:empty{display:none}
.rkme p{margin:4px 0 10px}
.rkme button.p{width:auto;padding:10px 22px}
/* tarjeta del jugador: su puesto junto al dato */
.rkat{font-style:normal;color:var(--rank)}
@media(max-width:520px){.rkhead h2{font-size:1.6rem}.rkico{width:52px;height:52px}button.rkrow{gap:9px;padding:7px 10px 7px 8px}}