/* ===== Ranking + Resultados ao Vivo (estilo Brabet) ===== */
.rk-wrap{max-width:1060px;margin:28px auto 10px;padding:0 12px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-family:'Montserrat',Arial,sans-serif;font-weight:600;color:#fff}
.rk-panel{min-width:0}
.rk-tabs{display:none}
.rk-medal-img{width:34px;height:auto;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.rk-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.rk-title{display:flex;align-items:center;gap:.6rem;font-size:20px;font-weight:700;margin:0 0 14px 6px;text-transform:none}
.rk-title-ico{width:28px;height:28px;object-fit:contain;display:block;flex:0 0 28px}
.rk-gold{color:#ffc928;font-size:22px}
.rk-card{background:#0f1622;border-radius:.875rem;padding:.625rem 1rem;box-sizing:border-box;min-height:15.625rem}

/* cabeçalhos */
.rk-head{display:grid;align-items:center;color:#67778e;font-size:13px;font-weight:600;height:2.5rem}
.rk-head-win,.rk-row-win{grid-template-columns:1fr 1.6fr 1fr}
.rk-head-live,.rk-row-live{grid-template-columns:1.4fr .9fr .9fr .8fr}
.rk-head span:last-child,.rk-row>span:last-child{text-align:right}
.rk-head-live span:nth-child(n+2),.rk-row-live>span:nth-child(n+2){text-align:center}
.rk-head-live span:last-child,.rk-row-live>span:last-child{text-align:right}

/* linhas */
.rk-row{display:grid;align-items:center;min-height:3.5rem;font-size:14px;font-weight:700}
.rk-row-win{height:70px}
.rk-pos{display:flex;align-items:center;padding-left:4px}
.rk-medal{display:inline-flex;align-items:center;justify-content:center;width:30px;height:38px;border-radius:50% 50% 45% 45%;color:#4a3300;font-size:15px;font-weight:800;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.4)}
.rk-m1{background:linear-gradient(#ffe27a,#f2a900)}
.rk-m2{background:linear-gradient(#f4f7fb,#a9b4c4);color:#35414f}
.rk-m3{background:linear-gradient(#f0b27a,#b8692a);color:#4a2400}
.rk-player{display:flex;align-items:center;gap:10px;justify-content:flex-start}
.rk-avatar{position:relative;width:38px;height:38px;border-radius:50%;flex:0 0 38px;background:#1b2535}
.rk-val{text-align:right}

/* tabela ao vivo */
.rk-live{height:700px;overflow:hidden}
.rk-row-live{height:70px;box-sizing:border-box}
.rk-game{display:flex;align-items:center;gap:8px;min-width:0}
.rk-game img{width:40px;height:56px;border-radius:6px;object-fit:cover;flex:0 0 40px;background:#1b2535}
.rk-game b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.rk-mult{color:#1fc653}
.rk-plus{color:#1fc653}
.rk-new{animation:rkIn .45s ease}
@keyframes rkIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}

/* mobile: duas abas, um painel por vez */
@media (max-width:760px){
  .rk-wrap{grid-template-columns:1fr;gap:12px;margin-top:20px}
  .rk-tabs{display:flex;gap:6px;background:#0f1622;border-radius:.5rem;padding:.25rem}
  .rk-tab{flex:1 1 0;height:2.4rem;border:1px solid transparent;border-radius:.4rem;background:transparent;color:#67778e;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:0 6px}
  .rk-tab.active{color:#fff;border-color:var(--hb-accent,#5b4be8);background:linear-gradient(90deg,#5b4be8,#7a5cf5)}
  .rk-title{display:none}
  .rk-wrap[data-aba="live"] .rk-panel-win{display:none}
  .rk-wrap[data-aba="win"] .rk-panel-live{display:none}
  .rk-card{padding:.4rem .75rem}
  .rk-row,.rk-head{font-size:12px}
  .rk-game img{width:32px;height:44px;flex-basis:32px}
  .rk-game b{font-size:12px}
  .rk-tab{font-size:12px;line-height:1.15}
  .rk-avatar{width:32px;height:32px;flex-basis:32px}
  .rk-medal-img{width:28px}
  .rk-row-win,.rk-row-live{height:58px}
  .rk-live{height:auto;max-height:36rem}
}