/* Stage 1: scoped HUD rules moved unchanged from layout.css (v8.93.4). */
@media (min-width:761px) and (min-height:601px) {
body:has(.screen.active:not(.home)) .hud {
display:flex!important;
    align-items:center!important;
    gap:10px!important;
}
}

@media (min-width:761px) and (min-height:601px) {
body:has(.screen.active:not(.home)) .hud .back-btn {
flex:0 0 auto!important;
}
}

@media (min-width:761px) and (min-height:601px) {
body:has(.screen.active:not(.home)) .hud .mobile-hud-title {
display:block!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:min(440px,38vw)!important;
    padding:8px 15px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-align:center!important;

    color:#fff2cf!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:1000!important;
    text-shadow:0 2px #4c2a17!important;

    border:3px solid #68401f!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#c8874b,#875025)!important;
    box-shadow:
      inset 0 2px rgba(255,255,255,.24),
      0 4px 0 #4c2c18,
      0 8px 16px rgba(0,0,0,.22)!important;
}
}

@media (min-width:761px) and (min-height:601px) {
body:has(.screen.active:not(.home)) .hud .hud-spacer {
display:block!important;
    flex:1 1 auto!important;
}
}

@media (min-width:761px) and (min-height:601px) {
body:has(.screen.active:not(.home)) .screen.active>.screen-title,
  body:has(.screen.active:not(.home)) .screen.active>.page-art-title,
  body:has(.screen.active:not(.home)) #collectionScreen.active>.house-top-sign {
display:none!important;
}
}

@media (orientation:landscape) and (max-height:600px) {
.mobile-hud-title {

}
}

/* v8.93.9 — exactly one Back control per screen. */
#game:has(#homeScreen.active) #backBtn,
#game:has(#homeScreen.active) #yawnBtn,
#game:has(#ageScreen.active) #backBtn,
#game:has(#racesMiniScreen.active) #backBtn{
  display:none!important;
}