/* Kuis Kelas: gaya Ular Tangga Soal (awalan ut-) */
.ut-wrap { flex: 1; min-height: 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; padding: 4px 6px 6px; }
.ut-papan { flex: 1 1 0; min-height: 0; min-width: 0; display: flex; align-items: center; justify-content: center; }
.ut-svg { width: 100%; height: 100%; display: block; }
.ut-no { font: 700 13px system-ui, sans-serif; fill: #475569; }
.ut-mulai { fill: #166534; font-size: 14px; }
.ut-legenda { fill: #334155; font-size: 12.5px; }
.ut-ikon { font: 800 15px system-ui, sans-serif; fill: #fff; }
.ut-bidak { transition: transform .26s ease; }
.ut-ctl { flex: none; display: flex; flex-direction: column; gap: 4px; align-items: stretch; }
.ut-skor { padding: 2px 0; gap: 6px; }
.ut-skor .kk-tim { padding: 2px 10px; border-width: 3px; font-size: 1rem; max-width: 100%; }
.ut-nama { max-width: 7em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ut-info { margin: 0; min-height: 1.3em; text-align: center; font-weight: 700; font-size: 1rem; color: #0f172a; overflow-wrap: anywhere; line-height: 1.25; }
.ut-baris { display: flex; align-items: center; justify-content: center; gap: 12px; }
.ut-dadu { flex: none; width: 52px; height: 52px; border-radius: 12px; background: #fff; border: 3px solid #0f172a; display: grid; place-items: center; font-size: 1.8rem; font-weight: 800; color: #0f172a; box-shadow: 0 3px 0 #0f172a; }
.ut-dadu.guling { animation: ut-guling .35s linear infinite; }
@keyframes ut-guling { to { transform: rotate(360deg); } }
.ut-lempar { min-height: 48px; padding: 8px 18px; border: 0; border-radius: 14px; background: #0284c7; color: #fff; font: inherit; font-weight: 800; font-size: 1.1rem; cursor: pointer; box-shadow: 0 3px 0 rgba(15, 23, 42, .35); }
.ut-lempar:disabled { opacity: .55; cursor: default; }
.ut-lempar:focus-visible { outline: 3px solid #0f172a; outline-offset: 2px; }
@media (orientation: landscape) and (max-height: 520px) {
  .ut-wrap { flex-direction: row; align-items: stretch; gap: 8px; }
  .ut-papan { flex: 1 1 0; }
  .ut-ctl { flex: 0 0 min(42%, 330px); justify-content: center; overflow-y: auto; }
  .ut-skor { flex-direction: row; }
}
@media (prefers-reduced-motion: reduce) {
  .ut-bidak { transition: none; }
  .ut-dadu.guling { animation: none; }
}