/* ═══════════════════════════════════════════════════════════════════════════
   RATING SUB 9MINECRAFT — bo cham diem dung y het "Yet Another Stars Rating"
   (YASR Premium 3.4.12) cua www.9minecraft.net.

   Chu site 20/10/2026: *"Toi muon rating lam giong het the nay. Co du tinh nang va hieu
   ung nhu Yet Another Stars Rating trong 9minecraft. Dat ten la Rating Sub 9minecraft.
   De sau toi cho trien khai het sang cac sub khac. Icon kim cuong nhu 9minecraft."*

   ## Moi so do duoi day DO THAT tren www, khong uoc
   Khoi      `div.yasr-visitor-votes` · can giua · le tren 10px
   Nhan      `div.yasr-custom-text-vv-before` — "Click to rate this post!"
   Thanh sao `div.yasr-rater-stars-vv` 160x32 · nen `off-4.svg` repeat-x · background-size 32px
   Phan day  `div.yasr-star-value` — cung the nhung `on-4.svg`, rong theo %
   Thong ke  svg 20x20 (bieu do cot) + `[Total: N  Average: M]`
   Bang      tippy `.tippy-tooltip.yasr-theme`: min-width 300px · nen trang · vien 1px #aaa
             · can giua · chu #0a0a0a; tieu de 14px; moi hang flex:
               ten (min-width 72px, 14px) · thanh (flex-grow 12) · so (min-width 40px, 14px)
             thanh nen `linear-gradient(#eee,#f6f6f6)` vien 1px #ccc,
             phan day `linear-gradient(#ffda44,#f1cb32)`      ← dung lop w3-amber cua YASR

   ⛔ Icon la KIM CUONG (`off-4.svg` / `on-4.svg` lay tu www), khong phai sao. Ban cu cua
      he tuong tac ve sao SVG — do la cho toi doc nham mot lan truoc: www khai lop
      `yasr-star-rating` nen toi tuong la sao, nhung anh nen that lai la kim cuong.
   ⛔ Hai anh phai nam CUNG TEN MIEN voi tep CSS nay (tuongtac.9minecraft.net). Tro sang
      www thi moi sub phai goi them mot ten mien khac, va mot lan www doi duong dan la 11
      site mat icon cung luc.
   ═══════════════════════════════════════════════════════════════════════════ */

.r9 {
  margin-top: 10px;
  text-align: center;
  font-family: Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: var(--tt-chu, #202124);
}

/* ── nhan "Click to rate this post!" ───────────────────────────────────────── */
.r9__nhan { display: block; margin-bottom: 2px; }

/* ── hang 2: thanh kim cuong + thong ke ────────────────────────────────────── */
.r9__hang { display: inline-block; position: relative; line-height: normal; }

.r9__sao {
  position: relative; display: inline-block; vertical-align: bottom;
  width: 160px; height: 32px;
  background-image: url("off-4.svg");
  background-repeat: repeat-x; background-position: 0 0; background-size: 32px;
  cursor: pointer;
}
.r9__sao.r9--doc { cursor: default; }
.r9__day {
  position: absolute; left: 0; top: 0; height: 100%; width: 0;
  background-image: url("on-4.svg");
  background-repeat: repeat-x; background-position: 0 0; background-size: 32px;
  /* ⛔ Khong dat `transition` cho be rong: khi re chuot ngang qua 5 vien kim cuong, moi
     pixel la mot lan doi gia tri — co hoat canh thi phan day chay DUOI con tro mot nhip,
     cam giac nhu bam khong an. YASR cung khong co hoat canh o day. */
}

/* ── thong ke: bieu tuong cot + [Total: N  Average: M] ─────────────────────── */
.r9__tk { display: inline-block; vertical-align: bottom; margin-left: 2px; }
.r9__ic {
  cursor: pointer; display: inline-block; vertical-align: bottom;
  fill: currentColor; outline: none;
}
.r9__ic:focus-visible { outline: 2px solid var(--tt-nhan, #1a73e8); outline-offset: 2px; }
.r9__chu { vertical-align: bottom; }

/* ── bang thong ke (tippy cua YASR) ────────────────────────────────────────── */
.r9__bang {
  position: absolute; left: 50%; transform: translateX(-50%);
  bottom: calc(100% + 10px);
  min-width: 300px; max-width: min(360px, 92vw);
  padding: 10px 12px;
  background: #fff; color: #0a0a0a;
  border: 1px solid #aaa; border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
  text-align: center; z-index: 9999;
}
.r9__bang[hidden] { display: none; }
/* mui nhon chi xuong, dung mau vien #aaa cua YASR */
.r9__bang::after, .r9__bang::before {
  content: ""; position: absolute; left: 50%; top: 100%;
  border: 8px solid transparent; border-top-color: #fff; margin-left: -8px;
}
.r9__bang::before { border-top-color: #aaa; margin-top: 1px; }

.r9__tieu { display: block; font-size: 14px; margin-bottom: 6px; }

.r9__dong {
  width: 100%; display: flex; align-items: center;
  padding-top: 2px; padding-bottom: 2px;
}
.r9__ten { min-width: 72px; font-size: 14px; text-align: left; }
.r9__thanh {
  flex-grow: 12; height: 18px; overflow: hidden;
  border: 1px solid #ccc;
  background: linear-gradient(to bottom, #eee, #f6f6f6);
}
.r9__phan {
  height: 100%; width: 0;
  background: linear-gradient(to bottom, #ffda44, #f1cb32);
}
.r9__dem { flex-grow: 0; text-align: center; font-size: 14px; min-width: 40px; }

/* ── loi cam on sau khi bo phieu (YASR thay nhan bang dong nay) ────────────── */
.r9__cam { display: block; margin-top: 2px; font-size: 14px; color: var(--tt-mo, #5f6368); }

/* ── che do toi ────────────────────────────────────────────────────────────── */
[data-theme=dark] .r9__bang, :root[data-theme="dark"] .r9__bang {
  background: #26282b; color: #e8eaed; border-color: #5f6368;
}
[data-theme=dark] .r9__bang::after, :root[data-theme="dark"] .r9__bang::after {
  border-top-color: #26282b;
}
[data-theme=dark] .r9__bang::before, :root[data-theme="dark"] .r9__bang::before {
  border-top-color: #5f6368;
}
[data-theme=dark] .r9__thanh, :root[data-theme="dark"] .r9__thanh {
  border-color: #5f6368; background: linear-gradient(to bottom, #35373a, #2b2d30);
}

@media (max-width: 480px) {
  .r9__bang { min-width: 0; width: 92vw; }
}