.rl-layout { display: grid; gap: 24px; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 860px) { .rl-layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } }
.rl-wheel { position: relative; width: 100%; max-width: 480px; margin: 0 auto; }
.rl-canvas { display: block; margin: 0 auto; cursor: pointer; border-radius: 50%; box-shadow: 0 16px 40px rgba(0,0,0,.18); }
.is-spinning .rl-canvas { cursor: progress; }
.rl-pointer {
  position: absolute; left: 50%; top: -6px; transform: translateX(-50%); width: 34px; height: 44px;
  background: #1d2030; clip-path: polygon(50% 100%, 0 0, 100% 0); filter: drop-shadow(0 3px 2px rgba(0,0,0,.3));
}
.rl-pointer::after {
  content: ""; position: absolute; left: 7px; top: 5px; width: 20px; height: 26px; background: #ffd66b;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.rl-live { margin: 0; min-height: 1.4em; }
.rl-history { margin: 8px 0 0; padding-left: 1.4em; display: grid; gap: 2px; font-weight: 600; max-height: 200px; overflow: auto; }
.rl-history li:first-child { color: var(--primary); }
.game-shell.is-full .rl-layout { flex: 1; align-content: center; }