/* Roleplay Scorecard — supporting styles beyond Tailwind utilities */

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 9999px; }

.font-tabular { font-variant-numeric: tabular-nums; }

/* Gauge ring used on penilaian.php & detail.php */
.gauge-ring {
  transition: stroke-dashoffset 0.5s cubic-bezier(.65,0,.35,1), stroke 0.4s ease;
}

/* Indicator scoring card active state */
.skala-btn {
  transition: all .15s ease;
}
.skala-btn[data-active="true"] {
  background-color: #0F1729;
  color: #FAF7F2;
  border-color: #0F1729;
  transform: translateY(-1px);
}

/* Subtle entrance for cards */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp .4s ease both; }

/* Print styling for detail/result page */
@media print {
  aside, .no-print { display: none !important; }
  main { padding: 0 !important; }
  body { background: white !important; }
}