body.twofold-page { background: #090d13; }
.twofold-frame { width: min(1240px, calc(100% - 64px)); margin: 28px auto; border: 1px solid #293440; border-radius: 22px; overflow: hidden; box-shadow: 0 24px 70px #0005; background: #10141b; }
#twofold-game { display: block; width: 100%; height: max(680px, calc(100dvh - 140px)); border: 0; }
body.twofold-expanded > .app-navbar { display: none; }
body.twofold-expanded .twofold-frame { width: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
body.twofold-expanded #twofold-game { height: 100dvh; }
@media (max-width: 760px) {
    body.twofold-page > .app-navbar { display: none; }
    .twofold-frame { width: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
    #twofold-game { height: 100dvh; }
}