/* ── MISC / UTILITY ── */
.stl{font-family:var(--font);font-size:.7rem;font-weight:700;color:#bbb;
  text-transform:uppercase;letter-spacing:1px;margin:1.3rem 0 .7rem;
  display:flex;align-items:center;gap:.5rem}
.stl::after{content:'';flex:1;height:1px;background:var(--border)}
.sep{height:1rem;border-bottom:1px solid var(--border);margin-bottom:1.3rem}
.nodata{text-align:center;padding:2rem;color:#999;font-size:.72rem}
.info{background:rgba(59,165,221,.04);border:1px solid rgba(59,165,221,.12);border-radius:4px;
  padding:.5rem .75rem;font-size:.7rem;color:var(--blue);margin-bottom:1rem}
.otag{background:rgba(255,107,107,.15);color:var(--brasas-red);font-size:.54rem;font-weight:700;
  padding:.06rem .24rem;border-radius:2px;margin-left:.2rem;display:inline-block}

/* ── RANKING SLIDE ── */
.rk-rpt-fs{display:none;position:fixed;inset:0;z-index:9500;background:#080f18;
  overflow-y:auto;flex-direction:column}
.rk-rpt-fs.on{display:flex}
.rk-rpt-bar{position:sticky;top:0;z-index:9501;display:flex;gap:.5rem;align-items:center;
  padding:.6rem 2rem;background:rgba(8,15,24,.9);border-bottom:1px solid var(--border);backdrop-filter:blur(6px)}
.rk-slide{flex:1;display:flex;flex-direction:column;align-items:center;padding:2.5rem 3rem;position:relative}
.rk-slide-title{font-size:2.2rem;font-weight:900;color:#fff;text-align:center}
.rk-slide-period{font-size:.82rem;color:#888;margin-top:.3rem;margin-bottom:2rem;text-align:center}
.rk-slide-list{width:100%;max-width:700px}
.rk-slide-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .8rem;
  border-bottom:1px solid var(--border);transition:background .15s}
.rk-slide-row:hover{background:rgba(255,255,255,.02)}
.rk-slide-row.rk-slide-top{padding:.9rem .8rem}
.rk-slide-row.rk-slide-top .rk-slide-val{font-size:1.8rem}
.rk-slide-row.rk-slide-top .rk-slide-name{font-size:1.1rem}
.rk-slide-pos{font-size:1.3rem;font-weight:900;min-width:36px;text-align:center}
.rk-slide-info{flex:1;min-width:0}
.rk-slide-name{font-size:.9rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-slide-team{font-size:.6rem;color:#888;text-transform:uppercase;letter-spacing:.4px;margin-top:.1rem}
.rk-slide-val{font-size:1.3rem;font-weight:900;text-align:right;min-width:100px}
.rk-slide-sub{font-size:.65rem;color:#888;text-align:right;min-width:140px}
.rk-slide-logo{position:fixed;bottom:1.5rem;right:2rem;height:30px;opacity:.15}

/* ── APP FOOTER ── */
.app-footer{text-align:center;font-size:.65rem;color:#555;padding:2rem 0 1.5rem;
  margin-top:2rem;border-top:1px solid var(--border);letter-spacing:.3px;
  display:flex;flex-direction:column;align-items:center;gap:.5rem}
.app-footer-logo{height:28px;width:auto;opacity:.3}