/* Loaded after Vite so nav / free tools / theme stay above hero without rebuilding app.css */

/* Hide main nav, Free Tools rail, and theme toggle until home intro animation sets body.bang-explode-ready
   (Other pages get that class from layouts.app before paint, so chrome shows immediately.) */
html:not(.bang-explode-ready) .hero-menu-animated,
body:not(.bang-explode-ready) .hero-menu-animated {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0) !important;
    pointer-events: none !important;
    filter: drop-shadow(0 0 20px white) brightness(2) !important;
}

html.bang-explode-ready .hero-menu-animated,
body.bang-explode-ready .hero-menu-animated {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
    pointer-events: auto !important;
    filter: drop-shadow(0 0 0px white) brightness(1) !important;
}

body > header {
    position: relative !important;
    z-index: 2147483647 !important;
}

body > header .fixed,
body > header #mobile-menu {
    z-index: 2147483647 !important;
}

.site-chrome-floating {
    z-index: 2147483646 !important;
}

.site-chrome-tool-panel-layer {
    z-index: 2147483645 !important;
}