/* Keep the website menu fixed without changing each game's controls. */
:root{--bloom-site-nav-height:76px}
body.bloom-site-shell{padding-top:var(--bloom-site-nav-height)!important;box-sizing:border-box}
body.bloom-site-shell .bloom-topbar,body.bloom-site-shell .sitebar,body.bloom-site-shell .site-header{display:none!important}
body.bloom-site-shell .site-game-menu,body.bloom-site-shell .site-global-menu,body.bloom-site-shell .site-menus,body.bloom-site-shell .site-about{display:none!important}
body.bloom-site-shell #languageBtn,body.bloom-site-shell #langBtn{display:none!important}
body[data-bloom-game="random-group"] .topbar{display:none!important}
body[data-bloom-game="memory-challenge"] .brand>a,body[data-bloom-game="memory-challenge"] .brand small{display:none!important}
body[data-bloom-game="crystal-quest"] header .brand img{display:none!important}
body[data-bloom-game="crystal-quest"].home>header{top:var(--bloom-site-nav-height)!important}
body[data-bloom-game="crystal-quest"].home #welcome{top:var(--bloom-site-nav-height)!important}
body[data-bloom-game="crystal-quest"].night-play main{height:calc(100dvh - 76px - var(--bloom-site-nav-height))!important}
body[data-bloom-game="santa-missing-stuff"] .game{height:calc(100dvh - var(--bloom-site-nav-height));min-height:0}
body[data-bloom-game="santa-missing-stuff"] .brand{text-decoration:none;color:inherit;font-size:18px}
body[data-bloom-game="santa-missing-stuff"] #santaHome{text-decoration:none;display:inline-flex;align-items:center}
@media(max-height:720px) and (min-width:701px){body[data-bloom-game="crystal-quest"].night-play main{height:calc(100dvh - 62px - var(--bloom-site-nav-height))!important}}
@media(max-width:760px){:root{--bloom-site-nav-height:100px}body[data-bloom-game="santa-missing-stuff"] .brand{display:none}body[data-bloom-game="santa-missing-stuff"] .toolbar-actions{width:100%;justify-content:space-between}}
@media(max-width:700px){body[data-bloom-game="crystal-quest"].night-play main{height:calc(100dvh - 64px - var(--bloom-site-nav-height))!important}}

body[data-bloom-game="crystal-quest"] .teacher-panel{top:calc(var(--bloom-site-nav-height) + 12px)!important;bottom:12px!important}
body[data-bloom-game="santa-missing-stuff"] .settings-card,body[data-bloom-game="santa-missing-stuff"] .question-card{max-height:calc(100dvh - var(--bloom-site-nav-height) - 24px)}