/*
 * DIV-TRAV page stylesheet.
 * Extracted from templates/ranking/top.html; no inline <style> remains in the template.
 */

/* Section 1. */

/* Medal cell of a royal-hall card. The reference carries `padding:0` inline and
   declares no width; the page-wide `div.statistics table td` padding would
   otherwise apply 4px 2px here (ف-269). */
div.statistics table.TOP td.m_5117788790801970155mobile-hidden{
  padding:0;
}

/* The reference declares `width:200px` on the card's content cell. It is a hint,
   not a hard width — the column settles at 382px — but without it the content
   column takes everything it can and the medal column collapses (ف-269). */
div.statistics table.TOP td.top-card__content{
  width:200px;
}

table.TOP{
  border-collapse:separate;
  background-color:#ffffff00;
  line-height:16px;
  width:100%;
  empty-cells:show;
}
div.statistics table td,
div.statistics table th{
  text-align:-webkit-left;
}
table.TOP,
table.TOP tbody th,
table.TOP tbody td{
  background-color:unset!important;
}
.ProgBar{
  border:1px solid green;
  border-radius:5px;
  position:relative;
  height:20px;
  z-index:12;
  width:100%;
  background-color:#ddd;
  overflow:hidden;
}
.ProgBar__label{
  position:relative;
  z-index:11;
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  color:#1f1f1f;
  font-size:15px;
  font-weight:700;
  line-height:20px;
}
/* The reference hangs this under the bar rather than inside it. */
.ProgBar__left{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  margin-left:6px;
  display:flex;
  align-items:center;
  z-index:11;
  color:#444444;
  font-size:13px;
  font-weight:700;
  opacity:.9;
}
.ProgBar__fill{
  position:absolute;
  inset:0 auto 0 0;
  height:20px;
  z-index:10;
  background-color:#4caf50;
}

/* Source alignment: the winner name is centred above its untouched numeric
   value; numerals keep their LTR order in the RTL page. */
.top-card__content,
.top-card__name{
  text-align:center!important;
}
.top-card__name{
  margin-inline:auto;
}
.top-card__value{
  display:block;
  direction:ltr;
  unicode-bidi:isolate;
  text-align:center;
}