/* Ergänzungen zu Tailwind (CDN-Build verarbeitet kein @apply —
   hier steht deshalb nur pures CSS). Auf allen Seiten verlinkt. */

[x-cloak] { display: none !important; }

:root {
  /* Medaillen-Akzente für Rangliste + Dashboard-Top-3 */
  --rank-gold: #d4a017;
  --rank-silver: #8c96a3;
  --rank-bronze: #b06a35;
}

/* Kachel-/Karten-Hover: sanfter Lift, nur compositor-freundliche Properties. */
.tile-hover {
  transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms ease;
}
.tile-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 6px rgb(10 37 84 / 0.10), 0 10px 24px rgb(10 37 84 / 0.12);
}

/* Dezente Scrollbars für horizontal scrollende Tabellen auf Mobilgeräten. */
.overflow-x-auto { scrollbar-width: thin; }
.overflow-x-auto::-webkit-scrollbar { height: 6px; }
.overflow-x-auto::-webkit-scrollbar-thumb { background: rgb(10 37 84 / 0.2); border-radius: 3px; }