/* The mobile navigation scrolls at its natural button size, independently of the wallet. */
#lbNavRow{display:contents}
.lb-nav-arrow{display:none}
@media(max-width:1100px){
 html body #lbTop{display:grid!important;grid-template-columns:minmax(28px,1fr) max-content!important;grid-template-areas:"brand wallet" "navigation navigation"!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:0!important;padding:6px max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))!important;gap:4px 10px!important;box-sizing:border-box}
 html body #lbTop .lb-brand{grid-area:brand;min-width:28px!important;gap:7px!important;white-space:nowrap!important;overflow:hidden;align-self:center}
 html body #lbTop .lb-brand .lb-star{width:30px;height:30px;min-width:30px;font-size:17px}
 html body #lbTop .lb-brand .lb-name{display:inline;font-size:16px;line-height:1.2;letter-spacing:.5px;white-space:nowrap}
 html body #lbTop .lb-right{grid-area:wallet;display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-end;margin:0!important;gap:6px!important;min-width:0!important;max-width:100%}
 html body #lbTop #acctBar:not(.hidden){display:block!important;margin:0;flex:none}
 html body #lbTop .lb-acct{font-size:0!important;display:grid;place-items:center;width:34px!important;min-width:34px;max-width:34px!important;height:34px;padding:0!important;border-radius:9px;overflow:hidden}
 html body #lbTop .lb-acct::before{content:'👤';font:19px/1 sans-serif}
 html body #lbTop .lb-ic{width:34px!important;height:34px!important;min-width:34px;font-size:16px;flex:none}
 html body #lbTop .lb-pd{height:34px!important;padding:0 4px 0 8px!important;gap:5px;font-size:15px;white-space:nowrap;flex:none}
 html body #lbTop .pd-plus{width:23px;height:23px;min-width:23px}
 html body #lbTop .lb-credits{min-width:0!important;height:34px;min-height:34px;padding:0 8px!important;gap:5px;font-size:14px;flex:none}
 html body #lbTop .lb-credits>span{display:none}
 html body #lbTop #lbNavRow{grid-area:navigation;display:flex;align-items:center;width:100%;min-width:0;height:46px;gap:4px;overflow:hidden}
 html body #lbTop #lbNav{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;grid-template-columns:none!important;order:1!important;flex:1 1 0!important;flex-basis:0!important;width:0!important;min-width:0!important;max-width:none!important;height:46px!important;margin:0!important;padding:0!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity}
 html body #lbTop #lbNavPrev{order:0!important}html body #lbTop #lbNavNext{order:2!important}
 html body #lbTop #lbNavRow[data-overflow="false"] .lb-nav-arrow{display:none!important}
 html body #lbTop #lbNavRow[data-overflow="false"] #lbNav{justify-content:center!important}
 html body #lbTop #lbNav>button,html body #lbTop #lbNav>#generalChatButton{flex:0 0 auto!important;width:auto!important;min-width:82px!important;max-width:none!important;height:44px!important;padding:0 12px!important;white-space:nowrap!important;letter-spacing:.3px!important;font:700 16px/1.1 'Saira Condensed',sans-serif!important;border:0!important;scroll-snap-align:center}
 html body #lbTop #lbNav>button.on::after{left:10px!important;right:10px!important;bottom:4px!important}
 html body #lbTop #lbNav>#generalChatButton{min-width:91px!important;color:#e3bf70}
 html body #lbTop .lb-nav-arrow{display:grid!important;place-items:center;flex:0 0 34px;width:34px;min-width:34px;height:40px;padding:0;border:1px solid #76633e;border-radius:8px;color:#f0cb83;background:#262c1c;font:26px/1 sans-serif;cursor:pointer}
 html body #lbTop .lb-nav-arrow:disabled{opacity:.2;cursor:default}
 html body #lbTop button:focus-visible{outline:2px solid #f1cd79;outline-offset:-3px}
 html body #lbMain{padding-top:16px!important;min-width:0;max-width:100%;box-sizing:border-box}
 html body #pgCollection .cx,html body #pgCollection .cx>*{min-width:0;max-width:100%;box-sizing:border-box}
 html body #pgCollection .cx-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body #pgCollection .cx-card{min-width:0;overflow-wrap:anywhere}
 html body #pgCollection .cx-main{min-width:0}
}
@media(max-width:640px){
 html body #pgCollection .cx{grid-template-columns:minmax(0,1fr)}html body #pgCollection .cx-who b{font-size:18px}
 html body #pgCollection .cx-cats{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a38c4d #161d11;padding-bottom:6px}
 html body #pgCollection .cx-cats button{flex:0 0 auto;min-width:92px;min-height:42px;padding:8px 12px;white-space:nowrap;font-size:14px;line-height:1.25}
 html body #pgCareer .cr-head{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:16px;align-items:center}
 html body #pgCareer .cr-emb{position:static;transform:none;width:44px;height:44px;font-size:26px;grid-column:1;grid-row:1}
 html body #pgCareer .cr-who{grid-column:2;grid-row:1;width:100%;min-width:0}
 html body #pgCareer .cr-who>b{display:block;font-size:20px;line-height:1.25;overflow-wrap:anywhere}
 html body #pgCareer .cr-who .xpbar{width:100%;box-sizing:border-box}
 html body #pgCareer .cr-rank{grid-column:1/-1;display:flex;flex-direction:row;justify-content:center;gap:10px;padding:8px 12px;min-width:0}
 html body #pgCareer .cr-rank span{font-size:22px}.cr-rank b{line-height:1.25}
}
@media(max-width:700px){
 html body #lbTop .lb-brand .lb-name{display:none!important}
 html body #lbTop{grid-template-columns:30px minmax(0,1fr)!important;gap:4px 8px!important}
}
@media(max-width:360px){
 html body #lbTop{padding-left:6px!important;padding-right:6px!important;gap:4px 5px!important}
 html body #lbTop .lb-right{gap:4px!important}
 html body #lbTop .lb-acct,html body #lbTop .lb-ic{width:30px!important;min-width:30px!important;max-width:30px!important;height:32px!important}
 html body #lbTop .lb-credits{padding:0 5px!important;gap:4px;font-size:13px}
 html body #lbTop .lb-pd{padding-left:5px!important;gap:4px;font-size:14px}
 html body #lbTop .pd-plus{width:21px;height:21px;min-width:21px}
 html body #lbTop .lb-pd .pd-gem{font-size:15px}
 html body #lbTop .lb-pd .pd-plus{display:none}
}

/* cadastro no celular (navegador do Instagram/Facebook): o botão de criar conta fica sempre à vista,
   inclusive com o teclado aberto; em telas baixas some o que é secundário para caber sem rolar */
body.mobile #login .box { scroll-padding-bottom: 80px; }
body.mobile #login #lgGo { position: sticky; bottom: 0; z-index: 2; box-shadow: 0 -10px 18px rgba(10, 14, 8, .85); }
@media (max-height: 640px) {
  body.mobile #login .lg-perks, body.mobile #login #lgEmailHint { display: none !important; }
  body.mobile #login .lg-f { margin-bottom: 6px; }
}