/* Popup is a sibling of the scrolling nav, so it cannot be clipped by it. */
html[data-rift-shell="true"] body.is-authenticated .rift-main-nav #riftEarnToggle {
 display:inline-flex!important; align-items:center; flex:none; gap:8px;
 min-height:46px; padding:8px 13px; color:#e3cf9f; font-size:13px;
}
html[data-rift-shell="true"] body #riftEarnPanel {
 position:absolute; z-index:95; top:calc(100% + 6px); left:12px;
 display:grid; width:min(260px,calc(100vw - 40px)); padding:8px;
 border:1px solid #47658c; border-radius:12px;
 background:linear-gradient(145deg,#10203b,#040c1b);
 box-shadow:0 16px 48px #0009,inset 0 1px #a4d6ff20;
}
html[data-rift-shell="true"] body #riftEarnPanel[hidden] { display:none!important; }
html[data-rift-shell="true"] body:not(.is-authenticated) #riftEarnToggle,
html[data-rift-shell="true"] body:not(.is-authenticated) #riftEarnPanel { display:none!important; }
html[data-rift-shell="true"] body #riftEarnPanel>a {
 display:flex; align-items:center; min-height:44px; padding:10px 14px;
 color:#dceaff; font-weight:650; text-decoration:none; border-radius:7px;
}
html[data-rift-shell="true"] body #riftEarnPanel>a:hover,
html[data-rift-shell="true"] body #riftEarnPanel>a:focus-visible { background:#163658; color:#fff; outline:2px solid #70ddff; outline-offset:-2px; }
html[data-rift-shell="true"] body #riftEarnToggle:focus-visible { outline:2px solid #70ddff; outline-offset:-3px; }
.site-footer-badge img { display:block; width:44px!important; height:44px!important; object-fit:contain; }
.site-footer-badge>a { min-width:44px; min-height:44px; align-items:center; justify-content:center; }
@media(max-width:640px){
 html[data-rift-shell="true"] body.is-authenticated .rift-main-nav #riftEarnToggle { padding:7px 9px; gap:6px; font-size:12px; }
}