.classic-game-rotate-hint {
    display: none;
}

html.classic-game-fullscreen-open,
html.classic-game-fullscreen-open body {
    overflow: hidden;
}

#classic-game-shell.is-fallback-fullscreen {
    position: fixed;
    inset: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    border-radius: 0;
    background: #111827;
}

#classic-game-shell.is-fallback-fullscreen #classic-game-frame {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
}

@media (orientation: portrait) and (pointer: coarse) {
    #classic-game-shell:fullscreen .classic-game-rotate-hint,
    #classic-game-shell:-webkit-full-screen .classic-game-rotate-hint,
    #classic-game-shell.is-fallback-fullscreen .classic-game-rotate-hint {
        display: block;
        position: absolute;
        top: 1rem;
        left: 50%;
        z-index: 20;
        max-width: calc(100% - 2rem);
        transform: translateX(-50%);
        border-radius: 9999px;
        background: rgba(17, 24, 39, 0.9);
        padding: 0.65rem 1rem;
        color: white;
        font-size: 0.875rem;
        font-weight: 700;
        text-align: center;
        pointer-events: none;
    }
}