/* Compact header. The existing scenery is cropped, not compressed into a strip. */
#game.game{height:max(100svh,clamp(1000px,75vw,1280px));background:none;isolation:isolate;overflow:hidden}
#game.game::before{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:0;top:calc(136px - 21.36%);background:url('assets/skin-v15-desktop.webp') center/100% 100% no-repeat;pointer-events:none}
#game .app-header{inset:4px 10% auto;height:108px;display:flex;justify-content:center}
#game .mobile-brand{position:relative;width:320px;max-width:none;height:108px;background:url('assets/catalog-v11-logo-alpha.webp') center/auto 96px no-repeat,url('assets/header-v16-plaque.webp') center/100% 100% no-repeat;filter:drop-shadow(0 2px 3px #122e4460);isolation:isolate}
#game .mobile-brand::before{content:none}
#game .parents.nav-sprite{position:absolute;left:auto;right:0;bottom:auto;top:28px;transform:none}
#game .sketchbook{top:128px;bottom:10.7%}
@media(max-width:900px){
 #game.game{height:auto;min-height:max(100svh,690px,190vw)}
 #game.game::before{top:calc(104px - 19.47%);background-image:url('assets/skin-v15-mobile.webp')}
 #game .app-header{inset:4px 7.7% auto;height:80px}
 #game .mobile-brand{width:240px;height:80px;background-size:auto 72px,100% 100%}
 #game .parents.nav-sprite{top:18px}
 #game .sketchbook{top:100px;bottom:9.1%}
}
@media(min-width:551px) and (max-width:900px){
 #game.game{min-height:max(100svh,880px,140vw)}
 #game #my-colors{position:static}
}
@media(max-width:550px){
 #game .app-header{left:7%;right:7%}
 #game .mobile-brand{width:52vw;max-width:240px;height:80px;background-size:auto 72px,100% 100%}
 #game .parents.nav-sprite{right:-5px;top:19px;width:44px;height:44px;min-height:44px;padding:0;background-size:100% 100%;border-radius:50%;overflow:hidden}
 #game .parents .nav-label{display:none}
 #game .parents .ui-icon{width:20px;height:20px}
 #game #my-colors{position:absolute;top:-77px;left:-3%;right:auto;width:55px;height:44px;min-height:44px;padding:5px;gap:3px;background-size:100% 100%;border-radius:20px;overflow:hidden}
 #game #my-colors .progress-title{display:none}
 #game #my-colors .ui-icon{width:17px;height:17px}
 #game #collection-count{width:19px;height:19px;font-size:10px}
}