html,
body.e2tr-special-page {
    min-height: 100%;
    margin: 0;
}

body.e2tr-special-page {
    min-height: 100vh;
    min-height: 100dvh;
    overflow-x: hidden;
}

.e2tr-special-shell,
.e2tr-special-main,
body.e2tr-special-page #tm-main {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
}

.e2tr-special-shell {
    position: relative;
}

.e2tr-special-main,
body.e2tr-special-page #tm-main {
    position: relative;
}

.e2tr-special-player-wrap {
    position: fixed;
    z-index: 1000;
    left: 50%;
    bottom: max(12px, env(safe-area-inset-bottom));
    width: min(720px, calc(100% - 24px));
    transform: translateX(-50%);
}

body.admin-bar .e2tr-special-shell {
    min-height: calc(100vh - 32px);
    min-height: calc(100dvh - 32px);
}

@media (max-width: 782px) {
    body.admin-bar .e2tr-special-shell {
        min-height: calc(100vh - 46px);
        min-height: calc(100dvh - 46px);
    }
}

@media (max-width: 640px) {
    .e2tr-special-player-wrap {
        bottom: max(8px, env(safe-area-inset-bottom));
        width: calc(100% - 16px);
    }
}