/* Training Scanner — polaroid viewfinder style (matches original QR scanner) */

.training-scanner-backdrop {
    position: fixed;
    inset: 0;
    z-index: var(--z-overlay);
}

.training-scanner-viewfinder {
    position: fixed;
    top: calc(var(--title-y) + 4rem);
    left: 50%;
    transform: translateX(-50%);
    width: 70vw;
    max-width: 320px;
    aspect-ratio: 1;
    border-radius: var(--radius-lg);
    overflow: hidden;
    z-index: calc(var(--z-overlay) + 1);
    border: 2px solid var(--warm-grey);
    box-shadow: 0 0 0 4px rgba(0,0,0,0.3), 0 4px 20px rgba(0,0,0,0.4);
}

.training-scanner-viewfinder video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transform: scale(1.4);
}

.training-scanner-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}