/* V10.9.107 — outdoor glass UI + compact mobile flow */
:root{--rq-glass:rgba(4,34,26,.72);--rq-glass2:rgba(3,25,19,.58);--rq-line:rgba(220,132,74,.48)}
/* No dead green area above imagery: image is a compact editorial cover */
#account,#roadbook,#challenges{padding-top:clamp(175px,30vw,245px)!important;background-image:linear-gradient(180deg,rgba(2,18,13,.08),rgba(2,18,13,.42)),url('/rq-real-rocco-login.jpg')!important;background-position:center top!important;background-size:100% auto!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
#account>.card,#roadbook>.card,#challenges>.card{background:linear-gradient(145deg,var(--rq-glass),var(--rq-glass2))!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--rq-line)!important;border-radius:24px!important;box-shadow:0 14px 36px rgba(0,0,0,.18)!important;margin:14px 18px!important;padding:24px 22px!important}
#roadbook>.card+ .card,#challenges>.card+ .card{border:1px solid var(--rq-line)!important}
#roadbook .activity,#challenges .activity{background:rgba(1,18,14,.26)!important;border:1px solid rgba(230,145,87,.28)!important;border-radius:16px!important;padding:13px 15px!important}
#challenges .item{background:rgba(1,18,14,.20)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;padding:12px 14px!important}
/* Account photo must be the uploaded real Rocco photo */
#account{background-image:linear-gradient(180deg,rgba(2,18,13,.02),rgba(2,18,13,.50)),url('/rq-real-rocco-login.jpg?v=107')!important}
/* compact, horizontal how-it-works — no emoji, no huge vertical whitespace */
#rq102Home .rq102Steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;border:0!important;margin-top:14px!important}
#rq102Home .rq102Step{display:block!important;min-width:0!important;background:rgba(4,35,27,.45)!important;border:1px solid rgba(221,132,72,.30)!important;border-radius:16px!important;padding:13px 10px!important;text-align:left!important}
#rq102Home .rq102Step:before{content:attr(data-rq-num)!important;width:28px!important;height:28px!important;border:1px solid #ef8644!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#ef8644!important;font:800 11px/1 Arial!important;margin-bottom:9px!important}
#rq102Home .rq102Step b{display:block!important;font-size:14px!important;line-height:1.1!important;margin:0 0 5px!important}
#rq102Home .rq102Step span{display:block!important;font-size:11px!important;line-height:1.35!important;color:#d5cabe!important;word-break:normal!important}
@media(max-width:520px){
 #account,#roadbook,#challenges{padding-top:155px!important;background-size:100% auto!important;background-position:center top!important}
 #account>.card,#roadbook>.card,#challenges>.card{margin:12px 14px!important;border-radius:20px!important;padding:21px 18px!important}
 #rq102Home .rq102Steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 #rq102Home .rq102Step{padding:12px 11px!important;min-height:112px!important}
 #rq102Home .rq102Step b{font-size:15px!important}#rq102Home .rq102Step span{font-size:12px!important}
}