/* RoccoQuest V10.9.108 — tab hero spacing + correct real Rocco photo */
:root{--rq108-panel:rgba(3,30,23,.67);--rq108-line:rgba(218,126,64,.52)}

/* Old pseudo heroes caused the large empty green block and hid the new account image. */
#account:before,#roadbook:before,#challenges:before,#stamps:before{display:none!important;content:none!important;height:0!important;margin:0!important}

/* Photo starts immediately below the site header. */
#account,#roadbook,#challenges{
  padding-top:180px!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  background-position:center top!important;
  background-size:100% auto!important;
}
#account{
  background-image:linear-gradient(180deg,rgba(1,13,10,.03) 0,rgba(2,20,15,.12) 105px,rgba(2,20,15,.86) 180px),url('/rq-real-rocco-login.jpg?v=108')!important;
}
#roadbook,#challenges{
  background-image:linear-gradient(180deg,rgba(1,13,10,.04) 0,rgba(2,20,15,.12) 105px,rgba(2,20,15,.84) 180px),url('/hero-scene.jpg?v=108')!important;
}

/* Softer outdoor glass cards instead of solid green blocks. */
#account>.card,#roadbook>.card,#challenges>.card{
  background:linear-gradient(145deg,rgba(5,45,34,.70),rgba(2,25,19,.64))!important;
  backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
  border:1px solid var(--rq108-line)!important;border-radius:24px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.14)!important;
  margin:12px 18px!important;
}

@media(max-width:520px){
 #account,#roadbook,#challenges{padding-top:138px!important;background-size:100% auto!important;background-position:center top!important}
 #account{background-image:linear-gradient(180deg,rgba(1,13,10,.01) 0,rgba(2,20,15,.10) 78px,rgba(2,20,15,.84) 138px),url('/rq-real-rocco-login.jpg?v=108')!important}
 #roadbook,#challenges{background-image:linear-gradient(180deg,rgba(1,13,10,.02) 0,rgba(2,20,15,.10) 78px,rgba(2,20,15,.82) 138px),url('/hero-scene.jpg?v=108')!important}
 #account>.card,#roadbook>.card,#challenges>.card{margin:10px 12px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(5,45,34,.66),rgba(2,25,19,.60))!important}
}