/* New responsive adjustments for passcode screen */
@media (orientation: landscape) {
    .passcode-screen {
        transform: scale(0.975);  /* Increased from 0.75 to 0.975 (30% bigger) */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
    }

    .passcode-screen .passcode-prompt {
        margin-bottom: 14.625px;  /* 30% increase from 11.25px */
        font-size: 21.45px;  /* 30% increase from 16.5px */
    }

    .passcode-screen .passcode-dots {
        margin-bottom: 24.375px;  /* 30% increase from 18.75px */
        transform: scale(0.975);  /* Slight scale to match overall 30% increase */
    }

    .passcode-screen .dot {
        width: 13.65px;  /* 30% increase from 10.5px */
        height: 13.65px;
    }

    .passcode-screen .passcode-pad {
        transform: scale(0.975);  /* Slight scale to match overall 30% increase */
        width: 273px;  /* 30% increase from 210px */
    }

    .passcode-screen .digit {
        width: 78px;  /* 30% increase from 60px */
        height: 78px;
        font-size: 35.1px;  /* 30% increase from 27px */
    }

    .passcode-screen .error-message,
    .passcode-screen .attempts-message {
        font-size: 15.6px;  /* 30% increase from 12px */
        margin-top: 14.625px;  /* 30% increase from 11.25px */
    }
}