/* Katılımcı ekranı için sade, iki sütunlu yerleşim. */
.dashboard { grid-template-columns: 290px minmax(400px, 1fr); }

@media (max-width: 1100px) {
  .dashboard { grid-template-columns: 280px 1fr; }
}

/* İşaret çarkın üstünde, çevirme düğmesinden uzakta kalır. */
.pointer {
  top: 5%;
  bottom: auto;
  border-top: 33px solid #fff;
  border-bottom: 0;
}

#wheelCanvas {
  width: min(70%, 470px);
}

@media (max-width: 720px) {
  .pointer { top: 7%; bottom: auto; }
  #wheelCanvas { width: min(84%, 410px); }
}