/* Wolf ratings under each demo (ratings.js) */
.item > .rt {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 10px 14px; border-top: 1px solid var(--line); background: #0b0f18;
}
.rt-stars { display: inline-flex; gap: 2px; }
.rt-star {
  position: relative; width: 36px; height: 36px; padding: 3px; border: 0; background: none; cursor: pointer;
  transition: transform .15s;
}
.rt-star img { position: absolute; inset: 3px; width: 30px; height: 30px; transition: opacity .15s; }
.rt-star .rt-off { opacity: .28; }
.rt-star .rt-on { opacity: 0; filter: drop-shadow(0 0 6px rgba(255, 221, 0, .45)); }
.rt-star.on .rt-off { opacity: 0; }
.rt-star.on .rt-on { opacity: 1; }
.rt.mine .rt-star.on .rt-on { filter: drop-shadow(0 0 8px rgba(255, 221, 0, .7)); }
.rt-star:hover { transform: scale(1.15) rotate(-6deg); }
.rt-star:focus-visible { outline: 2px solid var(--accent2); outline-offset: 1px; border-radius: 8px; }
.rt-sum { color: var(--muted); font: 600 13px/1.2 var(--sans); }
@media (prefers-reduced-motion: reduce) { .rt-star { transition: none; } .rt-star:hover { transform: none; } }