/* RoccoQuest V10.9.109 — outdoor tab backgrounds + transparent glass cards */
:root{--rq109-glass:rgba(2,27,20,.60);--rq109-glass-soft:rgba(2,27,20,.46);--rq109-line:rgba(224,132,70,.46);--rq109-cream:#fff1dd}

/* Kill the old fake hero/empty spacer. The photo is now the actual tab background. */
#account:before,#roadbook:before,#stamps:before,#challenges:before{display:none!important;content:none!important;height:0!important;margin:0!important}
#account,#roadbook,#stamps,#challenges{
  padding-top:22px!important;
  padding-bottom:120px!important;
  background:
    linear-gradient(180deg,rgba(0,18,13,.34),rgba(0,18,13,.58)),
    url('/rq-outdoor-tabs.jpg?v=109') center top/cover no-repeat fixed!important;
  min-height:100vh!important;
}

/* Glass instead of solid green blocks: outdoor image remains visible. */
#account>.card,#roadbook>.card,#stamps>.card,#challenges>.card,
#account .profileEdit,#account .accountGate,
#roadbook .card,#stamps .card,#challenges .card{
  background:linear-gradient(145deg,rgba(4,42,31,.62),rgba(1,20,15,.48))!important;
  -webkit-backdrop-filter:blur(8px) saturate(105%)!important;
  backdrop-filter:blur(8px) saturate(105%)!important;
  border:1px solid var(--rq109-line)!important;
  border-radius:24px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
#account>.card,#roadbook>.card,#stamps>.card,#challenges>.card{margin:14px 18px!important}

/* Inner UI is lighter and less box-in-box. */
#roadbook .activity,#stamps .mapInfoCard,#stamps .mapPrivacy,#challenges .challenge,#challenges .item,
#account .item,#account .profileEdit{
  background:rgba(0,18,13,.28)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
#challenges .challenge{border-radius:16px!important;margin:8px 0!important}
#stamps .mapInfoCard{border-radius:16px!important}

/* Keep headings crisp over photography. */
#account h1,#account h2,#account h3,#roadbook h1,#roadbook h2,#stamps h1,#stamps h2,#challenges h1,#challenges h2{color:var(--rq109-cream)!important;text-shadow:0 2px 12px rgba(0,0,0,.24)}

@media(max-width:520px){
  #account,#roadbook,#stamps,#challenges{
    padding-top:12px!important;
    background-attachment:scroll!important;
    background-position:center top!important;
    background-size:auto 100vh!important;
  }
  #account>.card,#roadbook>.card,#stamps>.card,#challenges>.card{margin:10px 12px!important;border-radius:22px!important;padding:20px 18px!important}
  #account .accountGate{padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
}