/* v40.31.37 — exact attached art, optimized rendering, profile dropdown, Gold Membership */
.app::before{filter:none!important;will-change:auto!important}
.main,#authGate .auth-card-v4011{backdrop-filter:none!important}

/* First user-attached image is the login artwork source. */
#authGate.auth-gate{
  background:
    linear-gradient(90deg,rgba(1,4,7,.05),rgba(1,4,7,.18) 20%,rgba(2,5,8,.64) 38%,rgba(2,5,8,.73) 50%,rgba(2,5,8,.64) 62%,rgba(1,4,7,.18) 80%,rgba(1,4,7,.05)),
    url('/assets/fourcolor/fcc-login-attached-v403137-1280.webp') center/cover no-repeat!important;
  background-attachment:scroll!important
}
@media(min-width:1500px){
 #authGate.auth-gate{
   background-image:
     linear-gradient(90deg,rgba(1,4,7,.04),rgba(1,4,7,.15) 20%,rgba(2,5,8,.60) 38%,rgba(2,5,8,.70) 50%,rgba(2,5,8,.60) 62%,rgba(1,4,7,.15) 80%,rgba(1,4,7,.04)),
     url('/assets/fourcolor/fcc-login-attached-v403137.webp')!important
 }
}
.fcc-login-official-brand-v403136{margin-bottom:6px!important}
.fcc-login-official-brand-v403136 img{width:min(500px,68vw)!important;max-height:165px!important}

/* Attached tab scenes now occupy the v40.31.35 scene filenames. */
.app::before{opacity:.96!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important}
.app::after{
 background:linear-gradient(90deg,rgba(2,5,8,.03),rgba(2,5,8,.09) 12%,rgba(3,6,9,.52) 24%,rgba(3,6,9,.88) 35%,rgba(3,6,9,.90) 65%,rgba(3,6,9,.52) 76%,rgba(2,5,8,.09) 88%,rgba(2,5,8,.03) 100%)!important
}
.main{background:rgba(3,6,9,.72)!important}

/* Profile dropdown always over content. */
.topbar{z-index:50000!important;overflow:visible!important}
.topinner,.topinner>.cloud-user,.v403137-user-stack,.v36-user-menu{overflow:visible!important}
.topinner>.cloud-user{position:relative!important;z-index:50010!important;align-self:start!important}
.v403137-user-stack{position:relative;z-index:50020;display:grid;justify-items:end;gap:5px}
.v36-user-menu{z-index:50030!important}
.v36-user-dropdown{
 z-index:99999!important;top:calc(100% + 7px)!important;width:250px!important;
 border-color:#34424b!important;background:#071018!important;
 box-shadow:0 30px 85px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025)!important
}
.v36-user-dropdown:not(.hidden){display:block!important}
.v36-user-dropdown button{position:relative;z-index:100000}
.v36-user-dropdown .v403137-logout{color:#ff4e86!important;font-weight:850!important}
.v36-user-dropdown .v403137-logout:hover{background:rgba(255,54,113,.10)!important}

/* Gold Membership is below the profile chip and outside the dropdown. */
.v403137-gold-membership{
 appearance:none;min-width:148px;min-height:27px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
 padding:5px 11px;border:1px solid rgba(255,204,45,.58);border-radius:7px;
 background:linear-gradient(180deg,rgba(72,54,7,.80),rgba(24,18,3,.92));color:#ffd84b;
 box-shadow:inset 0 1px 0 rgba(255,244,180,.08),0 5px 16px rgba(0,0,0,.24);
 font:850 8px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.035em;text-transform:uppercase;
 cursor:pointer;transition:.15s ease
}
.v403137-gold-membership>span{color:#ffe26a;font-size:11px}
.v403137-gold-membership:hover{
 transform:translateY(-1px);border-color:#ffe167;
 background:linear-gradient(180deg,rgba(98,73,8,.90),rgba(32,23,3,.96));
 box-shadow:0 7px 22px rgba(232,181,24,.12)
}
.topinner{row-gap:6px!important}.topinner>.fcc-nav-row{margin-top:1px!important}

@media(max-width:900px){
 .v403137-user-stack{gap:4px}
 .v403137-gold-membership{min-width:132px;min-height:25px;padding:4px 8px;font-size:7px}
}
@media(max-width:680px){
 .v36-user-dropdown{position:fixed!important;top:82px!important;right:12px!important;left:auto!important;width:min(290px,calc(100vw - 24px))!important}
 .v403137-gold-membership{width:100%}
}
@media(max-width:560px){
 #authGate.auth-gate{
  background:linear-gradient(rgba(2,5,8,.66),rgba(2,5,8,.88)),url('/assets/fourcolor/fcc-login-attached-v403137-1280.webp') center top/cover no-repeat!important
 }
}