/**
 * Pattern lock specific styles
 */

.pattern-lock-container canvas {
    cursor: crosshair;
    -webkit-user-select: none;
    user-select: none;
}

#patternCanvas {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

@media (max-width: 480px) {
    #patternCanvas {
        width: 100% !important;
        height: auto !important;
    }
}