/* ============================================
   SCREENS
   ============================================ */

.screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* Fallback for browsers that don't support dvh */
    height: 100vh;
    /* Dynamic viewport height - accounts for Safari URL bar */
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Prevent content from going behind notch/URL bar */
    box-sizing: border-box;
    /* Safe area insets for notch, home indicator, and URL bar */
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    /* Explicit z-index to ensure footer is visible above screens */
    z-index: 1;
}

.screen.hidden {
    display: none;
}