/* Hyflip Play 2.4.2 — structural background and games panel fixes */

html,
body,
body.hyflip-theme,
body.hyflip-theme.pushable,
body.hyflip-theme.pushable > .pusher,
body.hyflip-theme .pusher,
body.hyflip-theme #wrapper,
body.hyflip-theme .hyflip-page-container {
    background-color: var(--hy-bg, #08111f) !important;
}

body.hyflip-theme.pushable > .pusher,
body.hyflip-theme .pusher,
body.hyflip-theme #wrapper {
    min-height: 100vh;
}

body.hyflip-theme #wrapper {
    margin: 0 !important;
}

body.hyflip-theme #footer.ui.segment {
    margin: 0 !important;
    border: 0 !important;
    border-top: 4px solid var(--hy-accent, #4a63ff) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #060c16 !important;
}

body.hyflip-theme .hyflip-page-container,
body.hyflip-theme .hy-games-page,
body.hyflip-theme .hy-games-browser {
    background-image: none;
}

/* CSS display rules must explicitly respect the selected minigame. */
.hy-game-detail,
.hy-game-detail[hidden] {
    display: none !important;
}

.hy-game-detail.is-active:not([hidden]) {
    display: grid !important;
}

@media (max-width: 900px) {
    .hy-game-detail.is-active:not([hidden]) {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
}