/* عجلة الحظ: القياس والمؤشر والحركات الخاصة بالأداة. */
.wheel-container {
    position: relative;
    width: min(90vw, 80vh);
    height: min(90vw, 80vh);
    margin: 0 auto;
    overflow: visible;
}

.wheel {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: transform ease-out;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    cursor: grab;
}

.wheel:active {
    cursor: grabbing;
}

.pin-pointer {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-92%, -50%);
    z-index: 100;
    pointer-events: none;
    width: clamp(45px, 6vw, 65px);
    height: clamp(45px, 6vw, 65px);
    filter: drop-shadow(-4px 4px 6px rgba(0, 0, 0, 0.5));
    transition: transform 0.1s ease;
    transform-origin: right center;
}

.wobble {
    animation: none;
    transform-origin: right center;
}

.pin-hit {
    transform: translate(-92%, -50%) rotate(25deg) !important;
    transition: transform 0.05s ease-out !important;
}