@media screen and (max-width: 768px) {
    html, body {
        height: 100dvh;
        overflow-y: none;
    }
    header {
        height: 64px;
        padding: 0 24px;
        /* position: absolute; */
    }
    .header-button {
        /* display: none; */
    }
    .screen {
        background-color: rgba(0,0,0,0.1);
        padding: 16px;
        height: 100dvh;
        overflow-y: auto;
    }
    .page-backgrounds {
        height: 100dvh;
    }
    .popup {
        bottom: auto;
        top: 16px;
        right: 16px;
        width: calc(100% - 32px);
    }
}
@media screen and (max-height: 670px) and (max-width: 768px) {
    header {
        background-color: rgba(0,0,0,0.6);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        backdrop-filter: blur(10px);
        height: 56px;
    }
    .screen {
        padding-top: 56px;
        justify-content: flex-start;
    }
}