.roulette-shell {
    display: grid;
    gap: var(--space-3);
    place-items: center;
}

.roulette-canvas-wrap {
    position: relative;
    width: min(100%, 380px);
}

.roulette-pointer {
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 34px solid var(--danger);
    filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.16));
    left: 50%;
    position: absolute;
    top: -6px;
    transform: translateX(-50%);
}